Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="LearnAI"
|
||||
/>
|
||||
@@ -56,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Master Your Future with AI-Driven Learning"
|
||||
description="Unlock a new way to study. Adaptive, intelligent, and personalized for every student. Experience the future of education."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg"
|
||||
imageAlt="AI Learning Platform Dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scientist-spaceship-analyzing-mission-logs-device-while-doing-research_482257-126230.jpg",
|
||||
alt: "Scientist in spaceship",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/scientist-spaceship-analyzing-mission-logs-device-while-doing-research_482257-126230.jpg", alt: "Scientist in spaceship"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-space-helmet-laptop-monitor-spaceship-displaying-planetary-scan-mars_482257-132593.jpg",
|
||||
alt: "Space helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-space-helmet-laptop-monitor-spaceship-displaying-planetary-scan-mars_482257-132593.jpg", alt: "Space helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hi-tech-futuristic-hud-display-circle-elements_1379-889.jpg",
|
||||
alt: "HUD display",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hi-tech-futuristic-hud-display-circle-elements_1379-889.jpg", alt: "HUD display"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-car-using-touchscreen-rain-modern-car-technology-inside-vehicle_169016-69740.jpg",
|
||||
alt: "Modern car tech",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-car-using-touchscreen-rain-modern-car-technology-inside-vehicle_169016-69740.jpg", alt: "Modern car tech"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",
|
||||
alt: "Futuristic panel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg", alt: "Futuristic panel"},
|
||||
]}
|
||||
avatarText="Join 50,000+ Students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Adaptive Learning",
|
||||
},
|
||||
type: "text", text: "Adaptive Learning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Summaries",
|
||||
},
|
||||
type: "text", text: "Smart Summaries"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Tutor",
|
||||
},
|
||||
type: "text", text: "AI Tutor"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Group Sync",
|
||||
},
|
||||
type: "text", text: "Group Sync"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Data",
|
||||
},
|
||||
type: "text", text: "Secure Data"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Learning Speed",
|
||||
value: "200%",
|
||||
},
|
||||
label: "Learning Speed", value: "200%"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "AI Accuracy",
|
||||
value: "99.8%",
|
||||
},
|
||||
label: "AI Accuracy", value: "99.8%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Students",
|
||||
value: "50k+",
|
||||
},
|
||||
label: "Active Students", value: "50k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,44 +113,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Summaries",
|
||||
description: "AI-generated summaries of your dense research papers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: FileText,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117755.jpg",
|
||||
imageAlt: "AI analysis interface",
|
||||
title: "Smart Summaries", description: "AI-generated summaries of your dense research papers.", bentoComponent: "reveal-icon", icon: FileText,
|
||||
},
|
||||
{
|
||||
title: "Adaptive Quizzer",
|
||||
description: "Automatically generated tests based on your weak points.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg?_wi=2",
|
||||
imageAlt: "AI analysis interface",
|
||||
title: "Adaptive Quizzer", description: "Automatically generated tests based on your weak points.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Collaborative Cloud",
|
||||
description: "Real-time shared study spaces for group projects.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-109663.jpg",
|
||||
imageAlt: "AI analysis interface",
|
||||
title: "Collaborative Cloud", description: "Real-time shared study spaces for group projects.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Knowledge Graph",
|
||||
description: "Visualizing deep conceptual links between topics.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Network,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-academy-25-blue-icon-pack-such-as-geography-medical-information-heart-rate-tutorial_1142-21481.jpg",
|
||||
imageAlt: "AI analysis interface",
|
||||
title: "Knowledge Graph", description: "Visualizing deep conceptual links between topics.", bentoComponent: "reveal-icon", icon: Network,
|
||||
},
|
||||
{
|
||||
title: "Progress Analytics",
|
||||
description: "Track your academic journey with detailed charts.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-notebook-headphones_23-2148037024.jpg?_wi=1",
|
||||
imageAlt: "AI analysis interface",
|
||||
title: "Progress Analytics", description: "Track your academic journey with detailed charts.", bentoComponent: "reveal-icon", icon: BarChart2,
|
||||
},
|
||||
]}
|
||||
title="Advanced AI Features"
|
||||
@@ -202,43 +138,20 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Analytical Suite",
|
||||
price: "$19/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-notebook-headphones_23-2148037024.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", name: "Analytical Suite", price: "$19/mo", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-notebook-headphones_23-2148037024.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Mobile Tutor",
|
||||
price: "$9/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67694.jpg",
|
||||
},
|
||||
id: "m2", name: "Mobile Tutor", price: "$9/mo", imageSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67694.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Research Generator",
|
||||
price: "$29/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16139.jpg",
|
||||
},
|
||||
id: "m3", name: "Research Generator", price: "$29/mo", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16139.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Shared Workspace",
|
||||
price: "$15/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-cheating-school-side-view_23-2150105038.jpg",
|
||||
},
|
||||
id: "m4", name: "Shared Workspace", price: "$15/mo", imageSrc: "http://img.b2bpic.net/free-photo/kids-cheating-school-side-view_23-2150105038.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "3D Anatomy Lab",
|
||||
price: "$25/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644064.jpg",
|
||||
},
|
||||
id: "m5", name: "3D Anatomy Lab", price: "$25/mo", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644064.jpg"},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Smart Test Prep",
|
||||
price: "$12/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-white-table-office-she-holds-tablet-works-with-financial-diagrams_197531-25030.jpg",
|
||||
},
|
||||
id: "m6", name: "Smart Test Prep", price: "$12/mo", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-white-table-office-she-holds-tablet-works-with-financial-diagrams_197531-25030.jpg"},
|
||||
]}
|
||||
title="Learning Modules"
|
||||
description="Comprehensive tools for specific academic needs."
|
||||
@@ -252,37 +165,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Student",
|
||||
price: "$19",
|
||||
subtitle: "For individuals",
|
||||
features: [
|
||||
"Core AI Tools",
|
||||
"Basic Summaries",
|
||||
"Community Access",
|
||||
],
|
||||
id: "basic", badge: "Student", price: "$19", subtitle: "For individuals", features: [
|
||||
"Core AI Tools", "Basic Summaries", "Community Access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$49",
|
||||
subtitle: "For researchers",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Research Generator",
|
||||
"Advanced 3D Lab",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$49", subtitle: "For researchers", features: [
|
||||
"Everything in Basic", "Research Generator", "Advanced 3D Lab"],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Enterprise",
|
||||
price: "$199",
|
||||
subtitle: "For groups",
|
||||
features: [
|
||||
"Full Workspace",
|
||||
"Unlimited API Access",
|
||||
"Dedicated Tutor",
|
||||
],
|
||||
id: "ent", badge: "Enterprise", price: "$199", subtitle: "For groups", features: [
|
||||
"Full Workspace", "Unlimited API Access", "Dedicated Tutor"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
@@ -297,59 +189,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Biology Student",
|
||||
company: "University of Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-197338.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Biology Student", company: "University of Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-glasses-teacher-celebrating-raising-hand-up-cheering-tirumphing-with_1258-197338.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya S.",
|
||||
role: "Researcher",
|
||||
company: "Global Studies",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-concentrated-person-single-background_1262-2864.jpg",
|
||||
},
|
||||
id: "2", name: "Maya S.", role: "Researcher", company: "Global Studies", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-concentrated-person-single-background_1262-2864.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Computer Science",
|
||||
company: "AI Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213491.jpg",
|
||||
},
|
||||
id: "3", name: "David W.", role: "Computer Science", company: "AI Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213491.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena K.",
|
||||
role: "Medical Student",
|
||||
company: "Health Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-graduate-smiling-looking-camera-sitting-white-surface_176420-17015.jpg",
|
||||
},
|
||||
id: "4", name: "Elena K.", role: "Medical Student", company: "Health Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-graduate-smiling-looking-camera-sitting-white-surface_176420-17015.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
role: "Business Admin",
|
||||
company: "MBA Focus",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-girl-student-with-laptop-sitting-stairs-near-building-connects-public_1258-196399.jpg",
|
||||
},
|
||||
id: "5", name: "Chris B.", role: "Business Admin", company: "MBA Focus", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-girl-student-with-laptop-sitting-stairs-near-building-connects-public_1258-196399.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100k+",
|
||||
label: "Students",
|
||||
},
|
||||
value: "100k+", label: "Students"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Grade Increase",
|
||||
},
|
||||
value: "95%", label: "Grade Increase"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Join thousands of successful learners transforming their education with our platform."
|
||||
@@ -361,20 +222,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our platform uses neural networks to parse information and provide personalized feedback.",
|
||||
},
|
||||
id: "f1", title: "How does the AI work?", content: "Our platform uses neural networks to parse information and provide personalized feedback."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data private?",
|
||||
content: "Absolutely. We encrypt all your personal research notes and data.",
|
||||
},
|
||||
id: "f2", title: "Is my data private?", content: "Absolutely. We encrypt all your personal research notes and data."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel my subscription?",
|
||||
content: "Yes, you can manage and cancel your subscription from your dashboard anytime.",
|
||||
},
|
||||
id: "f3", title: "Can I cancel my subscription?", content: "Yes, you can manage and cancel your subscription from your dashboard anytime."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -385,8 +237,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Get in touch to learn more about our AI capabilities."
|
||||
@@ -401,37 +252,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Product", href: "#products"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user