252 lines
9.8 KiB
TypeScript
252 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import {
|
|
Award,
|
|
BookMarked,
|
|
Zap,
|
|
Building2,
|
|
Users,
|
|
HelpCircle,
|
|
Facebook,
|
|
Twitter,
|
|
Instagram,
|
|
Mail,
|
|
} from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "About", id: "about" },
|
|
{ name: "Teachers", id: "team" },
|
|
{ name: "News", id: "blog" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
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"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Academy"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Enroll Now",
|
|
href: "#contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section - Extended */}
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Mission & Vision"
|
|
description="Academy is dedicated to fostering intellectual growth, character development, and leadership skills. Our mission is to empower students with knowledge, critical thinking abilities, and ethical values that prepare them for success in higher education and meaningful careers. We believe in creating an inclusive learning environment where every student can thrive."
|
|
tag="Our Foundation"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Academic Excellence",
|
|
description:
|
|
"Comprehensive curriculum covering sciences, humanities, arts, and technology with qualified educators",
|
|
icon: BookMarked,
|
|
},
|
|
{
|
|
title: "Holistic Development",
|
|
description:
|
|
"Focus on intellectual, physical, emotional, and social growth through integrated learning experiences",
|
|
icon: Zap,
|
|
},
|
|
{
|
|
title: "World-Class Infrastructure",
|
|
description:
|
|
"State-of-the-art laboratories, library, sports complex, auditorium, and technology centers",
|
|
icon: Building2,
|
|
},
|
|
{
|
|
title: "Student-Centric Approach",
|
|
description:
|
|
"Personalized attention, mentorship, counseling services, and support for individual learning needs",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/concentrated-woman-sitting-with-book_23-2147864185.jpg?_wi=2"
|
|
imageAlt="School learning environment"
|
|
mediaAnimation="opacity"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Academy mission section"
|
|
/>
|
|
</div>
|
|
|
|
{/* Team Section - Extended */}
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Dedicated Faculty Members"
|
|
description="Our teaching team comprises experienced educators holding advanced degrees and certifications. Each member brings passion, expertise, and commitment to nurturing the next generation of leaders and innovators."
|
|
tag="Teaching Excellence"
|
|
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=2",
|
|
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=2",
|
|
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=2",
|
|
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=2",
|
|
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=2",
|
|
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=2",
|
|
imageAlt: "Coach James Rodriguez",
|
|
},
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Faculty section"
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="About Academy - Common Questions"
|
|
description="Learn more about our school's history, values, accreditation, and educational philosophy"
|
|
tag="More Information"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "When was Academy founded?",
|
|
content:
|
|
"Academy was established in 1998 with the vision of providing quality education rooted in traditional values combined with modern teaching methodologies. Over the past two decades, we have evolved into a leading educational institution.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What is Academy's educational philosophy?",
|
|
content:
|
|
"Our philosophy centers on student-centric learning, where each individual is recognized for their unique strengths and supported in their areas of development. We emphasize critical thinking, creativity, collaboration, and character development.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Is Academy accredited?",
|
|
content:
|
|
"Yes, Academy is fully accredited by national and international educational bodies. Our curriculum meets international standards while honoring local educational frameworks and cultural values.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What makes Academy unique?",
|
|
content:
|
|
"Our uniqueness lies in our balance of academic rigor, holistic development programs, modern facilities, experienced faculty, and commitment to individual student growth. We create an environment where students can explore their potential.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Does Academy promote diversity and inclusion?",
|
|
content:
|
|
"Absolutely. Academy celebrates diversity and maintains an inclusive environment where students from various backgrounds, cultures, and abilities learn together, fostering mutual respect and global awareness.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What are Academy's community partnerships?",
|
|
content:
|
|
"Academy partners with universities, research institutions, cultural organizations, and social service agencies to enhance student learning opportunities, facilitate internships, and support community development initiatives.",
|
|
},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
ariaLabel="About FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<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>
|
|
);
|
|
} |