Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { AlertCircle, CheckCircle, Clock, FileText, GraduationCap, TrendingUp, User, Users } from "lucide-react";
|
||||
import { AlertCircle, Bell, CalendarDays, CheckCircle, Clock, FileText, FileUp, GraduationCap, TrendingUp, User, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -23,7 +23,7 @@ export default function LandingPage() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "tools",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Dashboard", id: "features" },
|
||||
{ name: "Tools", id: "tools" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Student Life Helper"
|
||||
/>
|
||||
@@ -50,119 +41,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Smart Studying, Simplified"
|
||||
description="Your all-in-one academic command center. Manage tasks, notes, and AI-powered learning without the app clutter."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896836.jpg?_wi=1",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=1",
|
||||
imageAlt: "Calendar",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg?_wi=1",
|
||||
imageAlt: "AI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-tablet_23-2148226859.jpg?_wi=1",
|
||||
imageAlt: "Books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-basic-25-line-filled-icon-pack-such-as-chain-calculator-web-share-export_1142-21508.jpg?_wi=1",
|
||||
imageAlt: "Clock",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots_23-2148999148.jpg?_wi=1",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896836.jpg", imageAlt: "Tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", imageAlt: "Calendar" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "AI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-tablet_23-2148226859.jpg", imageAlt: "Books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/creative-basic-25-line-filled-icon-pack-such-as-chain-calculator-web-share-export_1142-21508.jpg", imageAlt: "Clock" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots_23-2148999148.jpg", imageAlt: "Network" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots_23-2148999148.jpg?_wi=2",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-basic-25-line-filled-icon-pack-such-as-chain-calculator-web-share-export_1142-21508.jpg?_wi=2",
|
||||
imageAlt: "Clock",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-tablet_23-2148226859.jpg?_wi=2",
|
||||
imageAlt: "Books",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg?_wi=2",
|
||||
imageAlt: "AI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg?_wi=2",
|
||||
imageAlt: "Calendar",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896836.jpg?_wi=2",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-college-student-man-holding-notebooks_197531-33462.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-boy-studying-with-laptop-park_23-2147668957.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-looking-magazine-drinking-coffee-learning-education_176420-12404.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149005454.jpg",
|
||||
alt: "Chloe",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 15,000+ students already succeeding."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896836.jpg",
|
||||
alt: "Tools",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg",
|
||||
alt: "Calendar",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
alt: "AI",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-tablet_23-2148226859.jpg",
|
||||
alt: "Books",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/creative-basic-25-line-filled-icon-pack-such-as-chain-calculator-web-share-export_1142-21508.jpg",
|
||||
alt: "Clock",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-colorful-dots_23-2148999148.jpg", imageAlt: "Network" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/creative-basic-25-line-filled-icon-pack-such-as-chain-calculator-web-share-export_1142-21508.jpg", imageAlt: "Clock" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-mockup-tablet_23-2148226859.jpg", imageAlt: "Books" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "AI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg", imageAlt: "Calendar" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896836.jpg", imageAlt: "Tools" }
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,49 +71,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Chat Assistant",
|
||||
description: "Get instant answers to your complex study questions with our advanced AI.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: GraduationCap,
|
||||
title: "AI Chat Assistant", description: "Get instant answers to your complex study questions with our advanced AI.", bentoComponent: "chat", aiIcon: GraduationCap,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Summarize this chapter.",
|
||||
aiResponse: "Here's the core focus...",
|
||||
},
|
||||
{
|
||||
userMessage: "How to cite this?",
|
||||
aiResponse: "Use APA 7 format...",
|
||||
},
|
||||
{ userMessage: "Summarize this chapter.", aiResponse: "Here's the core focus..." },
|
||||
{ userMessage: "How to cite this?", aiResponse: "Use APA 7 format..." }
|
||||
],
|
||||
placeholder: "Ask anything...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171123.jpg",
|
||||
imageAlt: "student laptop workstation dark mode",
|
||||
placeholder: "Ask anything..."
|
||||
},
|
||||
{
|
||||
title: "Daily Schedule",
|
||||
description: "Organize assignments and track deadlines effortlessly.",
|
||||
bentoComponent: "3d-task-list",
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Essay Finalized",
|
||||
time: "10:00 AM",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Group Project",
|
||||
time: "2:00 PM",
|
||||
},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
label: "Reading",
|
||||
time: "5:00 PM",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877744.jpg?_wi=1",
|
||||
imageAlt: "ai study assistant interface",
|
||||
},
|
||||
title: "Daily Schedule", description: "Organize assignments and track deadlines effortlessly.", bentoComponent: "3d-task-list", items: [
|
||||
{ icon: CheckCircle, label: "Essay Finalized", time: "10:00 AM" },
|
||||
{ icon: Clock, label: "Group Project", time: "2:00 PM" },
|
||||
{ icon: AlertCircle, label: "Reading", time: "5:00 PM" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Built for Student Success"
|
||||
description="Everything you need to excel in your academic journey, seamlessly integrated into your daily workflow."
|
||||
@@ -227,24 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Material Management",
|
||||
description: "Drag-and-drop your PDFs, DOCs, and notes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877744.jpg?_wi=2",
|
||||
buttonIcon: "FileUp",
|
||||
},
|
||||
{
|
||||
title: "Schedule Planner",
|
||||
description: "Visualize your day with a clean, responsive interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homework-black-desk_23-2148193375.jpg",
|
||||
buttonIcon: "CalendarDays",
|
||||
},
|
||||
{
|
||||
title: "Deadline Tracker",
|
||||
description: "Never miss an assignment with smart notifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877744.jpg?_wi=3",
|
||||
buttonIcon: "Bell",
|
||||
},
|
||||
{ title: "Material Management", description: "Drag-and-drop your PDFs, DOCs, and notes.", buttonIcon: FileUp },
|
||||
{ title: "Schedule Planner", description: "Visualize your day with a clean, responsive interface.", buttonIcon: CalendarDays },
|
||||
{ title: "Deadline Tracker", description: "Never miss an assignment with smart notifications.", buttonIcon: Bell }
|
||||
]}
|
||||
title="Powerful Academic Tools"
|
||||
description="Streamline your research and management with our suite of student-focused features."
|
||||
@@ -258,26 +113,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-college-student-man-holding-notebooks_197531-33462.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-boy-studying-with-laptop-park_23-2147668957.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-looking-magazine-drinking-coffee-learning-education_176420-12404.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149005454.jpg",
|
||||
alt: "Chloe",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-college-student-man-holding-notebooks_197531-33462.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-boy-studying-with-laptop-park_23-2147668957.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-looking-magazine-drinking-coffee-learning-education_176420-12404.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149005454.jpg", alt: "Chloe" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -291,27 +131,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Students Helped",
|
||||
description: "Active users succeeding daily.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Productivity",
|
||||
description: "Increased task completion rate.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2M+",
|
||||
title: "Study Notes",
|
||||
description: "Files securely organized.",
|
||||
icon: FileText,
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Students Helped", description: "Active users succeeding daily.", icon: Users },
|
||||
{ id: "m2", value: "95%", title: "Productivity", description: "Increased task completion rate.", icon: TrendingUp },
|
||||
{ id: "m3", value: "2M+", title: "Study Notes", description: "Files securely organized.", icon: FileText }
|
||||
]}
|
||||
title="Helping Students Excel"
|
||||
description="Proven results for your academic life."
|
||||
@@ -323,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes, we offer a generous free tier for all students.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does AI help?",
|
||||
content: "It summarizes content, answers questions, and helps plan your work.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "We prioritize your data privacy with end-to-end encrypted storage.",
|
||||
},
|
||||
{ id: "q1", title: "Is it free to use?", content: "Yes, we offer a generous free tier for all students." },
|
||||
{ id: "q2", title: "How does AI help?", content: "It summarizes content, answers questions, and helps plan your work." },
|
||||
{ id: "q3", title: "Is my data secure?", content: "We prioritize your data privacy with end-to-end encrypted storage." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our student platform."
|
||||
@@ -348,50 +158,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to excel?"
|
||||
title="Join thousands of students today."
|
||||
description="Sign up for Student Life Helper and take full control of your academic journey right now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Support", href: "#" }, { label: "Blog", href: "#" }] }
|
||||
]}
|
||||
logoText="Student Life Helper"
|
||||
/>
|
||||
@@ -399,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user