304 lines
9.2 KiB
TypeScript
304 lines
9.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Programs",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Excel Academy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
logoText="Excel Academy"
|
|
description="Empowering the next generation with knowledge, character, and excellence. Join our vibrant community of learners today."
|
|
buttons={[
|
|
{
|
|
text: "Apply Now",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/girls-walking-boys-with-backs-camera_259150-60373.jpg?_wi=1"
|
|
imageAlt="Excel Academy Campus"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Academic Excellence"
|
|
description="For over 30 years, Excel Academy has been dedicated to providing a balanced, rigorous curriculum that prepares students for success in college and beyond."
|
|
metrics={[
|
|
{
|
|
value: "98%",
|
|
title: "Graduation Rate",
|
|
},
|
|
{
|
|
value: "15:1",
|
|
title: "Student-Teacher Ratio",
|
|
},
|
|
{
|
|
value: "50+",
|
|
title: "Extracurriculars",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-students-posing-camera_23-2147663796.jpg?_wi=1"
|
|
imageAlt="Our vibrant classroom"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "STEM Excellence",
|
|
description: "Hands-on robotics, coding, and advanced sciences for future innovators.",
|
|
tag: "STEM",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girls-walking-boys-with-backs-camera_259150-60373.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Humanities Program",
|
|
description: "Deep engagement with literature, history, and critical thinking.",
|
|
tag: "Arts",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-students-posing-camera_23-2147663796.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Sports & Athletics",
|
|
description: "Building team spirit, resilience, and physical well-being.",
|
|
tag: "Sports",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-drawing-together-classroom_23-2148925457.jpg?_wi=1",
|
|
},
|
|
]}
|
|
title="Our Academic Programs"
|
|
description="Comprehensive pathways designed for diverse learning styles."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Outstanding Faculty",
|
|
quote: "The teachers truly care about individual growth.",
|
|
name: "Jane Doe",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-with-her-one-years-old-little-son-dressed-pajamas-are-posing_273609-13586.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Life Changing",
|
|
quote: "I feel prepared for any college challenges ahead.",
|
|
name: "John Smith",
|
|
role: "Alumni",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nice-family-shot-young-mother-her-little-son-playing-floor-home-attractive-caucasian-woman-white-top-lying-her-belly-smiling-kid-straddling-happily-her-shinny-mommy_273609-5689.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Supportive Environment",
|
|
quote: "The curriculum is rigorous yet balanced.",
|
|
name: "Alice Brown",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-celebration-with-kid_23-2151175776.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Great Community",
|
|
quote: "My kids love the school spirit and extracurriculars.",
|
|
name: "Robert Lee",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Academic Rigor",
|
|
quote: "Best decision we made for their education.",
|
|
name: "Sarah Miller",
|
|
role: "Parent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-man-holding-folder-outdoor_74855-2121.jpg",
|
|
},
|
|
]}
|
|
title="Voices from our Community"
|
|
description="What our students and parents say about the Excel difference."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What is the admissions process?",
|
|
content: "Our admissions process involves a tour, interview, and academic assessment for placement.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Are there scholarships available?",
|
|
content: "Yes, we offer need-based financial aid and merit scholarships.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "What are school hours?",
|
|
content: "Classes run from 8:00 AM to 3:30 PM, with optional after-school care until 6:00 PM.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/children-drawing-together-classroom_23-2148925457.jpg?_wi=2"
|
|
imageAlt="School FAQ illustration"
|
|
title="Frequently Asked Questions"
|
|
description="Answers to common queries about our admissions, schedules, and policies."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Admissions"
|
|
title="Ready to Enroll?"
|
|
description="Start your journey with us today. Schedule a campus tour or request more information about our enrollment process."
|
|
buttons={[
|
|
{
|
|
text: "Schedule a Tour",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Contact Admissions",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "School",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Faculty",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Calendar",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Programs",
|
|
items: [
|
|
{
|
|
label: "STEM",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Arts",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Athletics",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Admissions",
|
|
items: [
|
|
{
|
|
label: "Apply Now",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Tuition",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Excel Academy"
|
|
copyrightText="© 2025 Excel Academy | All Rights Reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|