Merge version_2 into main #3
194
src/app/page.tsx
194
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { BarChart2, CheckCircle, FileText, Lightbulb, Network, Users, Zap } from "lucide-react";
|
||||
import { BarChart2, CheckCircle, FileText, Lightbulb, Network, Users, Zap, Search } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,76 +32,50 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="LearnAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="search-bar" data-section="search-bar" className="px-6 py-4 flex justify-center">
|
||||
<div className="relative w-full max-w-md">
|
||||
<div className="flex items-center border rounded-full px-4 py-2 bg-card shadow-sm">
|
||||
<Search className="w-5 h-5 mr-2 opacity-50" />
|
||||
<input type="text" placeholder="Search for courses or topics..." className="bg-transparent w-full focus:outline-none" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ 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: "View Features", href: "#features"},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#pricing" }, { 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"
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Join 50,000+ Students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Adaptive Learning"},
|
||||
{
|
||||
type: "text", text: "Smart Summaries"},
|
||||
{
|
||||
type: "text", text: "AI Tutor"},
|
||||
{
|
||||
type: "text", text: "Group Sync"},
|
||||
{
|
||||
type: "text", text: "Secure Data"},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Adaptive Learning" }, { type: "text", text: "Smart Summaries" }, { type: "text", text: "AI Tutor" }, { type: "text", text: "Group Sync" }, { type: "text", text: "Secure Data" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mock-test" data-section="mock-test" className="py-16">
|
||||
<div className="container mx-auto px-6 text-center">
|
||||
<h2 className="text-3xl font-bold mb-6">Practice Mock Tests</h2>
|
||||
<p className="mb-8 opacity-70">Evaluate your progress with our curated mock exam series.</p>
|
||||
<button className="bg-primary-cta text-white px-8 py-3 rounded-full">Take a Practice Exam</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Impact at a Glance"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Learning Speed", value: "200%"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "AI Accuracy", value: "99.8%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Students", value: "50k+"},
|
||||
]}
|
||||
metrics={[{ icon: Zap, label: "Learning Speed", value: "200%" }, { icon: Lightbulb, label: "AI Accuracy", value: "99.8%" }, { icon: Users, label: "Active Students", value: "50k+" }]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,21 +86,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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,
|
||||
},
|
||||
{
|
||||
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,
|
||||
},
|
||||
{
|
||||
title: "Progress Analytics", description: "Track your academic journey with detailed charts.", bentoComponent: "reveal-icon", icon: BarChart2,
|
||||
},
|
||||
{ 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 },
|
||||
{ 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 },
|
||||
{ title: "Progress Analytics", description: "Track your academic journey with detailed charts.", bentoComponent: "reveal-icon", icon: BarChart2 },
|
||||
]}
|
||||
title="Advanced AI Features"
|
||||
description="Powerful tools designed to make your academic life easier and smarter."
|
||||
@@ -140,18 +104,8 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{
|
||||
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: "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: "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: "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" },
|
||||
]}
|
||||
title="Learning Modules"
|
||||
description="Comprehensive tools for specific academic needs."
|
||||
@@ -164,18 +118,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
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: "ent", badge: "Enterprise", price: "$199", subtitle: "For groups", features: [
|
||||
"Full Workspace", "Unlimited API Access", "Dedicated Tutor"],
|
||||
},
|
||||
{ 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"] },
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
description="Choose the perfect plan to boost your performance."
|
||||
@@ -188,46 +132,18 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100k+", label: "Students"},
|
||||
{
|
||||
value: "95%", label: "Grade Increase"},
|
||||
{
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{ 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" },
|
||||
]}
|
||||
kpiItems={[{ value: "100k+", label: "Students" }, { value: "95%", label: "Grade Increase" }, { value: "4.9/5", label: "Avg Rating" }]}
|
||||
title="Student Success Stories"
|
||||
description="Join thousands of successful learners transforming their education with our platform."
|
||||
description="Join thousands of successful learners transforming their education."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
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: "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."},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "How does the AI work?", content: "Neural networks parse your notes." }, { id: "f2", title: "Is my data private?", content: "Yes, encrypted." }]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -236,8 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Get in touch to learn more about our AI capabilities."
|
||||
@@ -248,36 +163,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Product", href: "#products"},
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ items: [{ label: "Product", href: "#products" }, { label: "Pricing", href: "#pricing" }] }]}
|
||||
logoText="LearnAI"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user