Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "features",
|
||||
},
|
||||
name: "Resources", id: "features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="Mrs. Mendoza Math"
|
||||
/>
|
||||
@@ -55,41 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to Mrs. Mendoza's Math Class"
|
||||
description="Empowering students with accessible tools, personalized help, and comprehensive resources for success in mathematics."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048930.jpg?_wi=1",
|
||||
imageAlt: "Math formulas",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048930.jpg", imageAlt: "Math formulas"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-portrait-anime-doctor_23-2151151934.jpg?_wi=1",
|
||||
imageAlt: "Online learning",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/rendering-portrait-anime-doctor_23-2151151934.jpg", imageAlt: "Online learning"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-blank-paper-with-sketching-tools-around_114579-28738.jpg",
|
||||
imageAlt: "Math tools",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/piece-blank-paper-with-sketching-tools-around_114579-28738.jpg", imageAlt: "Math tools"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-network-concept-with-colorful-dots_23-2148999154.jpg",
|
||||
imageAlt: "Graph network",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-network-concept-with-colorful-dots_23-2148999154.jpg", imageAlt: "Graph network"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-teacher-class_23-2148665911.jpg",
|
||||
imageAlt: "Textbook note",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/smiley-teacher-class_23-2148665911.jpg", imageAlt: "Textbook note"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-purple-abstract-background-with-bubbles_23-2148205240.jpg",
|
||||
imageAlt: "3D geometry",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/bright-purple-abstract-background-with-bubbles_23-2148205240.jpg", imageAlt: "3D geometry"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,9 +73,7 @@ export default function LandingPage() {
|
||||
title="About Our Classroom"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,28 +85,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Graphing Calculator",
|
||||
description: "Access Desmos for powerful graphing and exploration.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-math-science-pi-symbol-copy-space-notepad_23-2148416111.jpg",
|
||||
imageAlt: "Flat lay math and science pi symbol and copy space notepad",
|
||||
title: "Graphing Calculator", description: "Access Desmos for powerful graphing and exploration.", bentoComponent: "reveal-icon", icon: BarChart,
|
||||
},
|
||||
{
|
||||
title: "Big Ideas Support",
|
||||
description: "Direct links to help and exercises for Big Ideas math.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chemical-element-arrangement-still-life_23-2149048930.jpg?_wi=2",
|
||||
imageAlt: "Flat lay math and science pi symbol and copy space notepad",
|
||||
title: "Big Ideas Support", description: "Direct links to help and exercises for Big Ideas math.", bentoComponent: "reveal-icon", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
title: "Problem Solving",
|
||||
description: "Free help sessions and step-by-step guidance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: HelpCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-portrait-anime-doctor_23-2151151934.jpg?_wi=2",
|
||||
imageAlt: "Flat lay math and science pi symbol and copy space notepad",
|
||||
title: "Problem Solving", description: "Free help sessions and step-by-step guidance.", bentoComponent: "reveal-icon", icon: HelpCircle,
|
||||
},
|
||||
]}
|
||||
title="Essential Math Tools"
|
||||
@@ -145,30 +101,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Math Problems Solved",
|
||||
description: "Weekly group practice sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-retro-calculator-nutshell-tones_23-2151208182.jpg",
|
||||
},
|
||||
id: "m1", value: "100+", title: "Math Problems Solved", description: "Weekly group practice sessions.", imageSrc: "http://img.b2bpic.net/free-photo/view-retro-calculator-nutshell-tones_23-2151208182.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Student Satisfaction",
|
||||
description: "Positive feedback on help resources.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-arrow-clay-texture-pointing-up-hand-craft-graphic-kids_53876-134201.jpg",
|
||||
},
|
||||
id: "m2", value: "95%", title: "Student Satisfaction", description: "Positive feedback on help resources.", imageSrc: "http://img.b2bpic.net/free-photo/red-arrow-clay-texture-pointing-up-hand-craft-graphic-kids_53876-134201.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Resource Access",
|
||||
description: "Available whenever you need help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-simple-flat-design-book-logo_23-2148821485.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Resource Access", description: "Available whenever you need help.", imageSrc: "http://img.b2bpic.net/free-vector/collection-simple-flat-design-book-logo_23-2148821485.jpg"},
|
||||
]}
|
||||
title="Classroom Impact"
|
||||
description="Our community is dedicated to achieving math mastery together."
|
||||
@@ -181,45 +123,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great support!",
|
||||
quote: "The help sessions completely changed my grades.",
|
||||
name: "Alex R.",
|
||||
role: "10th Grader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-happy-pleased-happy-smiling-young-redhead-girl-getting-awesome-proposal-grinning-questione_1258-136727.jpg",
|
||||
},
|
||||
id: "1", title: "Great support!", quote: "The help sessions completely changed my grades.", name: "Alex R.", role: "10th Grader", imageSrc: "http://img.b2bpic.net/free-photo/surprised-happy-pleased-happy-smiling-young-redhead-girl-getting-awesome-proposal-grinning-questione_1258-136727.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "So helpful.",
|
||||
quote: "I finally understand the big ideas math concepts.",
|
||||
name: "Jordan P.",
|
||||
role: "9th Grader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planning-work_1098-14911.jpg",
|
||||
},
|
||||
id: "2", title: "So helpful.", quote: "I finally understand the big ideas math concepts.", name: "Jordan P.", role: "9th Grader", imageSrc: "http://img.b2bpic.net/free-photo/planning-work_1098-14911.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Math is easy now.",
|
||||
quote: "Desmos integration made it all make sense.",
|
||||
name: "Sam K.",
|
||||
role: "10th Grader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg",
|
||||
},
|
||||
id: "3", title: "Math is easy now.", quote: "Desmos integration made it all make sense.", name: "Sam K.", role: "10th Grader", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Recommended.",
|
||||
quote: "Always help when I'm stuck with homework.",
|
||||
name: "Taylor W.",
|
||||
role: "9th Grader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-with-african-hairstyle-writing-his-copy-book-biting-his-lower-lip-while-trying-concentrate-his-work-sitting-coffee-shop_273609-7513.jpg",
|
||||
},
|
||||
id: "4", title: "Recommended.", quote: "Always help when I'm stuck with homework.", name: "Taylor W.", role: "9th Grader", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-with-african-hairstyle-writing-his-copy-book-biting-his-lower-lip-while-trying-concentrate-his-work-sitting-coffee-shop_273609-7513.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best teacher!",
|
||||
quote: "Mrs. Mendoza is always there to guide us.",
|
||||
name: "Casey J.",
|
||||
role: "10th Grader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13227.jpg",
|
||||
},
|
||||
id: "5", title: "Best teacher!", quote: "Mrs. Mendoza is always there to guide us.", name: "Casey J.", role: "10th Grader", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13227.jpg"},
|
||||
]}
|
||||
title="Student Voices"
|
||||
description="Hear what our students say about the extra support and resources."
|
||||
@@ -231,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Where can I find extra practice?",
|
||||
content: "Check the resources section for links to practice problems.",
|
||||
},
|
||||
id: "faq1", title: "Where can I find extra practice?", content: "Check the resources section for links to practice problems."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Is help free?",
|
||||
content: "Yes, all classroom help resources are free to students.",
|
||||
},
|
||||
id: "faq2", title: "Is help free?", content: "Yes, all classroom help resources are free to students."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I use Desmos for all exams?",
|
||||
content: "Please check your specific assignment guidelines.",
|
||||
},
|
||||
id: "faq3", title: "Can I use Desmos for all exams?", content: "Please check your specific assignment guidelines."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need quick help? Check our most frequently asked questions."
|
||||
@@ -256,8 +159,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Need help with a math problem? Reach out today!"
|
||||
/>
|
||||
</div>
|
||||
@@ -266,29 +168,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Desmos",
|
||||
href: "https://www.desmos.com",
|
||||
},
|
||||
label: "Desmos", href: "https://www.desmos.com"},
|
||||
{
|
||||
label: "Big Ideas Math",
|
||||
href: "https://www.bigideasmath.com",
|
||||
},
|
||||
label: "Big Ideas Math", href: "https://www.bigideasmath.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user