219 lines
10 KiB
TypeScript
219 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { BookOpen, Download, Search, Shield, Zap, BarChart3, Sparkles, BookMarked } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="StudyHub"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Resources", id: "resources" },
|
|
{ name: "Pricing", id: "pricing" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#get-started" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Your Complete Learning Companion"
|
|
description="Access all your notes and worksheets in one organized place. Create, share, and collaborate with ease. Everything you need to ace your studies."
|
|
imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148365750.jpg"
|
|
imageAlt="modern education dashboard notes organization"
|
|
buttons={[
|
|
{ text: "Start Learning Free", href: "#get-started" },
|
|
{ text: "Browse Resources", href: "#resources" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
title="Powerful Features for Student Success"
|
|
description="Everything you need to organize your studies and improve your grades"
|
|
tag="Core Features"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
icon: BookOpen,
|
|
title: "Smart Organization", description: "Categorize and tag your notes for instant access. Create custom folders and collections to keep everything organized."
|
|
},
|
|
{
|
|
icon: Download,
|
|
title: "Easy Sharing", description: "Share notes and worksheets with classmates instantly. Collaborate in real-time with built-in commenting and feedback."
|
|
},
|
|
{
|
|
icon: Search,
|
|
title: "Lightning-Fast Search", description: "Find exactly what you need with powerful search. Filter by subject, date, or custom tags in seconds."
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Secure & Private", description: "Your academic work is protected. Control who sees what with granular permission settings and encryption."
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Mobile Optimized", description: "Access your materials anywhere, anytime. Fully responsive design works perfectly on phones, tablets, and computers."
|
|
},
|
|
{
|
|
icon: BarChart3,
|
|
title: "Progress Tracking", description: "Monitor your study habits and improvement over time. Get insights into your learning patterns with analytics."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<TextSplitAbout
|
|
title="Get Started in 3 Steps"
|
|
description={[
|
|
"Getting started with StudyHub is simple and straightforward. Sign up, upload your materials, and start organizing immediately. Our intuitive interface guides you through every step of the process.", "Within minutes, you'll have a complete digital library of all your notes and worksheets. Search, share, and collaborate with your study group. StudyHub adapts to your workflow, making studying more efficient and effective."
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Create Your Account", href: "#get-started" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="resources" data-section="resources">
|
|
<ProductCardFour
|
|
title="Featured Study Resources"
|
|
description="Browse thousands of high-quality notes and worksheets from your courses. Filter by subject, topic, and difficulty level."
|
|
tag="Resource Library"
|
|
tagIcon={BookMarked}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "math-101", name: "Calculus I Masterclass", price: "12 resources", variant: "Premium Collection", imageSrc: "http://img.b2bpic.net/free-vector/background-back-school-accessories_1085-460.jpg", imageAlt: "calculus mathematics study notes textbook"
|
|
},
|
|
{
|
|
id: "bio-102", name: "Biology Complete Guide", price: "18 resources", variant: "Full Course", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laboratory-glassware-plants_23-2148785040.jpg", imageAlt: "biology study notes scientific diagrams"
|
|
},
|
|
{
|
|
id: "hist-201", name: "World History Notes", price: "15 resources", variant: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-globe-map_23-2147837090.jpg", imageAlt: "history notes timeline world events"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="StudyHub transformed how I organize my notes. I went from scattered documents to a perfectly organized system. My grades improved by a full letter grade within a semester!"
|
|
rating={5}
|
|
author="Emma Richardson"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79086.jpg", alt: "Emma Richardson" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg", alt: "James Chen" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-wearing-id-card-smiling-confident-with-crossed-arms_839833-18875.jpg", alt: "Sophia Martinez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-adult-male-posing_23-2148729642.jpg", alt: "Alex Johnson" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Students Worldwide"
|
|
description="Join over 50,000 students and educators who rely on StudyHub daily"
|
|
names={[
|
|
"MIT Students", "Stanford Scholars", "Harvard College", "Oxford University", "Cambridge Students", "Yale Academics", "Princeton Learning"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
buttons={[
|
|
{ text: "Join Our Community", href: "#get-started" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="get-started" data-section="get-started">
|
|
<ContactText
|
|
text="Ready to transform your studying? Start your free account today and access all features instantly. No credit card required."
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Create Free Account", href: "https://app.studyhub.com/signup" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Resources", href: "#resources" },
|
|
{ label: "Security", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "GDPR", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 StudyHub. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|