Update src/app/page.tsx
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="EduForm AI"
|
||||
/>
|
||||
@@ -55,33 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Form 1-4 with AI-Powered Intelligence"
|
||||
description="Unlock past papers, access digital textbooks, and join expert-led online classes. Your ultimate educational companion designed to excel."
|
||||
tag="Advanced Learning Platform"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg?_wi=1",
|
||||
imageAlt: "Student Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-with-laptop-reading-book_23-2147779314.jpg?_wi=1",
|
||||
imageAlt: "AI Research",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-doing-homework-park_53876-42624.jpg",
|
||||
imageAlt: "Students doing homework in the park",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-monthly-statistics_329181-12025.jpg",
|
||||
imageAlt: "Workers looking at the monthly statistics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-looking-business-analytics_482257-115272.jpg",
|
||||
imageAlt: "Employee looking at business analytics",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg", imageAlt: "Student Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-with-laptop-reading-book_23-2147779314.jpg", imageAlt: "AI Research" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -94,7 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Bridging Academic Excellence"
|
||||
description="EduForm AI leverages advanced machine learning to streamline your search for Form 1-4 past papers. Experience premium education with intuitive digital tools."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,56 +73,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Search Engine",
|
||||
description: "Instant access to any Form 1-4 past paper.",
|
||||
icon: Zap,
|
||||
title: "AI Search Engine", description: "Instant access to any Form 1-4 past paper.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
imageAlt: "AI Search",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speech-bubble-conversation-talk-message-graphic_53876-127864.jpg",
|
||||
imageAlt: "AI Search",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg?_wi=2",
|
||||
imageAlt: "student ai tutor assistant",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "AI Search" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/speech-bubble-conversation-talk-message-graphic_53876-127864.jpg", imageAlt: "AI Search" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Online Classes",
|
||||
description: "Join live sessions led by top instructors.",
|
||||
icon: BookOpen,
|
||||
title: "Online Classes", description: "Join live sessions led by top instructors.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg",
|
||||
imageAlt: "Live Classes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-video-call-with-his-teacher_158595-7519.jpg",
|
||||
imageAlt: "Live Classes",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-with-laptop-reading-book_23-2147779314.jpg?_wi=2",
|
||||
imageAlt: "student ai tutor assistant",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg", imageAlt: "Live Classes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-video-call-with-his-teacher_158595-7519.jpg", imageAlt: "Live Classes" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Digital Textbook Vault",
|
||||
description: "Access all your curriculum books offline.",
|
||||
icon: BookOpen,
|
||||
title: "Digital Textbook Vault", description: "Access all your curriculum books offline.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opened-books-near-laptop_23-2147710406.jpg",
|
||||
imageAlt: "Digital Books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library-with-laptop_273609-13040.jpg",
|
||||
imageAlt: "Digital Books",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-studio-full-colourful-lights-young-girl-is-working-her-new-creative-ideas_613910-11479.jpg?_wi=2",
|
||||
imageAlt: "student ai tutor assistant",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/opened-books-near-laptop_23-2147710406.jpg", imageAlt: "Digital Books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library-with-laptop_273609-13040.jpg", imageAlt: "Digital Books" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Smart Learning Features"
|
||||
description="Integrated tools to simplify your study workflow."
|
||||
@@ -168,37 +106,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Monthly",
|
||||
price: "KES 499",
|
||||
period: "/mo",
|
||||
description: "Essential access for study support.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Past Papers Search",
|
||||
"Digital Library",
|
||||
"Mobile Money Pay",
|
||||
],
|
||||
id: "basic", tag: "Monthly", price: "KES 499", period: "/mo", description: "Essential access for study support.", button: { text: "Get Started" },
|
||||
featuresTitle: "Includes:", features: ["Past Papers Search", "Digital Library", "Mobile Money Pay"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Yearly",
|
||||
price: "KES 4,999",
|
||||
period: "/yr",
|
||||
description: "Full academic year powerhouse.",
|
||||
button: {
|
||||
text: "Go Premium",
|
||||
},
|
||||
featuresTitle: "Includes everything, plus:",
|
||||
features: [
|
||||
"Live Online Classes",
|
||||
"1-on-1 AI Tutoring",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
id: "pro", tag: "Yearly", price: "KES 4,999", period: "/yr", description: "Full academic year powerhouse.", button: { text: "Go Premium" },
|
||||
featuresTitle: "Includes everything, plus:", features: ["Live Online Classes", "1-on-1 AI Tutoring", "Priority Support"]
|
||||
}
|
||||
]}
|
||||
title="Choose Your Success Plan"
|
||||
description="Flexible pricing options via secure Mobile Money."
|
||||
@@ -210,46 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Top Grades!",
|
||||
quote: "The AI past paper search saved my term.",
|
||||
name: "John Doe",
|
||||
role: "Form 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-plastic-coffee-cup-looking-side-isolated-orange-wall_141793-97687.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Excellent Platform",
|
||||
quote: "Mobile money payment was super easy.",
|
||||
name: "Sarah Smith",
|
||||
role: "Form 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-papers_23-2149647836.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Very Useful",
|
||||
quote: "Digital books are always at my fingertips.",
|
||||
name: "Mike Ross",
|
||||
role: "Form 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13246.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "AI is amazing",
|
||||
quote: "The search engine is truly fast and reliable.",
|
||||
name: "Jane Eyre",
|
||||
role: "Form 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-student-boy-girl-showing-thumbs-up_1262-18113.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best online class experience I've had.",
|
||||
name: "David Kim",
|
||||
role: "Form 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-young-student-being-successful_23-2148511044.jpg",
|
||||
},
|
||||
{ id: "1", title: "Top Grades!", quote: "The AI past paper search saved my term.", name: "John Doe", role: "Form 4", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-plastic-coffee-cup-looking-side-isolated-orange-wall_141793-97687.jpg" },
|
||||
{ id: "2", title: "Excellent Platform", quote: "Mobile money payment was super easy.", name: "Sarah Smith", role: "Form 3", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-papers_23-2149647836.jpg" },
|
||||
{ id: "3", title: "Very Useful", quote: "Digital books are always at my fingertips.", name: "Mike Ross", role: "Form 2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13246.jpg" },
|
||||
{ id: "4", title: "AI is amazing", quote: "The search engine is truly fast and reliable.", name: "Jane Eyre", role: "Form 1", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-student-boy-girl-showing-thumbs-up_1262-18113.jpg" },
|
||||
{ id: "5", title: "Highly Recommend", quote: "Best online class experience I've had.", name: "David Kim", role: "Form 4", imageSrc: "http://img.b2bpic.net/free-photo/teacher-young-student-being-successful_23-2148511044.jpg" }
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="What our students say about us."
|
||||
@@ -262,27 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Past Papers",
|
||||
description: "In our database.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_107420-96192.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Students",
|
||||
description: "Active users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Student feedback.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library-with-laptop_273609-13037.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Past Papers", description: "In our database.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-office_107420-96192.jpg" },
|
||||
{ id: "m2", value: "5k+", title: "Students", description: "Active users.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg" },
|
||||
{ id: "m3", value: "99%", title: "Satisfaction", description: "Student feedback.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library-with-laptop_273609-13037.jpg" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Helping students achieve academic success daily."
|
||||
@@ -294,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How do I pay?",
|
||||
content: "We support M-Pesa and other Mobile Money services via secure checkout.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Is the AI search reliable?",
|
||||
content: "Our AI is trained on official past papers to provide accurate results.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can I access offline?",
|
||||
content: "Yes, once downloaded, your textbooks are available offline.",
|
||||
},
|
||||
{ id: "faq-1", title: "How do I pay?", content: "We support M-Pesa and other Mobile Money services via secure checkout." },
|
||||
{ id: "faq-2", title: "Is the AI search reliable?", content: "Our AI is trained on official past papers to provide accurate results." },
|
||||
{ id: "faq-3", title: "Can I access offline?", content: "Yes, once downloaded, your textbooks are available offline." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -319,16 +168,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Need help with our educational tools? Reach out to our support team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,44 +178,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
title: "Platform", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 EduForm AI. All rights reserved."
|
||||
bottomRightText="Built for student success."
|
||||
@@ -382,4 +203,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user