Files
ec0d9b64-bfc0-4f4f-8469-2b1…/src/app/page.tsx
2026-03-08 18:02:49 +00:00

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>
);
}