Merge version_1 into main #1
271
src/app/page.tsx
271
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Capabilities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Dashboard", id: "hero" },
|
||||
{ name: "Capabilities", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ScholarFlow AI"
|
||||
/>
|
||||
@@ -53,52 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Master Your Academic Journey"
|
||||
description="ScholarFlow AI turns your messy syllabus, notes, and deadlines into a structured, stress-free path to excellence. Intelligent planning for the modern student."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Watch Tour",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }, { text: "Watch Tour", href: "#features" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
|
||||
imageAlt: "AI Study Dashboard",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grand-serene-academic-library-featuring-traditional-architecture-quiet-study_482257-125460.jpg",
|
||||
imageAlt: "AR Productivity",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-arrangement-top-view_23-2149740021.jpg",
|
||||
imageAlt: "3D Academic Assets",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149246304.jpg",
|
||||
imageAlt: "AI Academic Coach",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-95241.jpg",
|
||||
imageAlt: "Performance Analytics",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-121530.jpg",
|
||||
imageAlt: "Smart Calendar",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg", imageAlt: "AI Study Dashboard" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/grand-serene-academic-library-featuring-traditional-architecture-quiet-study_482257-125460.jpg", imageAlt: "AR Productivity" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/bullet-journals-arrangement-top-view_23-2149740021.jpg", imageAlt: "3D Academic Assets" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149246304.jpg", imageAlt: "AI Academic Coach" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-95241.jpg", imageAlt: "Performance Analytics" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-121530.jpg", imageAlt: "Smart Calendar" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,39 +62,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI Content Ingestion",
|
||||
author: "Smart Engine",
|
||||
description: "Drag and drop your PDFs, syllabi, and notes. Our AI interprets context and extracts actionable tasks immediately.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Analysis",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-device-studio_23-2150756322.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Focus",
|
||||
author: "Study Tool",
|
||||
description: "Customizable Pomodoro and deep work timers to protect your concentration and minimize burnout.",
|
||||
tags: [
|
||||
"Focus",
|
||||
"Timer",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599385.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Workload Balance",
|
||||
author: "Algorithm",
|
||||
description: "Visual load balancing ensures you aren't overworked, helping you maintain a consistent study cadence.",
|
||||
tags: [
|
||||
"Planning",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{ id: "f1", title: "AI Content Ingestion", author: "Smart Engine", description: "Drag and drop your PDFs, syllabi, and notes. Our AI interprets context and extracts actionable tasks immediately.", tags: ["AI", "Analysis"], imageSrc: "http://img.b2bpic.net/free-photo/old-device-studio_23-2150756322.jpg" },
|
||||
{ id: "f2", title: "Precision Focus", author: "Study Tool", description: "Customizable Pomodoro and deep work timers to protect your concentration and minimize burnout.", tags: ["Focus", "Timer"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599385.jpg" },
|
||||
{ id: "f3", title: "Smart Workload Balance", author: "Algorithm", description: "Visual load balancing ensures you aren't overworked, helping you maintain a consistent study cadence.", tags: ["Planning", "AI"], imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" }
|
||||
]}
|
||||
title="Built for the Modern Student"
|
||||
description="The cockpit for your academic life, blending intelligence with organization."
|
||||
@@ -155,42 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Task Central",
|
||||
price: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-looking-stock-market-statistics-tablet-developing-business-project-women-analyzing-sales-investment-growth-with-financial-graphics-digital-device-close-up_482257-35450.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart Calendar",
|
||||
price: "Integrated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-supplies-arrangement-view_23-2149740027.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "AI Insight Hub",
|
||||
price: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-woman-with-smartphone-notepads-window-morning_169016-36074.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Progress Tracker",
|
||||
price: "Real-time",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Content Ingest",
|
||||
price: "Seamless",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-data-storage-document-management-technology_53876-133714.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Project Hub",
|
||||
price: "Group",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-planning-scrum-method_23-2148513852.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Task Central", price: "Active", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-looking-stock-market-statistics-tablet-developing-business-project-women-analyzing-sales-investment-growth-with-financial-graphics-digital-device-close-up_482257-35450.jpg" },
|
||||
{ id: "p2", name: "Smart Calendar", price: "Integrated", imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-supplies-arrangement-view_23-2149740027.jpg" },
|
||||
{ id: "p3", name: "AI Insight Hub", price: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/student-woman-with-smartphone-notepads-window-morning_169016-36074.jpg" },
|
||||
{ id: "p4", name: "Progress Tracker", price: "Real-time", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg" },
|
||||
{ id: "p5", name: "Content Ingest", price: "Seamless", imageSrc: "http://img.b2bpic.net/free-photo/online-data-storage-document-management-technology_53876-133714.jpg" },
|
||||
{ id: "p6", name: "Project Hub", price: "Group", imageSrc: "http://img.b2bpic.net/free-photo/woman-planning-scrum-method_23-2148513852.jpg" }
|
||||
]}
|
||||
title="Academic Dashboard Modules"
|
||||
description="Customize your workspace with interactive widgets for your daily success."
|
||||
@@ -199,60 +92,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "student",
|
||||
name: "Student",
|
||||
price: "$9/mo",
|
||||
features: [
|
||||
"Basic task manager",
|
||||
"Standard AI analysis",
|
||||
"Calendar integration",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Scholar Pro",
|
||||
price: "$19/mo",
|
||||
badge: "Popular",
|
||||
features: [
|
||||
"Advanced AI coaching",
|
||||
"Full syllabus analysis",
|
||||
"Project collaboration",
|
||||
"Deep stats",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "campus",
|
||||
name: "Campus",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Team management",
|
||||
"Dedicated support",
|
||||
"Advanced reporting",
|
||||
"API access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "student", name: "Student", price: "$9/mo", features: ["Basic task manager", "Standard AI analysis", "Calendar integration"], buttons: [{ text: "Start Now", href: "#" }] },
|
||||
{ id: "pro", name: "Scholar Pro", price: "$19/mo", badge: "Popular", features: ["Advanced AI coaching", "Full syllabus analysis", "Project collaboration", "Deep stats"], buttons: [{ text: "Upgrade", href: "#" }] },
|
||||
{ id: "campus", name: "Campus", price: "Custom", features: ["Team management", "Dedicated support", "Advanced reporting", "API access"], buttons: [{ text: "Contact Us", href: "#contact" }] }
|
||||
]}
|
||||
title="Select Your ScholarFlow Plan"
|
||||
description="Unlock the full potential of AI-driven academic management."
|
||||
@@ -266,26 +112,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller, Student"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-student-stands-with-digital-tablet-her-hands-outside_169016-25268.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-tired-stretching-library_1303-15792.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paper-planner-bullet-journal-with-stationery_52683-107731.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-leans-desktop-stands-against-workplace-with-closed-eyes-wears-brown-casual-jumper-jeans_273609-34010.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-student-stands-with-digital-tablet-her-hands-outside_169016-25268.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-tired-stretching-library_1303-15792.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/paper-planner-bullet-journal-with-stationery_52683-107731.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-leans-desktop-stands-against-workplace-with-closed-eyes-wears-brown-casual-jumper-jeans_273609-34010.jpg", alt: "Jessica" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -297,26 +128,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does this work with my University's portal?",
|
||||
content: "ScholarFlow AI accepts almost all common document formats and syllabus exports to keep your data current.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data private?",
|
||||
content: "Absolutely. Your data is stored securely and is used exclusively for your academic planning.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I use this for group projects?",
|
||||
content: "Yes, ScholarFlow Pro includes features designed specifically for collaborative academic work.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How does the AI work?",
|
||||
content: "It analyzes your uploaded files and schedule data to create personalized workflows tailored to your specific deadlines.",
|
||||
},
|
||||
{ id: "q1", title: "Does this work with my University's portal?", content: "ScholarFlow AI accepts almost all common document formats and syllabus exports to keep your data current." },
|
||||
{ id: "q2", title: "Is my data private?", content: "Absolutely. Your data is stored securely and is used exclusively for your academic planning." },
|
||||
{ id: "q3", title: "Can I use this for group projects?", content: "Yes, ScholarFlow Pro includes features designed specifically for collaborative academic work." },
|
||||
{ id: "q4", title: "How does the AI work?", content: "It analyzes your uploaded files and schedule data to create personalized workflows tailored to your specific deadlines." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about ScholarFlow AI."
|
||||
@@ -329,21 +144,9 @@ export default function LandingPage() {
|
||||
logoText="ScholarFlow AI"
|
||||
copyrightText="© 2025 ScholarFlow AI. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user