https://careerdiary.io/assets/UserGuidePage-B_EV2KFg.js

1import{j as e}from"./animation-CddyXVCz.js";import{B as a,ad as r,ae as t,af as l,ag as i,y as d}from"./index-CGKNpi9E.js";import"./react-vendor-CbN3pvl2.js";import"./supabase-iKSPld20.js";import"./docgen-Bp8WKBAE.js";import"./query-DPqpbKNH.js";const c="/assets/landing_page_new-DGIbqYHV.png",o="/assets/career_diary_with_data-DqsW1xyn.png",n="/assets/profile_tailor_interface-DVyU1xfs.png",x="/assets/job_search_interface-CmRvqv-Z.png",u=({onBack:s})=>e.jsxs("div",{className:"min-h-screen min-h-dvh bg-gray-50 dark:bg-slate-900 text-gray-800 dark:text-slate-200 font-sans transition-colors",children:[e.jsx("header",{className:"sticky top-0 z-30 bg-white/80 dark:bg-slate-900/80 backdrop-blur-md border-b border-gray-200 dark:border-slate-700 px-4 py-3",children:e.jsxs("div",{className:"max-w-4xl mx-auto flex items-center justify-between safe-area-top",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a,{onClick:s,variant:"ghost",className:"p-2 rounded-full hover:bg-gray-100 dark:hover:bg-slate-800 transition-colors text-gray-600 dark:text-slate-400 h-auto border-none","aria-label":"Back",children:e.jsx(r,{className:"h-5 w-5"})}),e.jsx("h1",{className:"text-xl font-bold text-gray-900 dark:text-white",children:"User Guide"})]}),e.jsx(t,{})]})}),e.jsxs("main",{className:"max-w-4xl mx-auto px-4 py-8 md:py-12 space-y-12",children:[e.jsxs("section",{className:"space-y-6",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-black tracking-tight text-gray-900 dark:text-white",children:"Welcome to CareerDiary"}),e.jsx("p",{className:"text-lg text-gray-600 dark:text-slate-300 leading-relaxed",children:"Your AI-powered career management platform. Track your professional journey in your career diary and instantly generate tailored resumes and cover letters for any job opportunity."}),e.jsxs("div",{className:"rounded-lg overflow-hidden shadow-xl border border-gray-200 dark:border-slate-700",children:[e.jsx("img",{src:c,alt:"CareerDiary landing page with integrated sign-up",className:"w-full h-auto",loading:"eager"}),e.jsx("div",{className:"bg-white dark:bg-slate-800 px-4 py-3 border-t border-gray-200 dark:border-slate-700",children:e.jsxs("p",{className:"text-sm text-gray-600 dark:text-slate-400 text-center",children:[e.jsx("strong",{children:"CareerDiary Landing Page:"})," Sign up with Google, LinkedIn, or email to get started. Guest mode is also available for trying out features."]})})]})]}),e.jsxs("section",{id:"getting-started",className:"space-y-6 scroll-mt-20",children:[e.jsxs("div",{className:"flex items-center gap-3 text-blue-600 dark:text-blue-400",children:[e.jsx("span",{className:"material-symbols-outlined text-3xl",children:"rocket_launch"}),e.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:"Getting Started"})]}),e.jsxs("div",{className:"iconic-surface p-6 space-y-4",children:[e.jsx("h4",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:"Accessing the App"}),e.jsxs("ul",{className:"list-disc list-inside space-y-2 text-gray-600 dark:text-slate-300 ml-2",children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Guest Mode:"})," Try out the features without creating an account. Your data is stored locally in your browser."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Signed In:"})," Create an account to sync your data across devices and ensure your career history is always backed up."]})]}),e.jsx("h4",{className:"text-lg font-semibold text-gray-900 dark:text-white pt-2",children:"Initial Setup"}),e.jsx("p",{className:"text-gray-600 dark:text-slate-300",children:"When you first launch the app, you'll be guided to set up your profile. This involves adding your basic contact information and professional summary."})]})]}),e.jsxs("section",{id:"core-features",className:"space-y-8 scroll-mt-20",children:[e.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white border-b border-gray-200 dark:border-slate-700 pb-2",children:"Core Features"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-blue-600 dar

1k:text-blue-400",children:[e.jsx(l,{className:"h-6 w-6"}),e.jsx("h4",{className:"text-xl font-bold text-gray-900 dark:text-white",children:"Career Diary"})]}),e.jsxs("div",{className:"iconic-surface-soft p-6 space-y-4",children:[e.jsxs("p",{className:"text-gray-600 dark:text-slate-300",children:["The ",e.jsx("strong",{children:"Career Diary"}),' is the heart of CareerDiary. It serves as the "single source of truth" for your entire professional history. Instead of maintaining multiple versions of a resume, you capture ',e.jsx("em",{children:"everything"})," here."]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4 pt-2",children:[e.jsxs("div",{className:"bg-white dark:bg-slate-800 p-4 rounded-lg border border-gray-100 dark:border-slate-700",children:[e.jsx("strong",{className:"block text-gray-900 dark:text-white mb-1",children:"Experience"}),e.jsx("span",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Every role you've held, with detailed bullet points."})]}),e.jsxs("div",{className:"bg-white dark:bg-slate-800 p-4 rounded-lg border border-gray-100 dark:border-slate-700",children:[e.jsx("strong",{className:"block text-gray-900 dark:text-white mb-1",children:"Education"}),e.jsx("span",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Degrees, certifications, and coursework."})]}),e.jsxs("div",{className:"bg-white dark:bg-slate-800 p-4 rounded-lg border border-gray-100 dark:border-slate-700",children:[e.jsx("strong",{className:"block text-gray-900 dark:text-white mb-1",children:"Projects"}),e.jsx("span",{className:"text-sm text-gray-500 dark:text-slate-400",children:"Side projects, freelance work, or academic assignments."})]}),e.jsxs("div",{className:"bg-white dark:bg-slate-800 p-4 rounded-lg border border-gray-100 dark:border-slate-700",children:[e.jsx("strong",{className:"block text-gray-900 dark:text-white mb-1",children:"Skills"}),e.jsx("span",{className:"text-sm text-gray-500 dark:text-slate-400",children:"A comprehensive list of technical and soft skills."})]})]}),e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border border-blue-100 dark:border-blue-800/30 text-sm text-blue-800 dark:text-blue-200",children:[e.jsx("strong",{children:"Tip:"})," Be as detailed as possible in your Career Diary. The AI will pick and choose the most relevant details for each specific job application."]}),e.jsxs("div",{className:"rounded-lg overflow-hidden shadow-lg border border-gray-200 dark:border-slate-700 mt-4",children:[e.jsx("img",{src:o,alt:"Career Diary with work experience, projects, and skills",className:"w-full h-auto",loading:"lazy"}),e.jsx("div",{className:"bg-gray-50 dark:bg-slate-800 px-4 py-2 border-t border-gray-200 dark:border-slate-700",children:e.jsx("p",{className:"text-xs text-gray-500 dark:text-slate-400 text-center",children:"The Career Diary page showing organized work experiences, projects, education, and skills"})})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-blue-600 dark:text-blue-400",children:[e.jsx(i,{className:"h-6 w-6"}),e.jsx("h4",{className:"text-xl font-bold text-gray-900 dark:text-white",children:"Profile & Tailor"})]}),e.jsxs("div",{className:"iconic-surface-soft p-6 space-y-4",children:[e.jsx("p",{className:"text-gray-600 dark:text-slate-300",children:"This is where the magic happens. Once your Career Diary is populated, you can generate tailored applications in seconds."}),e.jsxs("ol",{className:"list-decimal list-inside space-y-2 text-gray-600 dark:text-slate-300 ml-2 marker:font-bold marker:text-blue-500",children:[e.jsxs("li",{children:[e.jsx("strong",{children:'Navigate to "Profile & Tailor"'})," within the app."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Input Job Description:"})," Paste the job description of the role you are targeting."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Select Experience:"})," The AI will recommend relevant diary entries, but you can manually select items."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Generate:"}),` Click "Tailor Resume". The AI rewrites your bullet points to match the job's keywords and tone.`]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Export:"})," Download your tailored resume as a PDF or DOCX."]})]}),e.jsxs("div",{className:"rounded-lg overflow-hidden shadow-lg border border-gray-200 dark:border-slate-700 mt-4",children:[e.jsx("img",{src:n,alt:"AI-powered resume tailoring interface with job description input",className:"w-full h-auto",loading:"lazy"}),e.jsx("div",{className:"bg-gray-50 dark:bg-slate-800 px-4 py-2 border-t border-gray-200 dark:border-slate-700",children:e.jsx("p",{className:"text-xs text-gray-500 dark:text-slate-400 text-center",children:"Profile & Tailor page where you paste job descriptions and AI generates optimized resumes"})})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 text-blue-600 dar

1k:text-blue-400",children:[e.jsx(d,{className:"h-6 w-6"}),e.jsx("h4",{className:"text-xl font-bold text-gray-900 dark:text-white",children:"Job Search"})]}),e.jsxs("div",{className:"iconic-surface-soft p-6 space-y-4",children:[e.jsx("p",{className:"text-gray-600 dark:text-slate-300",children:"Find your next role without leaving the app."}),e.jsxs("ul",{className:"list-disc list-inside space-y-2 text-gray-600 dark:text-slate-300 ml-2",children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Search:"})," Enter keywords and select your preferred location type (Remote, Hybrid, Onsite)."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"AI Matching:"})," The app highlights jobs that are a good match for your skills."]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Seamless Application:"}),' Click "Tailor for this Job" to instantly move to the tailoring flow with the job description pre-filled.']})]}),e.jsxs("div",{className:"rounded-lg overflow-hidden shadow-lg border border-gray-200 dark:border-slate-700 mt-4",children:[e.jsx("img",{src:x,alt:"Job Search Interface",className:"w-full h-auto",loading:"lazy"}),e.jsx("div",{className:"bg-gray-50 dark:bg-slate-800 px-4 py-2 border-t border-gray-200 dark:border-slate-700",children:e.jsx("p",{className:"text-xs text-gray-500 dark:text-slate-400 text-center",children:'Job Search page displaying relevant job opportunities with "Tailor for this Job" quick actions'})})]})]})]})]}),e.jsxs("section",{id:"tips",className:"space-y-6 scroll-mt-20",children:[e.jsxs("div",{className:"flex items-center gap-3 text-blue-600 dark:text-blue-400",children:[e.jsx("span",{className:"material-symbols-outlined text-3xl",children:"lightbulb"}),e.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:"Tips for Success"})]}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-6",children:[e.jsxs("div",{className:"iconic-surface p-6 space-y-2",children:[e.jsx("h5",{className:"font-bold text-gray-900 dark:text-white",children:"Update Regularly"}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-slate-300",children:"Treat your Career Diary as a living document. Add new achievements as you acquire them."})]}),e.jsxs("div",{className:"iconic-surface p-6 space-y-2",children:[e.jsx("h5",{className:"font-bold text-gray-900 dark:text-white",children:"Be Specific"}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-slate-300",children:'Use numbers and metrics (e.g., "Increased sales by 20%") to make your achievements concrete.'})]}),e.jsxs("div",{className:"iconic-surface p-6 space-y-2",children:[e.jsx("h5",{className:"font-bold text-gray-900 dark:text-white",children:"Review AI Output"}),e.jsxs("p",{className:"text-sm text-gray-600 dark:text-slate-300",children:["Always review the generated resumes and cover letters to ensure they sound like ",e.jsx("em",{children:"you"}),"."]})]})]})]}),e.jsx("div",{className:"pt-12 pb-20 text-center",children:e.jsx(a,{onClick:s,variant:"primary",size:"lg",className:"iconic-btn-primary px-8 py-3 rounded-full text-white font-semibold shadow-lg hover:shadow-xl transition-all h-auto",children:"Back to App"})})]})]});export{u as UserGuidePage};