Merge version_1 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -31,49 +31,34 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Dashboard", 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="KosmosAI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Master Any Subject With KosmosAI"
|
||||
description="The world's most advanced AI-powered educational ecosystem. Personalize your learning, track progress, and unlock your potential with intelligent, adaptive study tools designed for the future."
|
||||
tag="Next-Gen Intelligence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Learning", href: "#features"},
|
||||
{
|
||||
text: "View Dashboard",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "View Dashboard", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg"
|
||||
imageAlt="KosmosAI Adaptive Dashboard"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,23 +70,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Adaptive AI Quizzes",
|
||||
description: "Dynamic quizzes that adjust difficulty based on your performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877749.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Adaptive AI Quizzes", description: "Dynamic quizzes that adjust difficulty based on your performance.", tag: "New", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877749.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Flashcards",
|
||||
description: "AI-powered spaced repetition to ensure long-term retention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg",
|
||||
},
|
||||
id: "f2", title: "Smart Flashcards", description: "AI-powered spaced repetition to ensure long-term retention.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/laptop-showing-isolated-chroma-key-help-strategy-planning_482257-126434.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Conceptual Maps",
|
||||
description: "Visualize knowledge with automatically generated concept maps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-mobile-application-icons-with-blank-paper-chalkboard_23-2147841258.jpg",
|
||||
},
|
||||
id: "f3", title: "Conceptual Maps", description: "Visualize knowledge with automatically generated concept maps.", tag: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-mobile-application-icons-with-blank-paper-chalkboard_23-2147841258.jpg"},
|
||||
]}
|
||||
title="Study Smarter, Not Harder"
|
||||
description="Harness the power of AI to transform how you learn, memorize, and understand complex concepts."
|
||||
@@ -115,20 +88,11 @@ export default function LandingPage() {
|
||||
tag="Performance Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Retention rate with AI flashcards",
|
||||
},
|
||||
id: "m1", value: "95%", description: "Retention rate with AI flashcards"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2M+",
|
||||
description: "Concepts learned by our users",
|
||||
},
|
||||
id: "m2", value: "2M+", description: "Concepts learned by our users"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
description: "Faster study completion times",
|
||||
},
|
||||
id: "m3", value: "40%", description: "Faster study completion times"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,45 +105,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahlearns",
|
||||
testimonial: "KosmosAI completely changed my study routine for med school.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarahlearns", testimonial: "KosmosAI completely changed my study routine for med school.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chan",
|
||||
handle: "@daviddev",
|
||||
testimonial: "The adaptive quizzes are incredibly accurate and personalized.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-teenage-guy-posing-against-white-wall_176420-32501.jpg",
|
||||
},
|
||||
id: "t2", name: "David Chan", handle: "@daviddev", testimonial: "The adaptive quizzes are incredibly accurate and personalized.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-teenage-guy-posing-against-white-wall_176420-32501.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_edu",
|
||||
testimonial: "Visualizing my progress has kept me motivated daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-glasses-using-laptop_23-2147777275.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", handle: "@elena_edu", testimonial: "Visualizing my progress has kept me motivated daily.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-glasses-using-laptop_23-2147777275.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Evans",
|
||||
handle: "@mark_evans",
|
||||
testimonial: "The best AI-powered tutor I have used to date.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6515.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Evans", handle: "@mark_evans", testimonial: "The best AI-powered tutor I have used to date.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6515.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Gomez",
|
||||
handle: "@sofiastudies",
|
||||
testimonial: "Unmatched efficiency and retention tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
id: "t5", name: "Sofia Gomez", handle: "@sofiastudies", testimonial: "Unmatched efficiency and retention tools.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Empowering Learners Worldwide"
|
||||
@@ -194,53 +133,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Basic",
|
||||
price: "Free",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic AI Chat",
|
||||
"Flashcards",
|
||||
"Daily Stats",
|
||||
],
|
||||
id: "p1", title: "Basic", price: "Free", period: "/mo", features: [
|
||||
"Basic AI Chat", "Flashcards", "Daily Stats"],
|
||||
button: {
|
||||
text: "Start Free",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57295.jpg",
|
||||
imageAlt: "Man trading browsing online stock investments at night",
|
||||
},
|
||||
text: "Start Free"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57295.jpg", imageAlt: "Man trading browsing online stock investments at night"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Pro",
|
||||
price: "$15",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Full AI Tutoring",
|
||||
"Exam Simulators",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "p2", title: "Pro", price: "$15", period: "/mo", features: [
|
||||
"Full AI Tutoring", "Exam Simulators", "Priority Support"],
|
||||
button: {
|
||||
text: "Upgrade Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg?_wi=2",
|
||||
imageAlt: "Man trading browsing online stock investments at night",
|
||||
},
|
||||
text: "Upgrade Pro"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg", imageAlt: "Man trading browsing online stock investments at night"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Elite",
|
||||
price: "$39",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Adaptive Roadmap",
|
||||
"1-on-1 Mentoring",
|
||||
],
|
||||
id: "p3", title: "Elite", price: "$39", period: "/mo", features: [
|
||||
"Everything in Pro", "Adaptive Roadmap", "1-on-1 Mentoring"],
|
||||
button: {
|
||||
text: "Elite Access",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877749.jpg?_wi=2",
|
||||
imageAlt: "Man trading browsing online stock investments at night",
|
||||
},
|
||||
text: "Elite Access"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877749.jpg", imageAlt: "Man trading browsing online stock investments at night"},
|
||||
]}
|
||||
title="Choose Your Success Plan"
|
||||
description="Unlock advanced AI features and accelerate your learning potential."
|
||||
@@ -253,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does AI learning work?",
|
||||
content: "Our AI analyzes your inputs and patterns to curate content.",
|
||||
},
|
||||
id: "q1", title: "How does AI learning work?", content: "Our AI analyzes your inputs and patterns to curate content."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I upload my own notes?",
|
||||
content: "Absolutely! Support for PDF, docx, and images included.",
|
||||
},
|
||||
id: "q2", title: "Can I upload my own notes?", content: "Absolutely! Support for PDF, docx, and images included."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it safe to use?",
|
||||
content: "We prioritize user privacy and secure data encryption.",
|
||||
},
|
||||
id: "q3", title: "Is it safe to use?", content: "We prioritize user privacy and secure data encryption."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/smart-technology-icon-set_1262-8003.jpg"
|
||||
imageAlt="Support and FAQ"
|
||||
@@ -281,18 +181,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Learning Journey?"
|
||||
description="Join KosmosAI today and transform how you master the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
},
|
||||
text: "Register Now"},
|
||||
{
|
||||
text: "Request Demo",
|
||||
},
|
||||
text: "Request Demo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,13 +198,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="KosmosAI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user