357 lines
15 KiB
TypeScript
357 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import Link from "next/link";
|
|
import {
|
|
BookOpen,
|
|
Award,
|
|
BookMarked,
|
|
Zap,
|
|
Building2,
|
|
Users,
|
|
Newspaper,
|
|
Phone,
|
|
Facebook,
|
|
Twitter,
|
|
Instagram,
|
|
Mail,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const handleNewsletterSignup = (email: string) => {
|
|
console.log("Newsletter signup:", email);
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Academy"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Teachers", id: "teachers" },
|
|
{ name: "News", id: "news" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Enroll Now",
|
|
href: "#contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Welcome to Our Academy"
|
|
description="Nurturing minds, building futures. Experience excellence in education with our dedicated faculty, modern facilities, and comprehensive learning programs."
|
|
tag="Quality Education"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
{
|
|
text: "Admissions",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheerful-friends-studying-table_23-2147850717.jpg"
|
|
imageAlt="School campus and students"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
ariaLabel="School hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Our School"
|
|
description="Founded with a mission to provide exceptional education, our school combines traditional values with modern teaching methodologies. We focus on developing well-rounded students prepared for future challenges."
|
|
tag="Our Story"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View Facilities",
|
|
href: "#features",
|
|
},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
bulletPoints={[
|
|
{
|
|
title: "Academic Excellence",
|
|
description: "Comprehensive curriculum covering sciences, humanities, arts, and technology with qualified educators",
|
|
icon: BookMarked,
|
|
},
|
|
{
|
|
title: "Extracurricular Activities",
|
|
description: "Sports, music, drama, debate, robotics, and community service programs for holistic development",
|
|
icon: Zap,
|
|
},
|
|
{
|
|
title: "Modern Facilities",
|
|
description: "State-of-the-art laboratories, library, sports complex, auditorium, and technology centers",
|
|
icon: Building2,
|
|
},
|
|
{
|
|
title: "Student Support",
|
|
description: "Counseling services, mentorship programs, and personalized learning assistance available",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/concentrated-woman-sitting-with-book_23-2147864185.jpg?_wi=1"
|
|
imageAlt="School campus and learning spaces"
|
|
mediaAnimation="opacity"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About school section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Faculty"
|
|
description="Experienced educators passionate about student success and dedicated to fostering curiosity and critical thinking"
|
|
tag="Our Teachers"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Dr. Sarah Johnson",
|
|
role: "Mathematics & STEM Coordinator",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-with-tablet_23-2149304141.jpg?_wi=1",
|
|
imageAlt: "Dr. Sarah Johnson",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mr. Arun Patel",
|
|
role: "Science & Environmental Studies",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-chemist-white-medical-suit-sitting-with-solutions-white-desk-virus-science-covid-pandemic-lab_140725-77772.jpg?_wi=1",
|
|
imageAlt: "Mr. Arun Patel",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Ms. Emily Chen",
|
|
role: "Literature & English Composition",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-couch-reading_23-2148542781.jpg?_wi=1",
|
|
imageAlt: "Ms. Emily Chen",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Mr. Marcus Williams",
|
|
role: "History & Social Studies",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-heading-work-with-bag_176420-18772.jpg?_wi=1",
|
|
imageAlt: "Mr. Marcus Williams",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Ms. Priya Sharma",
|
|
role: "Arts & Creative Expression",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg?_wi=1",
|
|
imageAlt: "Ms. Priya Sharma",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Coach James Rodriguez",
|
|
role: "Physical Education & Sports",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg?_wi=1",
|
|
imageAlt: "Coach James Rodriguez",
|
|
},
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Team section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
title="School News & Updates"
|
|
description="Stay informed about recent events, achievements, and important announcements from our school community"
|
|
tag="Latest News"
|
|
tagIcon={Newspaper}
|
|
tagAnimation="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
category: "Academic Achievement",
|
|
title: "Science Olympiad Winners Announced",
|
|
excerpt: "Our students showcase excellence, securing top positions in the regional science olympiad competition with innovative projects.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/science-education-girls_23-2148581296.jpg?_wi=1",
|
|
imageAlt: "Science Olympiad winning team",
|
|
authorName: "Dr. Sarah Johnson",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-with-tablet_23-2149304141.jpg",
|
|
date: "January 15, 2025",
|
|
},
|
|
{
|
|
id: "2",
|
|
category: "Sports",
|
|
title: "Basketball Team Wins State Championship",
|
|
excerpt: "In an exciting final match, our basketball team defeats rivals to clinch the state championship title, bringing glory to the academy.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/basketball-awards-vertical-banners_1284-22053.jpg?_wi=1",
|
|
imageAlt: "Basketball championship celebration",
|
|
authorName: "Coach James Rodriguez",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
|
date: "January 12, 2025",
|
|
},
|
|
{
|
|
id: "3",
|
|
category: "Cultural Events",
|
|
title: "Annual Cultural Fest Celebrates Diversity",
|
|
excerpt: "Students showcase talent through music, dance, and theater performances representing cultures from around the world.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/carnival-party-celebration-landing-page-template_23-2150026540.jpg?_wi=1",
|
|
imageAlt: "Cultural fest performance stage",
|
|
authorName: "Ms. Priya Sharma",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg",
|
|
date: "January 8, 2025",
|
|
},
|
|
{
|
|
id: "4",
|
|
category: "Community Service",
|
|
title: "Environmental Cleanup Drive Success",
|
|
excerpt: "Over 200 students participated in our community environmental initiative, clearing local parks and planting trees.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-plant-parents-holding-their-potted-plants_53876-148080.jpg?_wi=1",
|
|
imageAlt: "Students in environmental cleanup",
|
|
authorName: "Mr. Arun Patel",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-male-chemist-white-medical-suit-sitting-with-solutions-white-desk-virus-science-covid-pandemic-lab_140725-77772.jpg",
|
|
date: "January 5, 2025",
|
|
},
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Blog section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about admissions, academics, facilities, and school policies"
|
|
tag="Help & Support"
|
|
tagIcon={Phone}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What is the admissions process?",
|
|
content: "Our admissions process includes submission of application forms, entrance examination, interview with faculty, and verification of academic records. Application deadline is typically in March for the upcoming academic year.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What subjects are offered?",
|
|
content: "We offer a comprehensive curriculum including Mathematics, Sciences (Physics, Chemistry, Biology), English Literature, History, Geography, Computer Science, Arts, and Physical Education. Additional electives in languages and specialized subjects are available.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What extracurricular activities are available?",
|
|
content: "Students can participate in sports (basketball, cricket, tennis), music and orchestra, drama club, debate society, robotics club, environmental club, and community service initiatives.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What are the school hours?",
|
|
content: "Regular classes run from 8:00 AM to 3:30 PM, Monday through Friday. Extended hours are available for sports and activity programs until 5:00 PM.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Does the school provide transportation?",
|
|
content: "Yes, we provide school bus services covering major routes in the city. Bus pass fees are included in the term fees. Routes and schedules are available on our website.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What support services are available?",
|
|
content: "We offer academic counseling, career guidance, psychological support, tutoring services for struggling students, and special education support as needed.",
|
|
},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Contact Our School"
|
|
description="Have questions about admissions or programs? Reach out to us through any of our contact channels. We're here to help!"
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/talk-journalists_1098-13678.jpg?_wi=1"
|
|
imageAlt="School contact information"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive school updates and news. We respect your privacy."
|
|
onSubmit={handleNewsletterSignup}
|
|
ariaLabel="Contact section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Academy"
|
|
copyrightText="© 2025 Academy. All rights reserved. | Education for Excellence"
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/academy",
|
|
ariaLabel: "Academy Facebook",
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/academy",
|
|
ariaLabel: "Academy Twitter",
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/academy",
|
|
ariaLabel: "Academy Instagram",
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@academy.edu",
|
|
ariaLabel: "Email Academy",
|
|
},
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |