157 lines
9.4 KiB
TypeScript
157 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Instagram, Linkedin, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Dashboard", id: "hero" },
|
|
{ name: "Capabilities", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ScholarFlow AI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
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" }]}
|
|
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" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
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" }
|
|
]}
|
|
title="Built for the Modern Student"
|
|
description="The cockpit for your academic life, blending intelligence with organization."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="split-description"
|
|
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" }
|
|
]}
|
|
title="Academic Dashboard Modules"
|
|
description="Customize your workspace with interactive widgets for your daily success."
|
|
/>
|
|
</div>
|
|
|
|
<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" }] }
|
|
]}
|
|
title="Select Your ScholarFlow Plan"
|
|
description="Unlock the full potential of AI-driven academic management."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="ScholarFlow AI has completely transformed how I manage my university life. I feel much less stressed, and my grades have actually improved because I'm consistent."
|
|
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" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
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." }
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about ScholarFlow AI."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
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" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|