From 5168703fe3cda265d1c8aeb866ab819313e2ee2c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 01:43:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 537 +++++++++++++----------------------------------
 1 file changed, 143 insertions(+), 394 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f730808..c979e6a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,410 +16,159 @@ import { Award, Briefcase, TrendingUp } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="ResumeScoreAI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="ResumeScoreAI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "plain",
-      }}
-      title="Pass the ATS and Land Your Dream Job"
-      description="Optimize your resume with our AI-driven analyzer. Get instant feedback on your ATS score and access templates that get you interviews."
-      testimonials={[
-        {
-          name: "Alex R.",
-          handle: "@alexrec",
-          testimonial: "My ATS score jumped from 40 to 92 in one week!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
-        {
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Finally landed a Google interview using their templates.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg",
-        },
-        {
-          name: "David W.",
-          handle: "@davew",
-          testimonial: "Best investment for my career search.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
-        {
-          name: "Elena M.",
-          handle: "@elenam",
-          testimonial: "ATS scoring is a game changer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
-        },
-        {
-          name: "Kyle K.",
-          handle: "@kylek",
-          testimonial: "Clear, actionable advice. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get My ATS Score",
-          href: "#contact",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/businessman-resume_1421-79.jpg"
-      imageAlt="Businessman and resume."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-          alt: "alone specialist handsome daydreaming collar",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-          alt: "Businesswoman in Glasses Portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          alt: "Pretty attractive young mixed race model with large afro wearing navy jacket over her naked body and shorts",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
-          alt: "Smiling female staff at airport terminal",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
-          alt: "Closeup portrait of successful and confident young woman",
-        },
-      ]}
-      avatarText="Join 15,000+ successful job seekers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Google",
-        },
-        {
-          type: "text",
-          text: "Amazon",
-        },
-        {
-          type: "text",
-          text: "Microsoft",
-        },
-        {
-          type: "text",
-          text: "Meta",
-        },
-        {
-          type: "text",
-          text: "Apple",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "plain" }}
+            title="Pass the ATS and Land Your Dream Job"
+            description="Optimize your resume with our AI-driven analyzer. Get instant feedback on your ATS score and access templates that get you interviews."
+            testimonials={[
+              { name: "Alex R.", handle: "@alexrec", testimonial: "My ATS score jumped from 40 to 92 in one week!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
+              { name: "Sarah J.", handle: "@sarahj", testimonial: "Finally landed a Google interview using their templates.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg" },
+              { name: "David W.", handle: "@davew", testimonial: "Best investment for my career search.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
+              { name: "Elena M.", handle: "@elenam", testimonial: "ATS scoring is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg" },
+              { name: "Kyle K.", handle: "@kylek", testimonial: "Clear, actionable advice. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg" }
+            ]}
+            buttons={[{ text: "Get My ATS Score", href: "#contact" }]}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/businessman-resume_1421-79.jpg"
+            imageAlt="Businessman and resume."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "alone specialist handsome daydreaming collar" },
+              { src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Businesswoman in Glasses Portrait" },
+              { src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Pretty attractive young mixed race model with large afro wearing navy jacket over her naked body and shorts" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Smiling female staff at airport terminal" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", alt: "Closeup portrait of successful and confident young woman" }
+            ]}
+            avatarText="Join 15,000+ successful job seekers"
+            marqueeItems={[{ type: "text", text: "Google" }, { type: "text", text: "Amazon" }, { type: "text", text: "Microsoft" }, { type: "text", text: "Meta" }, { type: "text", text: "Apple" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "AI",
-          title: "Real-time Scoring",
-          subtitle: "Instant Feedback",
-          description: "Get a score from 0-100 on your resume's readability for major ATS systems.",
-          imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",
-        },
-        {
-          tag: "Templates",
-          title: "ATS-Ready Templates",
-          subtitle: "Clean Structure",
-          description: "Choose from a library of templates proven to pass software filters.",
-          imageSrc: "http://img.b2bpic.net/free-photo/curriculum-vitae-resume-job-application-concept_53876-122482.jpg",
-        },
-        {
-          tag: "AI",
-          title: "Keyword Optimizer",
-          subtitle: "Smart Suggestions",
-          description: "Identify missing keywords based on the job description.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-bright-lines_1160-203.jpg",
-        },
-      ]}
-      title="Why ResumeScoreAI?"
-      description="Engineered to help you beat the machines and catch the recruiter's eye."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { tag: "AI", title: "Real-time Scoring", subtitle: "Instant Feedback", description: "Get a score from 0-100 on your resume's readability for major ATS systems.", imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg" },
+              { tag: "Templates", title: "ATS-Ready Templates", subtitle: "Clean Structure", description: "Choose from a library of templates proven to pass software filters.", imageSrc: "http://img.b2bpic.net/free-photo/curriculum-vitae-resume-job-application-concept_53876-122482.jpg" },
+              { tag: "AI", title: "Keyword Optimizer", subtitle: "Smart Suggestions", description: "Identify missing keywords based on the job description.", imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-bright-lines_1160-203.jpg" }
+            ]}
+            title="Why ResumeScoreAI?"
+            description="Engineered to help you beat the machines and catch the recruiter's eye."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "ATS Scores Improved",
-          value: "15,000+",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          title: "Interviews Secured",
-          value: "8,200",
-          icon: Briefcase,
-        },
-        {
-          id: "m3",
-          title: "Hiring Rate Increase",
-          value: "34%",
-          icon: TrendingUp,
-        },
-      ]}
-      title="Proven Results"
-      description="Helping job seekers reach their potential."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "ATS Scores Improved", value: "15,000+", icon: Award },
+              { id: "m2", title: "Interviews Secured", value: "8,200", icon: Briefcase },
+              { id: "m3", title: "Hiring Rate Increase", value: "34%", icon: TrendingUp }
+            ]}
+            title="Proven Results"
+            description="Helping job seekers reach their potential."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "John Doe",
-          role: "Software Engineer",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-        },
-        {
-          id: "2",
-          name: "Jane Smith",
-          role: "Project Manager",
-          company: "Innovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg",
-        },
-        {
-          id: "3",
-          name: "Mark Wilson",
-          role: "Data Analyst",
-          company: "DataHub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-with-notepad_1301-1749.jpg",
-        },
-        {
-          id: "4",
-          name: "Emily Davis",
-          role: "UX Designer",
-          company: "CreativeCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg",
-        },
-        {
-          id: "5",
-          name: "Brian Lee",
-          role: "Sales Lead",
-          company: "GrowthX",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "98%",
-          label: "Satisfaction Rate",
-        },
-        {
-          value: "4.9/5",
-          label: "Average Rating",
-        },
-        {
-          value: "300+",
-          label: "Jobs Landed Daily",
-        },
-      ]}
-      title="Stories from Hired Candidates"
-      description="Real success stories from our user community."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "John Doe", role: "Software Engineer", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" },
+              { id: "2", name: "Jane Smith", role: "Project Manager", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg" },
+              { id: "3", name: "Mark Wilson", role: "Data Analyst", company: "DataHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-with-notepad_1301-1749.jpg" },
+              { id: "4", name: "Emily Davis", role: "UX Designer", company: "CreativeCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg" },
+              { id: "5", name: "Brian Lee", role: "Sales Lead", company: "GrowthX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" }
+            ]}
+            kpiItems={[
+              { value: "98%", label: "Satisfaction Rate" },
+              { value: "4.9/5", label: "Average Rating" },
+              { value: "300+", label: "Jobs Landed Daily" }
+            ]}
+            title="Stories from Hired Candidates"
+            description="Real success stories from our user community."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "$19",
-          subtitle: "For basic optimization",
-          features: [
-            "1 Resume Audit",
-            "ATS Score Feedback",
-            "Standard Templates",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Pro",
-          price: "$49",
-          subtitle: "For serious job seekers",
-          features: [
-            "Unlimited Audits",
-            "AI Keyword Optimization",
-            "Premium Templates",
-            "Priority Support",
-          ],
-          buttons: [
-            {
-              text: "Go Pro",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "career",
-          badge: "Elite",
-          price: "$99",
-          subtitle: "For career pivots",
-          features: [
-            "Career Coach Consultation",
-            "All Pro Features",
-            "Custom Resume Layout",
-            "Lifetime Access",
-          ],
-          buttons: [
-            {
-              text: "Choose Elite",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Choose Your Path"
-      description="Affordable options for every stage of your career."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", badge: "Essential", price: "$19", subtitle: "For basic optimization", features: ["1 Resume Audit", "ATS Score Feedback", "Standard Templates"], buttons: [{ text: "Get Started", href: "#contact" }] },
+              { id: "pro", badge: "Pro", price: "$49", subtitle: "For serious job seekers", features: ["Unlimited Audits", "AI Keyword Optimization", "Premium Templates", "Priority Support"], buttons: [{ text: "Go Pro", href: "#contact" }] },
+              { id: "career", badge: "Elite", price: "$99", subtitle: "For career pivots", features: ["Career Coach Consultation", "All Pro Features", "Custom Resume Layout", "Lifetime Access"], buttons: [{ text: "Choose Elite", href: "#contact" }] }
+            ]}
+            title="Choose Your Path"
+            description="Affordable options for every stage of your career."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How does ATS scoring work?",
-          content: "Our AI analyzes keywords and layout formatting similar to how major recruiting software evaluates your document.",
-        },
-        {
-          id: "f2",
-          title: "Are templates truly ATS optimized?",
-          content: "Yes, our templates are designed with clean, machine-readable structures.",
-        },
-        {
-          id: "f3",
-          title: "Can I get a refund?",
-          content: "We offer a 7-day money back guarantee if you're not satisfied with your score report.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about our services."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How does ATS scoring work?", content: "Our AI analyzes keywords and layout formatting similar to how major recruiting software evaluates your document." },
+              { id: "f2", title: "Are templates truly ATS optimized?", content: "Yes, our templates are designed with clean, machine-readable structures." },
+              { id: "f3", title: "Can I get a refund?", content: "We offer a 7-day money back guarantee if you're not satisfied with your score report." }
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Everything you need to know about our services."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Start Free"
-      title="Get Your Free ATS Resume Review"
-      description="Enter your email to receive our resume checklist and a free score trial."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Start Free"
+            title="Get Your Free ATS Resume Review"
+            description="Enter your email to receive our resume checklist and a free score trial."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "ATS Guide",
-              href: "#",
-            },
-            {
-              label: "Job Board",
-              href: "#",
-            },
-            {
-              label: "Templates",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 ResumeScoreAI Inc."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Resources", items: [{ label: "ATS Guide", href: "#" }, { label: "Job Board", href: "#" }, { label: "Templates", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 ResumeScoreAI Inc."
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1