Merge version_2 into main #1
291
src/app/page.tsx
291
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: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Methods",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "The Approach", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="MathMate"
|
||||
/>
|
||||
@@ -58,83 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Struggling with Maths? Let's Change That Together."
|
||||
description="I know exactly how it feels. Let's break down those numbers and build your confidence, one step at a time."
|
||||
buttons={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
background={{ 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."
|
||||
buttons={[{ text: "Start Your Journey", href: "#contact" }]}
|
||||
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="Math tutor working with a student"
|
||||
marqueeItems={[{ type: "text", text: "Algebra" }, { type: "text", text: "Geometry" }, { type: "text", text: "Calculus" }, { type: "text", text: "Statistics" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Math Doesn't Have To Be Scary."
|
||||
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."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
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"
|
||||
title="Empathetic Guidance, Not Traditional Tutoring"
|
||||
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={[{ 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"
|
||||
imageAlt="Student feeling empowered"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,33 +70,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Patient Pace",
|
||||
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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Why My Approach Works"
|
||||
description="Math isn't a superpower, it's a skill like any other."
|
||||
title="More Than Just Math"
|
||||
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: "Students Tutored",
|
||||
value: "500+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Success Rate",
|
||||
value: "92%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Hours Taught",
|
||||
value: "2k+",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", title: "Reduced Anxiety", value: "95%", icon: Brain },
|
||||
{ id: "m2", title: "Confidence Boost", value: "98%", icon: Heart },
|
||||
{ id: "m3", title: "Concepts Mastered", value: "2k+", icon: Lightbulb }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="The numbers behind our success."
|
||||
title="Real Growth Measured"
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Students",
|
||||
},
|
||||
{
|
||||
value: "90%+",
|
||||
label: "Success",
|
||||
},
|
||||
]}
|
||||
title="Student Stories"
|
||||
description="Hear from students who were once in your shoes."
|
||||
kpiItems={[{ value: "100%", label: "Empowerment" }, { value: "500+", label: "Learners" }, { value: "4.9", label: "Rating" }]}
|
||||
title="From Fear to Fluency"
|
||||
description="Success stories from students who finally found their way."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -275,25 +114,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need any special software?",
|
||||
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.",
|
||||
},
|
||||
{ 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: "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." },
|
||||
{ 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." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/college-student-participates-online-webinar-course-with-headphones_482257-117829.jpg"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our sessions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teacher-explaining-lesson-girl-class_23-2148665958.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Your journey starts with asking the right questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -301,50 +128,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Start?"
|
||||
description="Send me a quick message and we'll discuss your goals in a free discovery call."
|
||||
title="Ready to Change Your Math Story?"
|
||||
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: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Methods",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
|
||||
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user