From f420370d81c4c1f39cbc70e20567fd4ced26f8e1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 15:38:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 496 ++++++++++++++++-------------------------------
 1 file changed, 163 insertions(+), 333 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c0f713a..3c1af4d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,347 +28,177 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "How it Works",
-          id: "how-it-works",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-      ]}
-      brandName="BauxAI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Features", id: "features" },
+              { name: "How it Works", id: "how-it-works" },
+              { name: "Pricing", id: "pricing" },
+              { name: "About Us", id: "about" },
+            ]}
+            brandName="BauxAI"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroCentered
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Meet BauxAI. Your AI Interviewer."
-      description="Practice real interviews, get AI feedback, and improve with every session."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
-          alt: "smiling woman professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",
-          alt: "smiling man professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
-          alt: "woman software engineer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg",
-          alt: "Beautiful confident entrepreneur",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",
-          alt: "Medium shot woman posing indoors",
-        },
-      ]}
-      avatarText="Join 10,000+ users preparing smarter with BauxAI."
-      buttons={[
-        {
-          text: "Start Free Interview",
-          href: "#contact",
-        },
-        {
-          text: "See How It Works",
-          href: "#how-it-works",
-        },
-      ]}
-      buttonAnimation="slide-up"
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroCentered
+            background={{ variant: "sparkles-gradient" }}
+            title="Meet BauxAI. Your AI Interviewer."
+            description="Practice real interviews, get AI feedback, and improve with every session."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg", alt: "smiling woman professional" },
+              { src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg", alt: "smiling man professional" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "woman software engineer" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg", alt: "Beautiful confident entrepreneur" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg", alt: "Medium shot woman posing indoors" },
+            ]}
+            avatarText="Join 10,000+ users preparing smarter with BauxAI."
+            buttons={[
+              { text: "Start Free Interview", href: "#contact" },
+              { text: "See How It Works", href: "#how-it-works" },
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Google",
-        "Microsoft",
-        "Amazon",
-        "Meta",
-        "Tesla",
-        "Adobe",
-        "Apple",
-      ]}
-      title="Practice for roles at top companies"
-      description="Get ready for the biggest tech firms with BauxAI."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Google", "Microsoft", "Amazon", "Meta", "Tesla", "Adobe", "Apple"]}
+            title="Practice for roles at top companies"
+            description="Get ready for the biggest tech firms with BauxAI."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "AI Interviewer",
-          description: "Talk to an AI interviewer that adapts to your answers in real time.",
-          icon: Mic,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-innovative-technology_53876-97074.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/devices-arrangement-desk_23-2148994217.jpg",
-            },
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png?_wi=1",
-          imageAlt: "ai voice assistant interface",
-        },
-        {
-          title: "Smart Feedback",
-          description: "Get detailed feedback, strengths, weaknesses, and improvement tips.",
-          icon: BarChart2,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202844.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-element-collection-with-flat-design_23-2147911062.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg",
-          imageAlt: "ai voice assistant interface",
-        },
-        {
-          title: "Track Progress",
-          description: "Monitor your performance over time and see how you improve.",
-          icon: TrendingUp,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/support-staff_1048-5016.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/infrastructure-construction-chip-link-concept_53876-124760.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
-          imageAlt: "ai voice assistant interface",
-        },
-      ]}
-      title="Everything you need to ace your interview"
-      description="Powerful tools designed to make you interview-ready in record time."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "AI Interviewer",                description: "Talk to an AI interviewer that adapts to your answers in real time.",                icon: Mic,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-innovative-technology_53876-97074.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/devices-arrangement-desk_23-2148994217.jpg" }
+                ]
+              },
+              {
+                title: "Smart Feedback",                description: "Get detailed feedback, strengths, weaknesses, and improvement tips.",                icon: BarChart2,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202844.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-element-collection-with-flat-design_23-2147911062.jpg" }
+                ]
+              },
+              {
+                title: "Track Progress",                description: "Monitor your performance over time and see how you improve.",                icon: TrendingUp,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/support-staff_1048-5016.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/infrastructure-construction-chip-link-concept_53876-124760.jpg" }
+                ]
+              }
+            ]}
+            title="Everything you need to ace your interview"
+            description="Powerful tools designed to make you interview-ready in record time."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Real conversations. Real growth."
-      description="Experience a real interview environment with voice interaction, live transcription, and AI feedback."
-      bulletPoints={[
-        {
-          title: "Voice Interaction",
-          description: "Engage in natural, real-time voice conversations.",
-        },
-        {
-          title: "Live Transcript",
-          description: "View your live transcript for precise feedback.",
-        },
-        {
-          title: "Actionable Insights",
-          description: "Deep analysis to help you land the job.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png?_wi=2"
-      imageAlt="BauxAI interface preview"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Real conversations. Real growth."
+            description="Experience a real interview environment with voice interaction, live transcription, and AI feedback."
+            bulletPoints={[
+              { title: "Voice Interaction", description: "Engage in natural, real-time voice conversations." },
+              { title: "Live Transcript", description: "View your live transcript for precise feedback." },
+              { title: "Actionable Insights", description: "Deep analysis to help you land the job." }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png"
+            imageAlt="BauxAI interface preview"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Trusted by thousands"
-      tag="Performance Stats"
-      metrics={[
-        {
-          id: "m1",
-          value: "10K+",
-          description: "Active Users",
-        },
-        {
-          id: "m2",
-          value: "50K+",
-          description: "Interviews Taken",
-        },
-        {
-          id: "m3",
-          value: "95%",
-          description: "Positive Feedback",
-        },
-        {
-          id: "m4",
-          value: "100+",
-          description: "Roles Covered",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Trusted by thousands"
+            tag="Performance Stats"
+            metrics={[
+              { id: "m1", value: "10K+", description: "Active Users" },
+              { id: "m2", value: "50K+", description: "Interviews Taken" },
+              { id: "m3", value: "95%", description: "Positive Feedback" },
+              { id: "m4", value: "100+", description: "Roles Covered" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ananya S.",
-          handle: "Software Engineer",
-          testimonial: "BauxAI helped me crack interviews I never thought I could.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-startup-office-coding_482257-119443.jpg",
-        },
-        {
-          id: "2",
-          name: "Rohit M.",
-          handle: "Product Manager",
-          testimonial: "The voice interaction feels so real. It's like talking to a human.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing-indoors_74855-2005.jpg",
-        },
-        {
-          id: "3",
-          name: "Priya K.",
-          handle: "Data Scientist",
-          testimonial: "I improved my confidence significantly. Highly recommended!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg",
-        },
-        {
-          id: "4",
-          name: "John D.",
-          handle: "Frontend Developer",
-          testimonial: "The feedback is incredibly detailed and actionable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914309.jpg",
-        },
-        {
-          id: "5",
-          name: "Sarah W.",
-          handle: "UX Designer",
-          testimonial: "Exactly what I needed to prepare for the big tech interviews.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Loved by learners and professionals worldwide"
-      description="See why top talent chooses BauxAI to master their interviews."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Ananya S.", handle: "Software Engineer", testimonial: "BauxAI helped me crack interviews I never thought I could.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-startup-office-coding_482257-119443.jpg" },
+              { id: "2", name: "Rohit M.", handle: "Product Manager", testimonial: "The voice interaction feels so real. It's like talking to a human.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing-indoors_74855-2005.jpg" },
+              { id: "3", name: "Priya K.", handle: "Data Scientist", testimonial: "I improved my confidence significantly. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg" },
+              { id: "4", name: "John D.", handle: "Frontend Developer", testimonial: "The feedback is incredibly detailed and actionable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914309.jpg" },
+              { id: "5", name: "Sarah W.", handle: "UX Designer", testimonial: "Exactly what I needed to prepare for the big tech interviews.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" }
+            ]}
+            showRating={true}
+            title="Loved by learners and professionals worldwide"
+            description="See why top talent chooses BauxAI to master their interviews."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Ready to ace your next interview?"
-      description="Join BauxAI today and take the first step towards your dream job."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      buttonText="Start Free Interview"
-      imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg"
-      imageAlt="Register Enquiry Online"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Ready to ace your next interview?"
+            description="Join BauxAI today and take the first step towards your dream job."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true }
+            ]}
+            buttonText="Start Free Interview"
+            imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg"
+            imageAlt="Register Enquiry Online"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "How It Works",
-              href: "#how-it-works",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Interview Tips",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="BauxAI"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Product",                items: [
+                  { label: "Features", href: "#features" },
+                  { label: "How It Works", href: "#how-it-works" },
+                  { label: "Pricing", href: "#pricing" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Blog", href: "#" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Interview Tips", href: "#" },
+                  { label: "FAQ", href: "#" },
+                  { label: "Help Center", href: "#" }
+                ]
+              }
+            ]}
+            logoText="BauxAI"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1