253 lines
13 KiB
TypeScript
253 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { CheckCircle, Clock, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Lycee de jeune fille"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlayTestimonial
|
|
title="Academic Excellence, Managed Daily"
|
|
description="Streamline exam schedules and class timings with an intuitive portal designed for modern teachers and students at Lycee de jeune fille."
|
|
testimonials={[
|
|
{
|
|
name: "Alex Smith", handle: "@alexs", testimonial: "Scheduling is so much faster now!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg?_wi=1"},
|
|
{
|
|
name: "Prof. Jones", handle: "@jonesp", testimonial: "A massive improvement for our department.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teacher-with-arms-crossed_23-2148665896.jpg"},
|
|
{
|
|
name: "Maria Garcia", handle: "@mariag", testimonial: "I never miss a class anymore.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cool-boy-posing-front-blackboard_23-2147659263.jpg"},
|
|
{
|
|
name: "Dr. Miller", handle: "@millers", testimonial: "The best scheduling tool we've used.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-teacher-class_23-2148665945.jpg"},
|
|
{
|
|
name: "Jordan P.", handle: "@jordanp", testimonial: "Highly recommended for all students.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-young-people-looking-tablet-computer_1139-1004.jpg"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-standing-children-sitting-desks_259150-60228.jpg?_wi=1"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/playful-woman-with-glasses-noutbook_158595-3123.jpg", alt: "Portrait of a smiling student"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-girl-show-teeth-warn-can-stand-herself-bite-fool-around-grimacing-funny-wearing-purple-hoodie_1258-131736.jpg", alt: "Portrait of a happy student"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-young-student-girl-wearing-glasses-back-bag-standing-with-closed-posture-holding-coffee-cup-isolated-orange-with-copy-space_141793-77208.jpg", alt: "Portrait of a student with coffee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-crossed-arms-medium-shot_23-2148369526.jpg", alt: "Professional student portrait"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-clipboard-hands_23-2148120086.jpg", alt: "Portrait of a student holding notebook"},
|
|
]}
|
|
avatarText="Trusted by 10,000+ students and teachers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Empowering Academic Success"
|
|
metrics={[
|
|
{
|
|
icon: Clock,
|
|
label: "Scheduling Speed", value: "80%"},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Accuracy", value: "99%"},
|
|
{
|
|
icon: Users,
|
|
label: "User Adoption", value: "95%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Portal Features"
|
|
description="Everything teachers and students need to stay synchronized."
|
|
accordionItems={[
|
|
{
|
|
id: "f1", title: "For Teachers", content: "Update exam schedules and class times instantly through your dashboard."},
|
|
{
|
|
id: "f2", title: "For Students", content: "Log in and view live updates for your personalized class schedule."},
|
|
{
|
|
id: "f3", title: "Automated Sync", content: "All changes reflect in real-time across the platform for every user."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "500+", title: "Active Classes", items: [
|
|
"Real-time updates", "Instant notification", "Easy tracking"],
|
|
},
|
|
{
|
|
id: "m2", value: "20+", title: "Departments", items: [
|
|
"Synchronized data", "Centralized control", "Easy management"],
|
|
},
|
|
{
|
|
id: "m3", value: "10k+", title: "Users", items: [
|
|
"Optimized access", "Reduced load", "Instant views"],
|
|
},
|
|
]}
|
|
title="Platform Impact"
|
|
description="Evidence-backed efficiency for your institution."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How do I update schedules?", content: "Teachers can log in, navigate to 'My Schedule', and click 'Edit' on any class entry."},
|
|
{
|
|
id: "q2", title: "Is this mobile friendly?", content: "Yes, our portal is fully optimized for mobile, tablet, and desktop."},
|
|
{
|
|
id: "q3", title: "How do I view my classes?", content: "Students log in to their dashboard for a real-time, personalized view of their current schedule."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Answers to your most important questions."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
useInvertedBackground={false}
|
|
title="The EduSchedule Team"
|
|
tag="Meet the Makers"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "p1", name: "Dr. Sarah", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident-with-his-arm_1298-403.jpg", imageAlt: "Dr. Sarah"},
|
|
{
|
|
id: "p2", name: "Mark V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", imageAlt: "Mark V."},
|
|
{
|
|
id: "p3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-smart-professional-young-male-student-with-dreads-yellow-tshirt-cr_1258-112172.jpg", imageAlt: "Elena R."},
|
|
]}
|
|
memberVariant="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", date: "Jan 2025", title: "Teacher", quote: "The best scheduling interface yet.", tag: "Top Rated", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-children-sitting-desks_259150-60228.jpg?_wi=2", imageAlt: "portrait student professional background"},
|
|
{
|
|
id: "t2", name: "Mike C.", date: "Feb 2025", title: "Student", quote: "Saves me so much time every day.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-content-teacher-with-folded-hands_74855-10318.jpg", imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=2", imageAlt: "portrait student professional background"},
|
|
{
|
|
id: "t3", name: "Emily R.", date: "Mar 2025", title: "Teacher", quote: "Seamlessly easy to use for everyone.", tag: "Highly Efficient", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-student-with-book-her-hands-goes-university_169016-66651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-laptop-device_23-2150282041.jpg", imageAlt: "portrait student professional background"},
|
|
{
|
|
id: "t4", name: "David K.", date: "Apr 2025", title: "Student", quote: "I love the clean interface.", tag: "User Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-technology-communication-concept-handsome-bearded-dark-skinned-male-student-wearing-blue-shirt-using-cell-phone-browsing-newsfeed-via-social-networks-laughing-memes_273609-7436.jpg", imageAlt: "portrait student professional background"},
|
|
{
|
|
id: "t5", name: "Anna L.", date: "May 2025", title: "Teacher", quote: "Essential for our academic daily life.", tag: "Game Changer", avatarSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891304.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg?_wi=2", imageAlt: "portrait student professional background"},
|
|
]}
|
|
title="Loved by Schools Worldwide"
|
|
description="Hear what real teachers and students say about our platform."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Join Us"
|
|
title="Start Your Portal Today"
|
|
description="Ready to simplify your school's scheduling? Contact our team for an institutional demo."
|
|
buttons={[
|
|
{
|
|
text: "Contact Sales", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [
|
|
{
|
|
label: "Features", href: "#features"},
|
|
{
|
|
label: "Updates", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#"},
|
|
{
|
|
label: "Contact", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Use", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Lycee de jeune fille"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |