Update src/app/page.tsx

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Clock, TrendingUp, Users } from "lucide-react";
+import { Clock, TrendingUp, Users, Brain, Heart, Lightbulb } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Philosophy", id: "about" },
-          name: "About",
+        { name: "The Approach", id: "features" },
-          id: "about",
+        { name: "Results", id: "metrics" },
-        },
+        { name: "Stories", id: "testimonials" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "Methods",
-          id: "features",
-        },
-        {
-          name: "Results",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
       brandName="MathMate"
     />
@@ -58,83 +43,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Transform Your Relationship with Math"
-      }}
+      description="Stop fearing the numbers. I provide empathetic, stress-free guidance to help you master math at your own pace—no judgment, just clarity."
-      title="Struggling with Maths? Let's Change That Together."
+      buttons={[{ text: "Start Your Journey", href: "#contact" }]}
-      description="I know exactly how it feels. Let's break down those numbers and build your confidence, one step at a time."
+      imageSrc="http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-reading-book-preparing-lesson-looking-confident_141793-139352.jpg"
-      buttons={[
+      imageAlt="Math tutor working with a student"
-        {
+      marqueeItems={[{ type: "text", text: "Algebra" }, { type: "text", text: "Geometry" }, { type: "text", text: "Calculus" }, { type: "text", text: "Statistics" }]}
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/aunt-nephew-homework-together_158595-7516.jpg"
-      imageAlt="Math tutor with student"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/student-scolding-her-classmate_1098-3224.jpg",
-          alt: "Student scolding her classmate",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-girl-learning-math-school_23-2150470832.jpg",
-          alt: "High angle girl learning math at school",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teacher-explaining-lesson-girl-class_23-2148665958.jpg",
-          alt: "Teacher explaining lesson to girl in class",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/father-daughter-learning-new-information_23-2148510998.jpg",
-          alt: "Father and daughter learning new information",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-math_23-2150444933.jpg",
-          alt: "Medium shot people studying math",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Algebra I & II",
-        },
-        {
-          type: "text",
-          text: "Calculus",
-        },
-        {
-          type: "text",
-          text: "Geometry",
-        },
-        {
-          type: "text",
-          text: "Trigonometry",
-        },
-        {
-          type: "text",
-          text: "Statistics",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={true}
-      title="Math Doesn't Have To Be Scary."
+      title="Empathetic Guidance, Not Traditional Tutoring"
-      description="I turn complex math into bite-sized, manageable steps. My goal isn't just to help you pass, but to help you actually understand and maybe even enjoy the process."
+      description="Many students struggle because they feel pressured to keep up. My method focuses on the 'why' behind the math, helping you overcome the anxiety and build lasting confidence."
-      metrics={[
+      metrics={[{ value: "1:1", title: "Personalized Attention" }, { value: "Peace", title: "Stress-free Learning" }]}
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/aunt-nephew-homework-together_158595-7516.jpg"
-          value: "500+",
+      imageAlt="Student feeling empowered"
-          title: "Students Helped",
-        },
-        {
-          value: "95%",
-          title: "Improved Confidence",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-teacher-sitting-school-desk-front-blackboard-classroom-reading-book-preparing-lesson-looking-confident_141793-139352.jpg"
-      imageAlt="Tutor notes"
     />
   </div>
 
@@ -144,33 +70,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Anxiety Management", descriptions: ["Techniques to calm your mind before approaching complex problems."], imageSrc: "http://img.b2bpic.net/free-photo/brain-storming-concept-people-work-together_1150-13615.jpg" },
-          id: "f1",
+        { id: "f2", title: "Conceptual Mastery", descriptions: ["Focus on understanding core principles so you never have to memorize blindly again."], imageSrc: "http://img.b2bpic.net/free-photo/real-science-pi-symbol-infinite-symbol-with-empty-notebook_23-2148416078.jpg" },
-          title: "Patient Pace",
+        { id: "f3", title: "Flexible Support", descriptions: ["Learn in a way that respects your natural pace, not the school curriculum's speed."], imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-math-formulas-background_23-2148416082.jpg" }
-          descriptions: [
-            "I never rush. We move only when you feel confident.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-math-science-red-school-supplies_23-2148416101.jpg",
-        },
-        {
-          id: "f2",
-          title: "Visual Learning",
-          descriptions: [
-            "I use diagrams and real-world examples.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/office-supplies-white-red-black-table_171337-13101.jpg",
-        },
-        {
-          id: "f3",
-          title: "Stress-Free Environment",
-          descriptions: [
-            "It's okay to make mistakes. That's how we learn.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/real-science-pi-symbol-infinite-symbol-with-empty-notebook_23-2148416078.jpg",
-        },
       ]}
-      title="Why My Approach Works"
+      title="More Than Just Math"
-      description="Math isn't a superpower, it's a skill like any other."
+      description="We don't just solve problems—we change how you look at the entire subject."
     />
   </div>
 
@@ -180,27 +85,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", title: "Reduced Anxiety", value: "95%", icon: Brain },
-          id: "m1",
+        { id: "m2", title: "Confidence Boost", value: "98%", icon: Heart },
-          title: "Students Tutored",
+        { id: "m3", title: "Concepts Mastered", value: "2k+", icon: Lightbulb }
-          value: "500+",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          title: "Success Rate",
-          value: "92%",
-          icon: TrendingUp,
-        },
-        {
-          id: "m3",
-          title: "Hours Taught",
-          value: "2k+",
-          icon: Clock,
-        },
       ]}
-      title="Our Impact"
+      title="Real Growth Measured"
-      description="The numbers behind our success."
+      description="These are the outcomes that truly matter: your confidence and your ability to learn."
     />
   </div>
 
@@ -210,63 +100,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg" },
-          id: "1",
+        { id: "2", name: "Mark", role: "Student", company: "High School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-male-sitting-desk-coffee-shop-using-laptop_273609-12511.jpg" }
-          name: "Sam",
-          role: "Student",
-          company: "High School",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-freelancer-woman-working-from-home-typing-laptop-looking-screen_1258-203001.jpg",
-        },
-        {
-          id: "2",
-          name: "Alex",
-          role: "Student",
-          company: "Middle School",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-book_273609-12711.jpg",
-        },
-        {
-          id: "3",
-          name: "Jamie",
-          role: "Student",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-male-sitting-desk-coffee-shop-using-laptop_273609-12511.jpg",
-        },
-        {
-          id: "4",
-          name: "Jordan",
-          role: "Student",
-          company: "High School",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-redhead-woman-red-hat-drinking-from-thermos-warming-up-with-hot-drink-her-flask_1258-196826.jpg",
-        },
-        {
-          id: "5",
-          name: "Casey",
-          role: "Student",
-          company: "Middle School",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg",
-        },
       ]}
-      kpiItems={[
+      kpiItems={[{ value: "100%", label: "Empowerment" }, { value: "500+", label: "Learners" }, { value: "4.9", label: "Rating" }]}
-        {
+      title="From Fear to Fluency"
-          value: "4.9",
+      description="Success stories from students who finally found their way."
-          label: "Rating",
-        },
-        {
-          value: "500+",
-          label: "Students",
-        },
-        {
-          value: "90%+",
-          label: "Success",
-        },
-      ]}
-      title="Student Stories"
-      description="Hear from students who were once in your shoes."
     />
   </div>
 
@@ -275,25 +114,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "What if I'm behind in class?", content: "That's okay! We focus on your current level and build forward, filling in the gaps with no pressure." },
-          id: "q1",
+        { id: "q2", title: "Is this like a regular tutor?", content: "Not exactly. I prioritize your emotional connection to math, helping you manage the stress so that learning can actually happen." },
-          title: "Do I need any special software?",
+        { id: "q3", title: "How do I get started?", content: "Message me to book a discovery call. We'll chat about how you learn and what blocks are holding you back." }
-          content: "Just a computer with an internet connection and a webcam.",
-        },
-        {
-          id: "q2",
-          title: "Are sessions recorded?",
-          content: "Yes, you get access to all session recordings for revision.",
-        },
-        {
-          id: "q3",
-          title: "How long are the sessions?",
-          content: "Sessions are typically 60 minutes long.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/college-student-participates-online-webinar-course-with-headphones_482257-117829.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/teacher-explaining-lesson-girl-class_23-2148665958.jpg"
-      title="Common Questions"
+      title="Frequently Asked Questions"
-      description="Everything you need to know about our sessions."
+      description="Your journey starts with asking the right questions."
       faqsAnimation="slide-up"
     />
   </div>
@@ -301,46 +128,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       tag="Get In Touch"
-      title="Ready to Start?"
+      title="Ready to Change Your Math Story?"
-      description="Send me a quick message and we'll discuss your goals in a free discovery call."
+      description="Let's find the math approach that finally works for you. Reach out today for a free discovery session."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/teacher-explaining-lesson-boy_23-2148665957.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/father-daughter-learning-new-information_23-2148510998.jpg"
       logoText="MathMate"
       columns={[
-        {
+        { title: "Links", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
-          title: "Navigation",
+        { title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Methods",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
     />
   </div>