From 626341b6900c8e02eaa3f70786de96c9606db35b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 19:35:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 249 +++++++----------------------------------------
 1 file changed, 33 insertions(+), 216 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6832d29..71a7090 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="ResumeAI"
     />
@@ -55,47 +43,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Analyze your resume with AI precision"
       description="Unlock your career potential with advanced artificial intelligence. Get instant, actionable insights to optimize your resume for top-tier recruiters."
       tag="Revolutionizing Hiring"
       buttons={[
-        {
-          text: "Start Analyzing",
-          href: "#pricing",
-        },
-        {
-          text: "How it Works",
-          href: "#features",
-        },
+        { text: "Start Analyzing", href: "#pricing" },
+        { text: "How it Works", href: "#features" }
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=1",
-          imageAlt: "AI Analysis Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/electronic-devices-stationeries-blue-backdrop_23-2147880458.jpg?_wi=1",
-          imageAlt: "Resume Scanning Process",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/glowing-spider-web-dark-abstract-backdrop-generated-by-ai_188544-36464.jpg",
-          imageAlt: "Career Growth AI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/prism-spectrum-light-rainbow-refraction_23-2148771736.jpg",
-          imageAlt: "Dashboard Interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-worker-using-tablet_23-2147717387.jpg",
-          imageAlt: "Scan Details",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
-          imageAlt: "Analysis Nodes",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "AI Analysis Dashboard" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/electronic-devices-stationeries-blue-backdrop_23-2147880458.jpg", imageAlt: "Resume Scanning Process" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/glowing-spider-web-dark-abstract-backdrop-generated-by-ai_188544-36464.jpg", imageAlt: "Career Growth AI" }
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -108,29 +67,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Real-time Scoring",
-          description: "See your ATS compatibility score immediately.",
-          bentoComponent: "reveal-icon",
-          icon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg",
-          imageAlt: "dashboard metric ui",
+          title: "Real-time Scoring",          description: "See your ATS compatibility score immediately.",          bentoComponent: "reveal-icon",          icon: CheckCircle
         },
         {
-          title: "Keyword Optimization",
-          description: "Target job descriptions with precision.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=2",
-          imageAlt: "dashboard metric ui",
+          title: "Keyword Optimization",          description: "Target job descriptions with precision.",          bentoComponent: "reveal-icon",          icon: Zap
         },
         {
-          title: "Career Insights",
-          description: "Deep dives into your skill gaps.",
-          bentoComponent: "reveal-icon",
-          icon: Award,
-          imageSrc: "http://img.b2bpic.net/free-photo/electronic-devices-stationeries-blue-backdrop_23-2147880458.jpg?_wi=2",
-          imageAlt: "dashboard metric ui",
-        },
+          title: "Career Insights",          description: "Deep dives into your skill gaps.",          bentoComponent: "reveal-icon",          icon: Award
+        }
       ]}
       title="Smart features for better career outcomes"
       description="We leverage sophisticated AI models to dissect your professional history and provide feedback that actually moves the needle."
@@ -139,36 +83,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          title: "Interview Success Rate",
-          items: [
-            "For optimized resumes",
-            "Across top industries",
-          ],
-        },
-        {
-          id: "m2",
-          value: "500K+",
-          title: "Resumes Analyzed",
-          items: [
-            "Processed successfully",
-            "Trusted by candidates",
-          ],
-        },
-        {
-          id: "m3",
-          value: "3x",
-          title: "Job Offer Increase",
-          items: [
-            "More interviews booked",
-            "Better job matches",
-          ],
-        },
+        { id: "m1", value: "95%", title: "Interview Success Rate", items: ["For optimized resumes", "Across top industries"] },
+        { id: "m2", value: "500K+", title: "Resumes Analyzed", items: ["Processed successfully", "Trusted by candidates"] },
+        { id: "m3", value: "3x", title: "Job Offer Increase", items: ["More interviews booked", "Better job matches"] }
       ]}
       title="Impact that counts"
       description="Evidence-backed results for career seekers everywhere."
