Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 12:40:29 +00:00

View File

@@ -16,356 +16,169 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="medium"
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "AI Dashboard",
id: "#dashboard",
},
{
name: "Labs",
id: "#labs",
},
{
name: "Pricing",
id: "#pricing",
},
]}
brandName="Eduverse"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Features", id: "#features" },
{ name: "AI Dashboard", id: "#dashboard" },
{ name: "Labs", id: "#labs" },
{ name: "Pricing", id: "#pricing" },
]}
brandName="Eduverse"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Eduverse"
description="The future of immersive, AI-powered learning. Adaptive paths, 3D labs, and real-time collaboration."
buttons={[
{
text: "Get Started",
href: "#",
},
{
text: "View Demo",
href: "#",
},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/woman-with-graduation-robe-cap-wearing-virtual-reality-headset_23-2148912770.jpg?_wi=1"
imageAlt="futuristic learning platform UI"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Eduverse"
description="The future of immersive, AI-powered learning. Adaptive paths, 3D labs, and real-time collaboration."
buttons={[{ text: "Get Started", href: "#" }, { text: "View Demo", href: "#" }]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/woman-with-graduation-robe-cap-wearing-virtual-reality-headset_23-2148912770.jpg"
imageAlt="futuristic learning platform UI"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "AI Tutoring",
description: "Conversational, context-aware AI tutors.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
imageAlt: "AI chatbot interface",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg",
imageAlt: "smart learning interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-graduation-robe-cap-wearing-virtual-reality-headset_23-2148912770.jpg?_wi=2",
imageAlt: "AI chatbot interface",
},
{
title: "3D Visualizer",
description: "Interactive physics and biology laboratories.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/magical-potion-bottles-icon-rendering_23-2152026182.jpg",
imageAlt: "3D chemistry visualizer",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644064.jpg",
imageAlt: "biology app UI design",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-book-with-astronaut_23-2151103706.jpg",
imageAlt: "AI chatbot interface",
},
{
title: "Collaborative Rooms",
description: "Real-time, interactive study spaces.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-scribbling-predictions-white-board-checking-insights-laptop-worker-assessing-finance_482257-133811.jpg",
imageAlt: "online meeting UI",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=1",
imageAlt: "interactive whiteboard UI",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-laboratory-equipment-neon-lights_23-2151807427.jpg?_wi=1",
imageAlt: "AI chatbot interface",
},
]}
showStepNumbers={true}
title="Intelligent Learning Ecosystem"
description="Experience a personalized journey through our AI-adaptive platform."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
showStepNumbers={true}
title="Intelligent Learning Ecosystem"
description="Experience a personalized journey through our AI-adaptive platform."
features={[
{
title: "AI Tutoring", description: "Conversational, context-aware AI tutors.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg", imageAlt: "AI chatbot interface" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg", imageAlt: "smart learning interface" }
},
{
title: "3D Visualizer", description: "Interactive physics and biology laboratories.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/magical-potion-bottles-icon-rendering_23-2152026182.jpg", imageAlt: "3D chemistry visualizer" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644064.jpg", imageAlt: "biology app UI design" }
},
{
title: "Collaborative Rooms", description: "Real-time, interactive study spaces.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-scribbling-predictions-white-board-checking-insights-laptop-worker-assessing-finance_482257-133811.jpg", imageAlt: "online meeting UI" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "interactive whiteboard UI" }
}
]}
/>
</div>
<div id="dashboard" data-section="dashboard">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Smart Learning Dashboard"
description="Visualize your progress with heatmaps and actionable insights."
metrics={[
{
value: "98%",
title: "Retention Rate",
},
{
value: "1.2M+",
title: "Learners",
},
{
value: "24/7",
title: "AI Access",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=2"
mediaAnimation="slide-up"
metricsAnimation="opacity"
imageAlt="dark mode dashboard UI"
/>
</div>
<div id="dashboard" data-section="dashboard">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Smart Learning Dashboard"
description="Visualize your progress with heatmaps and actionable insights."
metrics={[
{ value: "98%", title: "Retention Rate" },
{ value: "1.2M+", title: "Learners" },
{ value: "24/7", title: "AI Access" },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg"
mediaAnimation="slide-up"
metricsAnimation="opacity"
imageAlt="dark mode dashboard UI"
/>
</div>
<div id="labs" data-section="labs">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "l1",
name: "Quantum Physics Lab",
price: "Access Now",
variant: "Pro",
imageSrc: "http://img.b2bpic.net/free-photo/view-laboratory-equipment-neon-lights_23-2151807427.jpg?_wi=2",
imageAlt: "physics lab interface",
},
{
id: "l2",
name: "Cellular Biology",
price: "Access Now",
variant: "Pro",
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-rough-endoplasmic-reticulum-with-ribosomes-german_183364-124022.jpg",
imageAlt: "3D cell biology app",
},
{
id: "l3",
name: "Chemical Reactions",
price: "Access Now",
variant: "Basic",
imageSrc: "http://img.b2bpic.net/free-photo/woman-pointing-finger-tablet-screen-showing-students_259150-60230.jpg",
imageAlt: "chemistry lab simulation",
},
{
id: "l4",
name: "Algebraic Structures",
price: "Access Now",
variant: "Basic",
imageSrc: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-standing-near-blackboard-writing-blackboard-mathematical-formulas-explaining-lesson-looking-confident-classroom_141793-102275.jpg",
imageAlt: "math equation visualization",
},
{
id: "l5",
name: "Circuit Simulation",
price: "Access Now",
variant: "Pro",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-drive-with-blue-light_23-2149413379.jpg",
imageAlt: "circuit design app",
},
{
id: "l6",
name: "Code Execution",
price: "Access Now",
variant: "Pro",
imageSrc: "http://img.b2bpic.net/free-photo/program-development-with-data-terminal-window-displaying-it-coding-language-computer-database-cloud-computing-programming-new-user-interface-with-hmtl-script-close-up_482257-60750.jpg",
imageAlt: "software code visualizer",
},
]}
title="Immersive Virtual Labs"
description="Bring complex subjects to life with WebGL-powered interaction."
/>
</div>
<div id="labs" data-section="labs">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Immersive Virtual Labs"
description="Bring complex subjects to life with WebGL-powered interaction."
products={[
{ id: "l1", name: "Quantum Physics Lab", price: "Access Now", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/view-laboratory-equipment-neon-lights_23-2151807427.jpg", imageAlt: "physics lab interface" },
{ id: "l2", name: "Cellular Biology", price: "Access Now", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-rough-endoplasmic-reticulum-with-ribosomes-german_183364-124022.jpg", imageAlt: "3D cell biology app" },
{ id: "l3", name: "Chemical Reactions", price: "Access Now", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/woman-pointing-finger-tablet-screen-showing-students_259150-60230.jpg", imageAlt: "chemistry lab simulation" },
{ id: "l4", name: "Algebraic Structures", price: "Access Now", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/young-male-teacher-wearing-glasses-standing-near-blackboard-writing-blackboard-mathematical-formulas-explaining-lesson-looking-confident-classroom_141793-102275.jpg", imageAlt: "math equation visualization" },
{ id: "l5", name: "Circuit Simulation", price: "Access Now", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-drive-with-blue-light_23-2149413379.jpg", imageAlt: "circuit design app" },
{ id: "l6", name: "Code Execution", price: "Access Now", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/program-development-with-data-terminal-window-displaying-it-coding-language-computer-database-cloud-computing-programming-new-user-interface-with-hmtl-script-close-up_482257-60750.jpg", imageAlt: "software code visualizer" }
]}
/>
</div>
<div id="stats" data-section="stats">
<MetricCardFourteen
useInvertedBackground={true}
title="Platform Impact"
tag="Live Metrics"
metrics={[
{
id: "m1",
value: "450+",
description: "Universities",
},
{
id: "m2",
value: "250K+",
description: "Quizzes Solved",
},
{
id: "m3",
value: "99.9%",
description: "Uptime",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="stats" data-section="stats">
<MetricCardFourteen
useInvertedBackground={true}
title="Platform Impact"
tag="Live Metrics"
metrics={[
{ id: "m1", value: "450+", description: "Universities" },
{ id: "m2", value: "250K+", description: "Quizzes Solved" },
{ id: "m3", value: "99.9%", description: "Uptime" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Chen",
role: "Educator",
company: "Global Uni",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg",
imageAlt: "teacher portrait",
},
{
id: "2",
name: "Mark Vane",
role: "Student",
company: "Tech Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104588.jpg",
imageAlt: "student portrait",
},
{
id: "3",
name: "Elena Ross",
role: "CTO",
company: "LearnHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
imageAlt: "corporate headshot",
},
{
id: "4",
name: "David Wu",
role: "Professor",
company: "Science Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doctor-with-stethoscope-lights_181624-15323.jpg",
imageAlt: "university professor portrait",
},
{
id: "5",
name: "Lucy K.",
role: "Lead",
company: "EduCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg",
imageAlt: "creative woman portrait",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Avg Rating",
},
{
value: "2x",
label: "Speedier Learning",
},
{
value: "150+",
label: "Countries",
},
]}
title="Leading the Revolution"
description="Educators and students are redefining their learning journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Leading the Revolution"
description="Educators and students are redefining their learning journey."
testimonials={[
{ id: "1", name: "Sarah Chen", role: "Educator", company: "Global Uni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg", imageAlt: "teacher portrait" },
{ id: "2", name: "Mark Vane", role: "Student", company: "Tech Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104588.jpg", imageAlt: "student portrait" },
{ id: "3", name: "Elena Ross", role: "CTO", company: "LearnHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg", imageAlt: "corporate headshot" },
{ id: "4", name: "David Wu", role: "Professor", company: "Science Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doctor-with-stethoscope-lights_181624-15323.jpg", imageAlt: "university professor portrait" },
{ id: "5", name: "Lucy K.", role: "Lead", company: "EduCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg", imageAlt: "creative woman portrait" },
]}
kpiItems={[
{ value: "4.9/5", label: "Avg Rating" },
{ value: "2x", label: "Speedier Learning" },
{ value: "150+", label: "Countries" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Is Eduverse suitable for all ages?",
content: "Yes, our adaptive AI adjusts curriculum difficulty for everyone.",
},
{
id: "f2",
title: "Does it support multiple languages?",
content: "We offer full English and Arabic support.",
},
{
id: "f3",
title: "Can I use it offline?",
content: "Offline capabilities for learning and progress synchronization.",
},
]}
title="Common Questions"
description="Everything you need to know about the Eduverse platform."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
title="Common Questions"
description="Everything you need to know about the Eduverse platform."
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "Is Eduverse suitable for all ages?", content: "Yes, our adaptive AI adjusts curriculum difficulty for everyone." },
{ id: "f2", title: "Does it support multiple languages?", content: "We offer full English and Arabic support." },
{ id: "f3", title: "Can I use it offline?", content: "Offline capabilities for learning and progress synchronization." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "canvas-reveal",
}}
text="Ready to transform the future of education?"
buttons={[
{
text: "Contact Sales",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "canvas-reveal" }}
text="Ready to transform the future of education?"
buttons={[{ text: "Contact Sales", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eduverse"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Eduverse"
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);