From 764eca97175db7948d4f04c6a430f29423f2c8a8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 13:16:39 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9aa16c4..0bb12dd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,348 +14,142 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      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="StudyMate"
-    />
-  </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="StudyMate"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Master Your Homework with Expert Guidance"
-      description="Stop struggling and start succeeding. Get 24/7 personalized homework help from verified academic experts across all subjects."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#pricing",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/modern-student-working-on-a-laptop-with--1774790151872-42017573.png",
-          imageAlt: "Student studying with tablet",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/academic-expert-tutor-giving-guidance-on-1774790150772-87849a17.png",
-          imageAlt: "Expert tutor online",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/close-up-of-math-calculations-written-on-1774790152469-d0a497cb.png",
-          imageAlt: "Math assignment help",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/microscope-and-science-equipment-on-a-la-1774790151836-f9b83613.png",
-          imageAlt: "Science lab assistance",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/handwriting-an-essay-in-a-notebook-with--1774790151675-22f81718.png",
-          imageAlt: "Essay writing support",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/exam-preparation-with-highlighters-stick-1774790152717-e5724651.png",
-          imageAlt: "Exam preparation",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Master Your Homework with Expert Guidance"
+            description="Stop struggling and start succeeding. Get 24/7 personalized homework help from verified academic experts across all subjects."
+            buttons={[{ text: "Get Started", href: "#pricing" }]}
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/modern-student-working-on-a-laptop-with--1774790151872-42017573.png", imageAlt: "Modern student working on a laptop with textbooks on a clean desk" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/academic-expert-tutor-giving-guidance-on-1774790150772-87849a17.png", imageAlt: "Academic expert tutor giving guidance online" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/close-up-of-math-calculations-written-on-1774790152469-d0a497cb.png", imageAlt: "Close up of math calculations" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/microscope-and-science-equipment-on-a-la-1774790151836-f9b83613.png", imageAlt: "Microscope and science equipment" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/handwriting-an-essay-in-a-notebook-with--1774790151675-22f81718.png", imageAlt: "Handwriting an essay in a notebook" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/exam-preparation-with-highlighters-stick-1774790152717-e5724651.png", imageAlt: "Exam preparation with highlighters" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "24/7 Availability",
-          description: "Get help whenever you need it, day or night.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-clock-icon-representing-24-7--1774790152346-dc56e70f.png",
-          imageAlt: "24/7 clock icon",
-        },
-        {
-          id: 2,
-          title: "Verified Experts",
-          description: "Connect with PhD and Masters level tutors.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-verification-seal-icon-repres-1774790149858-53f30ddc.png",
-          imageAlt: "Expert verification icon",
-        },
-        {
-          id: 3,
-          title: "Step-by-Step Solutions",
-          description: "Understand the process, not just the answer.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/step-by-step-guidance-icon-illustrating--1774790154198-ff101fcf.png",
-          imageAlt: "Step-by-step guidance icon",
-        },
-      ]}
-      title="Why Students Love Us"
-      description="Comprehensive tools and expert support tailored to your academic success."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Why Students Love Us"
+            description="Comprehensive tools and expert support tailored to your academic success."
+            features={[
+              { id: 1, title: "24/7 Availability", description: "Get help whenever you need it, day or night.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-clock-icon-representing-24-7--1774790152346-dc56e70f.png", imageAlt: "24/7 clock icon" },
+              { id: 2, title: "Verified Experts", description: "Connect with PhD and Masters level tutors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-verification-seal-icon-repres-1774790149858-53f30ddc.png", imageAlt: "Expert verification icon" },
+              { id: 3, title: "Step-by-Step Solutions", description: "Understand the process, not just the answer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/step-by-step-guidance-icon-illustrating--1774790154198-ff101fcf.png", imageAlt: "Step-by-step guidance icon" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Empowering Academic Excellence"
-      description="We bridge the gap between complex subjects and student understanding, providing professional guidance that makes learning accessible."
-      metrics={[
-        {
-          value: "50k+",
-          title: "Completed Tasks",
-        },
-        {
-          value: "1.2k+",
-          title: "Expert Tutors",
-        },
-        {
-          value: "98%",
-          title: "Success Rate",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/students-collaborating-in-a-bright-moder-1774790151206-552addaf.png"
-      imageAlt="Students collaborating in a library"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Empowering Academic Excellence"
+            description="We bridge the gap between complex subjects and student understanding, providing professional guidance that makes learning accessible."
+            metrics={[
+              { value: "50k+", title: "Completed Tasks" },
+              { value: "1.2k+", title: "Expert Tutors" },
+              { value: "98%", title: "Success Rate" }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/students-collaborating-in-a-bright-moder-1774790151206-552addaf.png"
+            imageAlt="Students collaborating in a library"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Starter",
-          price: "$19.99",
-          subtitle: "Perfect for occasional help",
-          features: [
-            "3 subjects",
-            "24/7 chat support",
-            "Step-by-step guides",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Most Popular",
-          price: "$49.99",
-          subtitle: "For consistent learners",
-          features: [
-            "10 subjects",
-            "Priority tutor access",
-            "In-depth essay feedback",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "premium",
-          badge: "Elite",
-          price: "$99.99",
-          subtitle: "Unlimited support",
-          features: [
-            "All subjects",
-            "1-on-1 tutoring",
-            "Exam prep sessions",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      title="Choose Your Success Plan"
-      description="Flexible pricing options designed for every student budget."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Choose Your Success Plan"
+            description="Flexible pricing options designed for every student budget."
+            plans={[
+              { id: "basic", badge: "Starter", price: "$19.99", subtitle: "Perfect for occasional help", buttons: [{ text: "Get Started", href: "#" }], features: ["3 subjects", "24/7 chat support", "Step-by-step guides"] },
+              { id: "pro", badge: "Most Popular", price: "$49.99", subtitle: "For consistent learners", buttons: [{ text: "Get Started", href: "#" }], features: ["10 subjects", "Priority tutor access", "In-depth essay feedback"] },
+              { id: "premium", badge: "Elite", price: "$99.99", subtitle: "Unlimited support", buttons: [{ text: "Get Started", href: "#" }], features: ["All subjects", "1-on-1 tutoring", "Exam prep sessions"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "University Student",
-          company: "State University",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "James Chen",
-          role: "High School Senior",
-          company: "Academy Prep",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-young-high-school-senior-p-1774790151994-02b01414.png",
-        },
-        {
-          id: "3",
-          name: "Emily Watson",
-          role: "College Freshman",
-          company: "Tech Institute",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-college-freshman-smiling-c-1774790152153-46f93ccb.png",
-        },
-        {
-          id: "4",
-          name: "David Smith",
-          role: "Graduate Student",
-          company: "Research Center",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-graduate-student-serious-a-1774790150408-0039959f.png",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Medical Student",
-          company: "Health Academy",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "95%",
-          label: "Student Satisfaction",
-        },
-        {
-          value: "24/7",
-          label: "Support Always",
-        },
-      ]}
-      title="What Students Say"
-      description="Join thousands of successful students who reached their goals with StudyMate."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="What Students Say"
+            description="Join thousands of successful students who reached their goals with StudyMate."
+            testimonials={[
+              { id: "1", name: "Sarah Miller", role: "University Student", company: "State University", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png" },
+              { id: "2", name: "James Chen", role: "High School Senior", company: "Academy Prep", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-young-high-school-senior-p-1774790151994-02b01414.png" },
+              { id: "3", name: "Emily Watson", role: "College Freshman", company: "Tech Institute", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-college-freshman-smiling-c-1774790152153-46f93ccb.png" },
+              { id: "4", name: "David Smith", role: "Graduate Student", company: "Research Center", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-graduate-student-serious-a-1774790150408-0039959f.png" },
+              { id: "5", name: "Jessica Lee", role: "Medical Student", company: "Health Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png" }
+            ]}
+            kpiItems={[
+              { value: "4.9/5", label: "Avg Rating" },
+              { value: "95%", label: "Student Satisfaction" },
+              { value: "24/7", label: "Support Always" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "How do I start?",
-          content: "Sign up, pick a plan, and submit your first assignment.",
-        },
-        {
-          id: "2",
-          title: "Is my data private?",
-          content: "Yes, we ensure full student privacy and data security.",
-        },
-        {
-          id: "3",
-          title: "Are tutors verified?",
-          content: "Every tutor undergoes a rigorous vetting process.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/abstract-background-illustrating-helpful-1774790150971-69bee95e.jpg"
-      imageAlt="Academic FAQ support"
-      title="Frequently Asked Questions"
-      description="Have questions about our service? Here are the answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Have questions about our service? Here are the answers."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "1", title: "How do I start?", content: "Sign up, pick a plan, and submit your first assignment." },
+              { id: "2", title: "Is my data private?", content: "Yes, we ensure full student privacy and data security." },
+              { id: "3", title: "Are tutors verified?", content: "Every tutor undergoes a rigorous vetting process." }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/abstract-background-illustrating-helpful-1774790150971-69bee95e.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Tutor FAQ",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 StudyMate. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
+              { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help Center", href: "#" }, { label: "Tutor FAQ", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            copyrightText="© 2024 StudyMate. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file