@@ -179,15 +100,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Google",
-        "Microsoft",
-        "Amazon",
-        "Tesla",
-        "Nvidia",
-        "Adobe",
-        "Salesforce",
-      ]}
+      names={["Google", "Microsoft", "Amazon", "Tesla", "Nvidia", "Adobe", "Salesforce"]}
       title="Trusted by industry leaders"
       description="Our AI is recognized by top global tech and business organizations."
     />
@@ -199,41 +112,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "This tool helped me land my dream software role at a top firm in just two weeks!",
-          imageSrc: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "The keyword optimization really makes a difference. My interview calls have tripled.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538717.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena R.",
-          handle: "@elenar",
-          testimonial: "AI feedback was so insightful. I finally understood why I wasn't hearing back.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Simple, fast, and remarkably accurate. Truly changed my job hunt.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sofia B.",
-          handle: "@sofiab",
-          testimonial: "Best resume optimizer I've ever used. The gold standard for career tech.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
-        },
+        { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "This tool helped me land my dream software role at a top firm in just two weeks!" },
+        { id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "The keyword optimization really makes a difference. My interview calls have tripled." },
+        { id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "AI feedback was so insightful. I finally understood why I wasn't hearing back." }
       ]}
       title="Career changers love us"
       description="See how professionals are transforming their careers with AI."
@@ -246,39 +127,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          badge: "Free",
-          price: "$0",
-          subtitle: "Basic analysis",
-          features: [
-            "1 Resume Analysis",
-            "Basic Feedback",
-            "PDF format",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Popular",
-          price: "$29",
-          subtitle: "Unlimited scans",
-          features: [
-            "Unlimited Resumes",
-            "Deep AI Feedback",
-            "Career Coaching",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Business",
-          price: "$99",
-          subtitle: "Teams & Coaches",
-          features: [
-            "Full Team Access",
-            "White Labeling",
-            "Dedicated Support",
-          ],
-        },
+        { id: "basic", badge: "Free", price: "$0", subtitle: "Basic analysis", features: ["1 Resume Analysis", "Basic Feedback", "PDF format"] },
+        { id: "pro", badge: "Popular", price: "$29", subtitle: "Unlimited scans", features: ["Unlimited Resumes", "Deep AI Feedback", "Career Coaching"] },
+        { id: "enterprise", badge: "Business", price: "$99", subtitle: "Teams & Coaches", features: ["Full Team Access", "White Labeling", "Dedicated Support"] }
       ]}
       title="Choose your plan"
       description="Start optimizing your future for just a few dollars."
@@ -290,21 +141,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How does the AI work?",
-          content: "Our AI is trained on millions of successful resumes to identify patterns that recruiters look for.",
-        },
-        {
-          id: "f2",
-          title: "Is my data secure?",
-          content: "Absolutely. Your data is encrypted and never shared with third parties without your permission.",
-        },
-        {
-          id: "f3",
-          title: "Can I cancel my sub?",
-          content: "Yes, you can cancel your pro plan at any time through your dashboard.",
-        },
+        { id: "f1", title: "How does the AI work?", content: "Our AI is trained on millions of successful resumes to identify patterns that recruiters look for." },
+        { id: "f2", title: "Is my data secure?", content: "Absolutely. Your data is encrypted and never shared with third parties without your permission." },
+        { id: "f3", title: "Can I cancel my sub?", content: "Yes, you can cancel your pro plan at any time through your dashboard." }
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our resume analyzer."
@@ -318,24 +157,10 @@ export default function LandingPage() {
       title="Get in touch"
       description="Questions about your career or our tool? Our team is ready to help."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/user-profile-icon-left-side_187299-44963.jpg"
     />
   </div>
@@ -345,16 +170,8 @@ export default function LandingPage() {
       logoText="ResumeAI"
       copyrightText="© 2025 ResumeAI | All Rights Reserved."
       socialLinks={[
-        {
-          icon: Twitter,
-          href: "https://twitter.com",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Github,
-          href: "https://github.com",
-          ariaLabel: "Github",
-        },
+        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
+        { icon: Github, href: "https://github.com", ariaLabel: "Github" }
       ]}
     />
   </div>
-- 
2.49.1