Merge version_2 into main #1
210
src/app/page.tsx
210
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Theory",
|
||||
id: "#theory",
|
||||
},
|
||||
name: "Theory", id: "#theory"},
|
||||
{
|
||||
name: "Examples",
|
||||
id: "#examples",
|
||||
},
|
||||
name: "Examples", id: "#examples"},
|
||||
{
|
||||
name: "Generator",
|
||||
id: "#generator",
|
||||
},
|
||||
name: "Generator", id: "#generator"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="MathGenius"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Master Mathematics Effortlessly"
|
||||
description="Unlock deep understanding of any mathematical topic with our step-by-step guides, interactive theory lessons, and random practice generators."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#theory",
|
||||
},
|
||||
text: "Start Learning", href: "#theory"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-composition_23-2150169783.jpg",
|
||||
imageAlt: "math formulas digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/numerology-concept-composition_23-2150169783.jpg", imageAlt: "math formulas digital background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-paper-planets-assortment_23-2148874939.jpg",
|
||||
imageAlt: "math formulas digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-paper-planets-assortment_23-2148874939.jpg", imageAlt: "math formulas digital background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-frame-abstract-bubbles_23-2148227104.jpg",
|
||||
imageAlt: "math formulas digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-frame-abstract-bubbles_23-2148227104.jpg", imageAlt: "math formulas digital background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-shapes-network-connection-big-data-concept_90220-460.jpg",
|
||||
imageAlt: "math formulas digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-shapes-network-connection-big-data-concept_90220-460.jpg", imageAlt: "math formulas digital background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-archipelago-bubble-drops-water_23-2148290106.jpg",
|
||||
imageAlt: "math formulas digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-archipelago-bubble-drops-water_23-2148290106.jpg", imageAlt: "math formulas digital background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-network-communications-background-with-low-poly-plexus-design_1048-18538.jpg",
|
||||
imageAlt: "math formulas digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-network-communications-background-with-low-poly-plexus-design_1048-18538.jpg", imageAlt: "math formulas digital background"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,13 +78,9 @@ export default function LandingPage() {
|
||||
description="Every math topic explained. We break down complex concepts into bite-sized, digestible lessons so you never feel lost."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Topics Covered",
|
||||
},
|
||||
value: "100+", title: "Topics Covered"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Solved Problems",
|
||||
},
|
||||
value: "500+", title: "Solved Problems"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369894.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -123,29 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Algebraic",
|
||||
description: "Standard symbolic manipulation methods.",
|
||||
tag: "Method 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257214.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "m1", title: "Algebraic", description: "Standard symbolic manipulation methods.", tag: "Method 1", imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257214.jpg", imageAlt: "math problem solving whiteboard"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Geometric",
|
||||
description: "Visualizing problems via graphs.",
|
||||
tag: "Method 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-learning-science-with-whiteboard_23-2148778952.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "m2", title: "Geometric", description: "Visualizing problems via graphs.", tag: "Method 2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-learning-science-with-whiteboard_23-2148778952.jpg", imageAlt: "math problem solving whiteboard"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Numerical",
|
||||
description: "Iterative calculation techniques.",
|
||||
tag: "Method 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-learning-math-school_23-2150470830.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "m3", title: "Numerical", description: "Iterative calculation techniques.", tag: "Method 3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-learning-math-school_23-2150470830.jpg", imageAlt: "math problem solving whiteboard"},
|
||||
]}
|
||||
title="Diverse Solution Methods"
|
||||
description="Math isn't just about one way to solve things. Explore multiple methodologies and select the approach that clicks with you."
|
||||
@@ -160,56 +115,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Linear Equation",
|
||||
price: "Step 1",
|
||||
variant: "Easy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402657.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "p1", name: "Linear Equation Walkthrough", price: "Step-by-Step", variant: "Interactive Solution", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402657.jpg", imageAlt: "Step-by-step math problem solving"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Quadratic Roots",
|
||||
price: "Step 2",
|
||||
variant: "Medium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-ruler-top-view_23-2149740051.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "p2", name: "Quadratic Roots Solver", price: "Step-by-Step", variant: "Intermediate steps", imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-ruler-top-view_23-2149740051.jpg", imageAlt: "Intermediate math step explanation"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Integration By Parts",
|
||||
price: "Step 3",
|
||||
variant: "Hard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-white-table_176420-4566.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "p3", name: "Integration Guided", price: "Step-by-Step", variant: "Deep theory breakdown", imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-white-table_176420-4566.jpg", imageAlt: "detailed solution walkthrough"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Matrix Inverse",
|
||||
price: "Step 4",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-different-measurements-notebook_23-2148742356.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Derivatives",
|
||||
price: "Step 5",
|
||||
variant: "Medium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/learning-education-ideas-insight-intelligence-study-concept_53876-120116.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vector Dot Product",
|
||||
price: "Step 6",
|
||||
variant: "Easy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-white-board_23-2148717038.jpg",
|
||||
imageAlt: "math problem solving whiteboard",
|
||||
},
|
||||
id: "p4", name: "Matrix Analysis", price: "Step-by-Step", variant: "Visualized steps", imageSrc: "http://img.b2bpic.net/free-photo/woman-writing-different-measurements-notebook_23-2148742356.jpg", imageAlt: "Interactive problem solver"}
|
||||
]}
|
||||
title="Step-by-Step Examples"
|
||||
description="View real problems solved line-by-line with annotations at every step."
|
||||
title="Detailed Solution Walkthroughs"
|
||||
description="Explore our new interactive problem-solving system featuring comprehensive step-by-step guidance for every challenge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -220,14 +135,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "gen-1",
|
||||
value: "Random",
|
||||
title: "Generator",
|
||||
items: [
|
||||
"Generate problem",
|
||||
"Set difficulty",
|
||||
"Check answer",
|
||||
],
|
||||
id: "gen-1", value: "Random", title: "Generator", items: [
|
||||
"Generate problem", "Set difficulty", "Check answer"],
|
||||
},
|
||||
]}
|
||||
title="Generate Practice Exercises"
|
||||
@@ -242,31 +151,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "ms1",
|
||||
value: "95%",
|
||||
title: "Accuracy",
|
||||
items: [
|
||||
"Algebra",
|
||||
"Calculus",
|
||||
],
|
||||
id: "ms1", value: "95%", title: "Accuracy", items: [
|
||||
"Algebra", "Calculus"],
|
||||
},
|
||||
{
|
||||
id: "ms2",
|
||||
value: "12",
|
||||
title: "Sessions",
|
||||
items: [
|
||||
"Completed",
|
||||
"Remaining",
|
||||
],
|
||||
id: "ms2", value: "12", title: "Sessions", items: [
|
||||
"Completed", "Remaining"],
|
||||
},
|
||||
{
|
||||
id: "ms3",
|
||||
value: "4.8",
|
||||
title: "Growth",
|
||||
items: [
|
||||
"Score",
|
||||
"Trends",
|
||||
],
|
||||
id: "ms3", value: "4.8", title: "Growth", items: [
|
||||
"Score", "Trends"],
|
||||
},
|
||||
]}
|
||||
title="Progress Metrics"
|
||||
@@ -282,25 +176,15 @@ export default function LandingPage() {
|
||||
author="Maria Garcia"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-with-laptop_23-2150401339.jpg",
|
||||
alt: "student online learning math",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-with-laptop_23-2150401339.jpg", alt: "student online learning math"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-typing-message-using-smartphone-looking-confident-sitting-school-desk-with-books-notes-front-blackboard-classroom_141793-99306.jpg",
|
||||
alt: "student online learning math",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-typing-message-using-smartphone-looking-confident-sitting-school-desk-with-books-notes-front-blackboard-classroom_141793-99306.jpg", alt: "student online learning math"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-kid-painting-with-watercolor_23-2149432885.jpg",
|
||||
alt: "student online learning math",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-kid-painting-with-watercolor_23-2149432885.jpg", alt: "student online learning math"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-laptop-home_23-2149014092.jpg",
|
||||
alt: "student online learning math",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-laptop-home_23-2149014092.jpg", alt: "student online learning math"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-child-doing-homework-with-mother-remote-education_482257-27151.jpg",
|
||||
alt: "Young child doing homework with mother for remote education",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-child-doing-homework-with-mother-remote-education_482257-27151.jpg", alt: "Young child doing homework with mother for remote education"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -313,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this free?",
|
||||
content: "Yes, our core library of topics is free to use.",
|
||||
},
|
||||
id: "f1", title: "Is this free?", content: "Yes, our core library of topics is free to use."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I generate problems?",
|
||||
content: "Simply type your topic and click 'Generate' in the generator section.",
|
||||
},
|
||||
id: "f2", title: "How do I generate problems?", content: "Simply type your topic and click 'Generate' in the generator section."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I save my progress?",
|
||||
content: "Accounts allow saving progress and tracking metrics.",
|
||||
},
|
||||
id: "f3", title: "Can I save my progress?", content: "Accounts allow saving progress and tracking metrics."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about using our math generator and learning portal."
|
||||
@@ -338,14 +213,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Need help with a specific math concept? Reach out to our tutors."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user