Merge version_1 into main #1
327
src/app/page.tsx
327
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumagrid"
|
||||
/>
|
||||
@@ -54,106 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="AI Tutor for Every Subject, Every Grade"
|
||||
description="Get instant answers, mindmaps, practice sheets, and test papers across 6 subjects, Classes 1–12—all powered by AI. Use voice prompts to ask questions hands-free."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-black-girl-headphones-looking-computer-s-screen-with-attention_197531-4877.jpg",
|
||||
imageAlt: "AI Tutor Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-writing-sticky-notes-remember-task-computer-business-woman-using-post-it-memo-paper-as-reminder-work-project-planning-company-efficiency-inspiration_482257-30592.jpg",
|
||||
imageAlt: "Math Tutoring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-friendship-digital-tablet-news-networking-concept_53876-30109.jpg",
|
||||
imageAlt: "Chemistry Lab",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-employee-working-with-charts-papers-computer-doing-annual-data-analysis-plan-business-project-woman-holding-files-with-financial-information-development_482257-32215.jpg",
|
||||
imageAlt: "Physics Concepts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-young-woman-striped-shirt-looking-computer-screen-working-with-tablet_197531-4895.jpg",
|
||||
imageAlt: "Biology Mindmaps",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slim-black-girl-headphones-looking-computer-s-screen-with-attention_197531-4877.jpg", imageAlt: "AI Tutor Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-writing-sticky-notes-remember-task-computer-business-woman-using-post-it-memo-paper-as-reminder-work-project-planning-company-efficiency-inspiration_482257-30592.jpg", imageAlt: "Math Tutoring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-friendship-digital-tablet-news-networking-concept_53876-30109.jpg", imageAlt: "Chemistry Lab" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-employee-working-with-charts-papers-computer-doing-annual-data-analysis-plan-business-project-woman-holding-files-with-financial-information-development_482257-32215.jpg", imageAlt: "Physics Concepts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/inspired-young-woman-striped-shirt-looking-computer-screen-working-with-tablet_197531-4895.jpg", imageAlt: "Biology Mindmaps" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-person-programming-neural-network-code-with-green-screen_482257-121370.jpg",
|
||||
imageAlt: "Test Prep",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-learning-background-with-realistic-elements_23-2147595707.jpg",
|
||||
imageAlt: "Homework Help",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg",
|
||||
imageAlt: "Subject Analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117764.jpg",
|
||||
imageAlt: "Voice Assistant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cellphone-with-white-screen-showing-mobile-applications-chalkboard_23-2147841262.jpg",
|
||||
imageAlt: "Classroom Tools",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free for 1 Month",
|
||||
href: "#",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/black-person-programming-neural-network-code-with-green-screen_482257-121370.jpg", imageAlt: "Test Prep" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/online-learning-background-with-realistic-elements_23-2147595707.jpg", imageAlt: "Homework Help" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/finger-interface-laptop-hipster-cropped_1134-770.jpg", imageAlt: "Subject Analytics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117764.jpg", imageAlt: "Voice Assistant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cellphone-with-white-screen-showing-mobile-applications-chalkboard_23-2147841262.jpg", imageAlt: "Classroom Tools" },
|
||||
]}
|
||||
buttons={[{ text: "Start Free for 1 Month", href: "#" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-analyzing-data-charts-files-computer-plan-financial-project-business-woman-wokring-with-documents-design-marketing-strategy-company-development_482257-33674.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062201.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-person-analyzing-data-charts-files-computer-plan-financial-project-business-woman-wokring-with-documents-design-marketing-strategy-company-development_482257-33674.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062201.jpg", alt: "Student 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Maths",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Physics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chemistry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "English",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Biology",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Maths" }, { type: "text", text: "Physics" }, { type: "text", text: "Chemistry" }, { type: "text", text: "English" }, { type: "text", text: "Biology" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,20 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Academic Success, Simplified"
|
||||
description="Lumagrid streamlines your study process with instant AI support. From complex Math equations to English essays, we provide the resources you need to excel in Classes 1–12."
|
||||
metrics={[
|
||||
{
|
||||
value: "6",
|
||||
title: "Core Subjects",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Grades Supported",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "AI Availability",
|
||||
},
|
||||
]}
|
||||
metrics={[{ value: "6", title: "Core Subjects" }, { value: "12", title: "Grades Supported" }, { value: "24/7", title: "AI Availability" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -188,27 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant Answers",
|
||||
description: "Get solutions in seconds, powered by advanced AI.",
|
||||
tag: "Core AI",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-education-course-e-learning-knowledge-e-library-electronic-reading_126523-2223.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hands-Free Voice Prompts",
|
||||
description: "Ask questions and receive guidance using only your voice.",
|
||||
tag: "Accessibility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170092.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Automated Resources",
|
||||
description: "Generate practice sheets, test papers, and mindmaps instantly.",
|
||||
tag: "Resource Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Instant Answers", description: "Get solutions in seconds, powered by advanced AI.", tag: "Core AI", imageSrc: "http://img.b2bpic.net/free-vector/online-education-course-e-learning-knowledge-e-library-electronic-reading_126523-2223.jpg" },
|
||||
{ id: "f2", title: "Hands-Free Voice Prompts", description: "Ask questions and receive guidance using only your voice.", tag: "Accessibility", imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170092.jpg" },
|
||||
{ id: "f3", title: "Automated Resources", description: "Generate practice sheets, test papers, and mindmaps instantly.", tag: "Resource Tools", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg" },
|
||||
]}
|
||||
title="All-in-One Study Powerhouse"
|
||||
description="Explore features designed to reduce study time and maximize your academic potential."
|
||||
@@ -217,64 +102,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Student",
|
||||
company: "Grade 10",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-just-sitting-with-different-books-white-floor-reading-girl-library-student-school-books_140725-44755.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Parent",
|
||||
company: "Grade 8",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/busy-father-working-laptop-while-showing-something-smart-phone-his-daughter-home_637285-12545.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Educator",
|
||||
company: "High School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963012.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Student",
|
||||
company: "Grade 6",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-black-jacket-wearing-backpack-holding-yellow-files-rejoicing-blue-wall-school-college-university_140725-43373.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Student",
|
||||
company: "Grade 12",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-businesswoman-looking-laptop-holding-pen_23-2147601507.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "90%",
|
||||
label: "Higher Grades",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
label: "Time Saved",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Questions Solved",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Student", company: "Grade 10", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-student-just-sitting-with-different-books-white-floor-reading-girl-library-student-school-books_140725-44755.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Parent", company: "Grade 8", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/busy-father-working-laptop-while-showing-something-smart-phone-his-daughter-home_637285-12545.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Educator", company: "High School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963012.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Student", company: "Grade 6", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-black-jacket-wearing-backpack-holding-yellow-files-rejoicing-blue-wall-school-college-university_140725-43373.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", role: "Student", company: "Grade 12", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-businesswoman-looking-laptop-holding-pen_23-2147601507.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "90%", label: "Higher Grades" }, { value: "40%", label: "Time Saved" }, { value: "1M+", label: "Questions Solved" }]}
|
||||
title="Trusted by Students & Families"
|
||||
description="Hear what our community says about their improved academic journey."
|
||||
/>
|
||||
@@ -286,27 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "67",
|
||||
title: "₹ Monthly Subscription",
|
||||
description: "Affordable access for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "6",
|
||||
title: "Core Subjects",
|
||||
description: "Math, Science, English, etc.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trigonometry-algebra-equation-knowledge-learn-concept_53876-123006.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Class Grades",
|
||||
description: "Coverage for K-12 students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-advisor-financial-business-analytics-woman-with-data-dashboard-graphs_343596-6917.jpg",
|
||||
},
|
||||
{ id: "m1", value: "67", title: "₹ Monthly Subscription", description: "Affordable access for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg" },
|
||||
{ id: "m2", value: "6", title: "Core Subjects", description: "Math, Science, English, etc.", imageSrc: "http://img.b2bpic.net/free-photo/trigonometry-algebra-equation-knowledge-learn-concept_53876-123006.jpg" },
|
||||
{ id: "m3", value: "12", title: "Class Grades", description: "Coverage for K-12 students.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-advisor-financial-business-analytics-woman-with-data-dashboard-graphs_343596-6917.jpg" },
|
||||
]}
|
||||
title="Academic Impact at a Glance"
|
||||
description="Lumagrid delivers measurable results for students everywhere."
|
||||
@@ -317,23 +137,7 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer 1 month free trial for new users.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which subjects do you support?",
|
||||
content: "We support Math, Biology, Physics, Chemistry, English, and Social Studies.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I use voice prompts?",
|
||||
content: "Absolutely, our voice integration allows for hands-free assistance.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "q1", title: "Is there a free trial?", content: "Yes, we offer 1 month free trial for new users." }, { id: "q2", title: "Which subjects do you support?", content: "We support Math, Biology, Physics, Chemistry, English, and Social Studies." }, { id: "q3", title: "Can I use voice prompts?", content: "Absolutely, our voice integration allows for hands-free assistance." }]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your questions about Lumagrid."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -346,38 +150,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Freemium",
|
||||
price: "Free",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Month Free",
|
||||
"Core Features",
|
||||
"All Subjects",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium",
|
||||
price: "₹67/mo",
|
||||
buttons: [
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Free",
|
||||
"No Limits",
|
||||
"Advanced AI Support",
|
||||
],
|
||||
},
|
||||
{ id: "p1", name: "Freemium", price: "Free", buttons: [{ text: "Get Started", href: "#" }], features: ["1 Month Free", "Core Features", "All Subjects"] },
|
||||
{ id: "p2", name: "Premium", price: "₹67/mo", buttons: [{ text: "Subscribe", href: "#" }], features: ["Everything in Free", "No Limits", "Advanced AI Support"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Start your journey today with our subscription model."
|
||||
@@ -387,30 +161,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to transform your study routine?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lumagrid"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user