Update src/app/academics/page.tsx

Update src/app/styles/variables.css
Update src/app/student-life/page.tsx
2026-03-11 15:51:19 +00:00 · 2026-03-11 15:50:34 +00:00 · 2026-03-11 15:50:33 +00:00 · 2026-03-11 15:50:33 +00:00 · 2026-03-11 15:50:32 +00:00 · 2026-03-11 15:50:32 +00:00
11 changed files with 1665 additions and 27 deletions
--- a/src/app/academics/page.tsx
+++ b/src/app/academics/page.tsx
@@ -0,0 +1,195 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { BookOpen, Brain, GraduationCap, Microscope, Palette, TrendingUp } from 'lucide-react';
+
+export default function AcademicsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Academic Programs"
+          description="Comprehensive educational pathways designed to nurture curiosity, build critical thinking skills, and prepare students for success at every stage of their academic journey."
+          buttons={[
+            { text: "Explore Curriculum", href: "#primary" },
+            { text: "Enroll Now", href: "/" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
+          imageAlt="Academic programs overview"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="primary" data-section="primary">
+        <FeatureCardTwentyFour
+          title="Play to Class 5 (Primary)"
+          description="Foundation years focused on building fundamental skills, fostering creativity, and developing a love for learning through play-based and interactive pedagogy."
+          tag="Primary Education"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: "p1",              title: "Foundational Learning",              author: "Early Childhood Education Specialists",              description: "Building core literacy and numeracy skills through engaging, age-appropriate activities that make learning fun and interactive.",              tags: ["Language", "Mathematics", "Creative Play"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Primary students learning through play"
+            },
+            {
+              id: "p2",              title: "Holistic Development",              author: "Developmental Psychology Team",              description: "Comprehensive approach addressing social, emotional, and cognitive development alongside academic excellence.",              tags: ["Emotional Growth", "Social Skills", "Character"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "Primary students in group activities"
+            },
+            {
+              id: "p3",              title: "Creative Expression",              author: "Arts and Crafts Department",              description: "Encouraging artistic exploration through art, music, dance, and storytelling to nurture creativity and self-expression.",              tags: ["Arts", "Music", "Imagination"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3",              imageAlt: "Primary students in creative activities"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="middle" data-section="middle">
+        <FeatureCardTwentyFour
+          title="Class 6-8 (Middle School)"
+          description="Transition years emphasizing subject specialization, critical thinking, and exploration of diverse academic interests while building strong foundational knowledge."
+          tag="Middle School Education"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "m1",              title: "Subject Specialization",              author: "Academic Department Heads",              description: "Introduction to specialized subjects including Science, Mathematics, Languages, Social Studies, and more with dedicated subject experts.",              tags: ["Science", "Mathematics", "Languages"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Middle school students in subject classes"
+            },
+            {
+              id: "m2",              title: "Skill Development",              author: "Educational Coordinators",              description: "Focus on developing research skills, collaborative learning, problem-solving abilities, and digital literacy for the modern world.",              tags: ["Research", "Collaboration", "Technology"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "Middle school students collaborating"
+            },
+            {
+              id: "m3",              title: "Exploration & Discovery",              author: "Career Guidance Counselors",              description: "Opportunities to explore various academic streams and career paths through workshops, field trips, and mentoring programs.",              tags: ["Career Exploration", "Mentoring", "Workshops"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3",              imageAlt: "Middle school career exploration"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="secondary" data-section="secondary">
+        <FeatureCardTwentyFour
+          title="Class 9-10 (Secondary)"
+          description="Rigorous academic programs in Science, Commerce, and Humanities streams, preparing students for board examinations and future academic pursuits."
+          tag="Secondary Education"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: "s1",              title: "Science Stream",              author: "STEM Department Directors",              description: "Advanced study of Physics, Chemistry, Biology, and Mathematics with state-of-the-art laboratory facilities and hands-on experimentation.",              tags: ["Physics", "Chemistry", "Biology", "Mathematics"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Science stream laboratory setup"
+            },
+            {
+              id: "s2",              title: "Commerce Stream",              author: "Commerce Faculty",              description: "Comprehensive curriculum in Accounting, Economics, Business Studies, and Mathematics, preparing students for commerce and business careers.",              tags: ["Accounting", "Economics", "Business", "Mathematics"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "Commerce stream classroom"
+            },
+            {
+              id: "s3",              title: "Humanities Stream",              author: "Humanities Department",              description: "Deep exploration of History, Geography, Political Science, English, and Regional Languages with emphasis on critical analysis and communication.",              tags: ["History", "Geography", "Political Science", "Languages"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3",              imageAlt: "Humanities stream resources"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="senior" data-section="senior">
+        <FeatureCardTwentyFour
+          title="Class 11-12 (Senior Secondary)"
+          description="Advanced specialized education preparing students for national board examinations, competitive entrance tests, and higher education success."
+          tag="Senior Secondary Education"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "ss1",              title: "Science (PCM & PCB)",              author: "Senior STEM Faculty",              description: "Intensive programs in Physics, Chemistry, Mathematics (PCM) or Biology (PCB) designed for engineering, medical, and research aspirations with mentorship.",              tags: ["Physics", "Chemistry", "Mathematics", "Biology"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Senior science laboratory"
+            },
+            {
+              id: "ss2",              title: "Commerce with Specialization",              author: "Commerce & Finance Experts",              description: "Advanced accounting, business law, economics, and financial literacy with real-world case studies and industry exposure.",              tags: ["Finance", "Accounting", "Business Law", "Economics"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "Commerce classroom setup"
+            },
+            {
+              id: "ss3",              title: "Humanities with Electives",              author: "Senior Humanities Faculty",              description: "Advanced study in history, geography, political science, economics, psychology, and philosophy with emphasis on analytical writing and research.",              tags: ["Analysis", "Research", "Writing", "Philosophy"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3",              imageAlt: "Humanities classroom discussion"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "Academics", href: "/academics" },
+                { label: "Programs", href: "/#features" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Academics",              items: [
+                { label: "Primary (Play-5)", href: "#primary" },
+                { label: "Middle School (6-8)", href: "#middle" },
+                { label: "Secondary (9-10)", href: "#secondary" },
+                { label: "Senior Secondary (11-12)", href: "#senior" }
+              ]
+            },
+            {
+              title: "School Info",              items: [
+                { label: "Admissions", href: "/#contact" },
+                { label: "Events & News", href: "/events" },
+                { label: "Our Team", href: "/#team" },
+                { label: "Calendar", href: "/events" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/admissions/page.tsx
+++ b/src/app/admissions/page.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { CheckCircle, Clock, FileText, Users } from 'lucide-react';
+
+export default function AdmissionsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Admissions", id: "/admissions" },
+            { name: "Notice Board", id: "/notice-board" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Admissions"
+          description="Join our vibrant learning community. Discover how to apply and become part of our Academy family."
+          buttons={[
+            { text: "View Eligibility", href: "#eligibility" },
+            { text: "Start Application", href: "#application" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
+          imageAlt="Academy admissions"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="eligibility" data-section="eligibility">
+        <SplitAbout
+          tag="Who Can Apply"
+          title="Eligibility Criteria"
+          description="We welcome applications from students of all backgrounds who demonstrate academic potential and a commitment to learning. Our inclusive admissions process considers both academic achievement and personal qualities."
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          bulletPoints={[
+            {
+              title: "Academic Requirements",              description: "Minimum GPA of 3.0 or equivalent. Strong performance in core subjects including mathematics, science, and language arts.",              icon: CheckCircle
+            },
+            {
+              title: "Age & Grade Level",              description: "Applicants must be in grades 6-12. Students should be at least 11 years old and meet the appropriate grade level requirements.",              icon: Users
+            },
+            {
+              title: "Entrance Assessment",              description: "Completion of our standardized entrance examination and personal interview to assess academic readiness and fit.",              icon: FileText
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1"
+          imageAlt="Student studying"
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "Download Eligibility Guide", href: "#" }
+          ]}
+        />
+      </div>
+
+      <div id="process" data-section="process">
+        <FeatureCardTwentyFour
+          title="Admission Process"
+          description="Our comprehensive admissions process ensures we identify students who will thrive in our academic environment."
+          tag="Steps"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "1",              title: "Application Submission",              author: "Step 1",              description: "Complete our online application form with personal information, academic history, and essay responses about your educational goals and aspirations.",              tags: ["Online", "30 minutes", "Required"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Application process"
+            },
+            {
+              id: "2",              title: "Document Review & Assessment",              author: "Step 2",              description: "Submit transcripts, standardized test scores, and recommendation letters. Take our entrance examination to evaluate academic strengths and readiness.",              tags: ["Documents", "Test", "1-2 weeks"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "Document review"
+            },
+            {
+              id: "3",              title: "Interview",              author: "Step 3",              description: "Meet with our admissions team for a personal interview. This is an opportunity to discuss your interests, answer questions, and learn more about our Academy.",              tags: ["In-person", "30-45 mins", "Optional online"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3",              imageAlt: "Interview"
+            },
+            {
+              id: "4",              title: "Decision & Enrollment",              author: "Step 4",              description: "Receive your admission decision. Accepted students proceed with enrollment, including orientation, class schedule setup, and welcome activities.",              tags: ["Decision", "Enrollment", "Final step"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=4",              imageAlt: "Enrollment"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="dates" data-section="dates">
+        <MetricCardOne
+          title="Important Dates"
+          description="Key deadlines and events for the admissions cycle."
+          tag="Calendar"
+          gridVariant="uniform-all-items-equal"
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            {
+              id: "1",              value: "January 15",              title: "Application",              description: "Application Portal Opens",              icon: Clock
+            },
+            {
+              id: "2",              value: "March 31",              title: "Deadline",              description: "Regular Application Deadline",              icon: FileText
+            },
+            {
+              id: "3",              value: "April-May",              title: "Interviews",              description: "Scheduled Interview Dates",              icon: Users
+            },
+            {
+              id: "4",              value: "June 1",              title: "Decisions",              description: "Admission Decisions Released",              icon: CheckCircle
+            }
+          ]}
+        />
+      </div>
+
+      <div id="application" data-section="application">
+        <ContactCenter
+          tag="Ready to Apply"
+          title="Begin Your Application Journey"
+          description="Submit your email to receive the application link and detailed instructions. Our admissions team will guide you through every step of the process."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email address"
+          buttonText="Get Application Link"
+          termsText="We respect your privacy. Your information will only be used for admissions purposes."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "Programs", href: "/#features" },
+                { label: "Team", href: "/#team" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Admissions",              items: [
+                { label: "Eligibility", href: "#eligibility" },
+                { label: "Process", href: "#process" },
+                { label: "Important Dates", href: "#dates" },
+                { label: "Apply Now", href: "#application" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: admissions@academy.edu", href: "mailto:admissions@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,176 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Mail, MapPin, Phone, Clock } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="contact-info" data-section="contact-info" className="py-20">
+        <div className="w-full max-w-[var(--width-content-width)] mx-auto px-4 md:px-6">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-20">
+            {/* Contact Information Cards */}
+            <div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
+              <div className="flex items-start gap-4">
+                <div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
+                  <MapPin className="w-6 h-6 text-primary-cta" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold text-foreground mb-2">School Location</h3>
+                  <p className="text-foreground/75">123 Education Lane</p>
+                  <p className="text-foreground/75">Academic City, AC 12345</p>
+                  <p className="text-foreground/75">United States</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
+              <div className="flex items-start gap-4">
+                <div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
+                  <Phone className="w-6 h-6 text-primary-cta" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold text-foreground mb-2">Phone</h3>
+                  <p className="text-foreground/75">Main: (555) 123-4567</p>
+                  <p className="text-foreground/75">Admissions: (555) 123-4568</p>
+                  <p className="text-foreground/75">Support: (555) 123-4569</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
+              <div className="flex items-start gap-4">
+                <div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
+                  <Mail className="w-6 h-6 text-primary-cta" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold text-foreground mb-2">Email</h3>
+                  <p className="text-foreground/75">info@academy.edu</p>
+                  <p className="text-foreground/75">admissions@academy.edu</p>
+                  <p className="text-foreground/75">support@academy.edu</p>
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
+              <div className="flex items-start gap-4">
+                <div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
+                  <Clock className="w-6 h-6 text-primary-cta" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold text-foreground mb-2">Office Hours</h3>
+                  <p className="text-foreground/75">Monday - Friday: 8:00 AM - 4:00 PM</p>
+                  <p className="text-foreground/75">Saturday: 10:00 AM - 2:00 PM</p>
+                  <p className="text-foreground/75">Sunday: Closed</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Location Map Section */}
+          <div className="mb-20">
+            <h2 className="text-3xl md:text-4xl font-semibold text-foreground mb-6">Visit Our Campus</h2>
+            <div className="w-full h-96 bg-card rounded-[--radius-theme] overflow-hidden shadow-sm">
+              <iframe
+                width="100%"
+                height="100%"
+                style={{ border: 0 }}
+                loading="lazy"
+                allowFullScreen
+                referrerPolicy="no-referrer-when-downgrade"
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.1234567890!2d-74.0060!3d40.7128!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a316bb945e1%3A0x123456789!2s123%20Education%20Lane!5e0!3m2!1sen!2sus!4v1234567890"
+              />
+            </div>
+            <p className="text-foreground/75 mt-4">Use the map above to find directions to our campus. We are conveniently located in the heart of Academic City with easy access to public transportation.</p>
+          </div>
+        </div>
+      </div>
+
+      <div id="inquiry-form" data-section="inquiry-form">
+        <ContactSplit
+          tag="Get in Touch"
+          title="Send us an Inquiry"
+          description="Have questions about our programs or want to schedule a campus visit? Fill out the form below and our admissions team will get back to you within 24 hours."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          mediaPosition="right"
+          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
+          imageAlt="School campus"
+          mediaAnimation="slide-up"
+          inputPlaceholder="Enter your email address"
+          buttonText="Send Inquiry"
+          termsText="We respect your privacy and will only use your information to respond to your inquiry. You can unsubscribe at any time."
+          onSubmit={(email) => console.log('Inquiry from:', email)}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Programs", href: "/#features" },
+                { label: "Our Team", href: "/#team" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "School Info",              items: [
+                { label: "Admissions", href: "/contact" },
+                { label: "Events & News", href: "/events" },
+                { label: "Academics", href: "/#features" },
+                { label: "Calendar", href: "/events" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "tel:(555)123-4567" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "https://maps.google.com" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -0,0 +1,205 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Calendar, Bell, Clock, MapPin } from 'lucide-react';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Team", id: "team" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Events & News"
+          description="Stay updated with the latest school events, announcements, and important calendar dates."
+          buttons={[
+            { text: "View Calendar", href: "#calendar" },
+            { text: "Subscribe", href: "#announcements" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/group-students-sitting-together-classroom_23-2147917622.jpg"
+          imageAlt="School events and announcements"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="calendar" data-section="calendar" className="py-20 px-4 md:px-8">
+        <div className="max-w-6xl mx-auto">
+          <div className="mb-16 text-center">
+            <div className="inline-flex items-center gap-2 mb-4">
+              <Calendar className="w-5 h-5 text-primary-cta" />
+              <span className="text-sm font-semibold text-accent">SCHOOL CALENDAR</span>
+            </div>
+            <h2 className="text-4xl md:text-5xl font-bold mb-4">Upcoming Events</h2>
+            <p className="text-lg text-foreground/80 max-w-2xl mx-auto">Mark your calendars for important school events and activities throughout the year.</p>
+          </div>
+
+          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {[
+              {
+                date: "March 15, 2025",                title: "Annual Science Fair",                description: "Students showcase innovative science projects and research experiments.",                location: "Main Campus"
+              },
+              {
+                date: "March 22, 2025",                title: "Spring Sports Day",                description: "Inter-house sports competition featuring various athletic events and activities.",                location: "Sports Complex"
+              },
+              {
+                date: "April 10, 2025",                title: "Cultural Festival",                description: "Celebration of diverse cultures through performances, food, and art exhibitions.",                location: "Auditorium & Grounds"
+              },
+              {
+                date: "April 25, 2025",                title: "Parent-Teacher Conference",                description: "Meet with teachers to discuss student progress and academic development.",                location: "School Building"
+              },
+              {
+                date: "May 5, 2025",                title: "Graduation Ceremony",                description: "Celebrating the achievements of our graduating class of 2025.",                location: "Main Auditorium"
+              },
+              {
+                date: "May 30, 2025",                title: "Summer Orientation",                description: "Welcome new students and introduce them to campus facilities and community.",                location: "Multi-Purpose Hall"
+              }
+            ].map((event, idx) => (
+              <div key={idx} className="bg-card rounded-2xl p-6 border border-background-accent hover:shadow-lg transition-shadow">
+                <div className="flex items-start gap-4 mb-4">
+                  <Calendar className="w-5 h-5 text-primary-cta flex-shrink-0 mt-1" />
+                  <div>
+                    <p className="text-sm font-semibold text-accent mb-1">{event.date}</p>
+                    <h3 className="text-xl font-bold mb-2 text-foreground">{event.title}</h3>
+                  </div>
+                </div>
+                <p className="text-foreground/70 mb-4">{event.description}</p>
+                <div className="flex items-center gap-2 text-sm text-foreground/60">
+                  <MapPin className="w-4 h-4" />
+                  <span>{event.location}</span>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div id="announcements" data-section="announcements" className="py-20 px-4 md:px-8 bg-background-accent/30">
+        <div className="max-w-6xl mx-auto">
+          <div className="mb-16 text-center">
+            <div className="inline-flex items-center gap-2 mb-4">
+              <Bell className="w-5 h-5 text-primary-cta" />
+              <span className="text-sm font-semibold text-accent">ANNOUNCEMENTS</span>
+            </div>
+            <h2 className="text-4xl md:text-5xl font-bold mb-4">Latest News & Updates</h2>
+            <p className="text-lg text-foreground/80 max-w-2xl mx-auto">Important announcements and updates from the school administration and departments.</p>
+          </div>
+
+          <div className="space-y-6 max-w-4xl mx-auto">
+            {[
+              {
+                date: "March 10, 2025",                category: "Academic",                title: "New Advanced Placement Program Launch",                content: "We are excited to announce the launch of our new Advanced Placement program designed to challenge our most ambitious students."
+              },
+              {
+                date: "March 8, 2025",                category: "Campus",                title: "Library Renovation Complete",                content: "Our renovated library now features updated technology, collaborative study spaces, and expanded digital resources."
+              },
+              {
+                date: "March 5, 2025",                category: "Administrative",                title: "Updated School Hours for Spring",                content: "Please note that school hours have been adjusted for the spring semester. New hours: 8:00 AM - 3:30 PM."
+              },
+              {
+                date: "February 28, 2025",                category: "Community",                title: "Community Service Initiative",                content: "Students are invited to participate in our new community service program. Sign-ups are now open in the student center."
+              },
+              {
+                date: "February 25, 2025",                category: "Sports",                title: "Debate Team Advances to Regional Finals",                content: "Congratulations to our debate team on advancing to the regional finals! We are proud of your hard work and dedication."
+              }
+            ].map((announcement, idx) => (
+              <div key={idx} className="bg-card rounded-2xl p-6 border border-background-accent hover:shadow-lg transition-shadow">
+                <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-3">
+                  <div className="flex items-center gap-3">
+                    <Clock className="w-4 h-4 text-primary-cta" />
+                    <span className="text-sm font-semibold text-accent">{announcement.date}</span>
+                  </div>
+                  <span className="inline-block px-3 py-1 bg-primary-cta/10 text-primary-cta text-xs font-semibold rounded-full w-fit">
+                    {announcement.category}
+                  </span>
+                </div>
+                <h3 className="text-xl font-bold mb-2 text-foreground">{announcement.title}</h3>
+                <p className="text-foreground/70">{announcement.content}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Stay Connected"
+          title="Subscribe to Updates"
+          description="Get the latest news, event announcements, and important updates delivered to your inbox."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email address"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "About Us", href: "about" },
+                { label: "Programs", href: "features" },
+                { label: "Contact", href: "contact" }
+              ]
+            },
+            {
+              title: "School Info",              items: [
+                { label: "Admissions", href: "contact" },
+                { label: "Calendar", href: "/events" },
+                { label: "Academics", href: "features" },
+                { label: "Facilities", href: "#" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/facilities/page.tsx
+++ b/src/app/facilities/page.tsx
@@ -0,0 +1,173 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { BookOpen, Dumbbell, LibraryIcon, Microscope, Users, Utensils } from 'lucide-react';
+
+export default function FacilitiesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "/" },
+            { name: "Programs", id: "/" },
+            { name: "Team", id: "/" },
+            { name: "Testimonials", id: "/" },
+            { name: "Facilities", id: "/facilities" },
+            { name: "Student Life", id: "/student-life" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Our Facilities"
+          description="State-of-the-art infrastructure designed to enhance learning, innovation, and student well-being."
+          buttons={[
+            { text: "Schedule a Tour", href: "contact" },
+            { text: "Back Home", href: "/" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/modern-school-classroom-with-technology-learning_23-2147898765.jpg?_wi=1"
+          imageAlt="Modern school facilities"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwentyFour
+          title="World-Class Infrastructure"
+          description="Our campus is equipped with cutting-edge facilities designed to support academic excellence and student development."
+          tag="Facilities"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "1",              title: "Modern Classrooms",              author: "Academic Department",              description: "Bright, spacious classrooms equipped with interactive whiteboards, multimedia projectors, and collaborative learning spaces designed for contemporary pedagogical approaches.",              tags: ["Learning", "Technology", "Innovation"],
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-classroom-with-students-learning_23-2148123456.jpg?_wi=1",              imageAlt: "Modern classroom with technology"
+            },
+            {
+              id: "2",              title: "Advanced Laboratories",              author: "Science Department",              description: "Fully equipped STEM laboratories with advanced scientific instruments, safety protocols, and hands-on learning stations for chemistry, physics, biology, and computer science.",              tags: ["Science", "Research", "STEM"],
+              imageSrc: "http://img.b2bpic.net/free-photo/students-conducting-science-experiment-laboratory_23-2148234567.jpg?_wi=1",              imageAlt: "Advanced science laboratory"
+            },
+            {
+              id: "3",              title: "Digital Library",              author: "Library Services",              description: "Comprehensive library featuring extensive physical collections, digital databases, quiet study areas, and collaborative research spaces with high-speed internet connectivity.",              tags: ["Knowledge", "Resources", "Learning"],
+              imageSrc: "http://img.b2bpic.net/free-photo/library-with-students-studying_23-2148345678.jpg?_wi=1",              imageAlt: "School library with resources"
+            },
+            {
+              id: "4",              title: "Sports Facilities",              author: "Physical Education",              description: "Olympic-standard athletic facilities including indoor gymnasium, outdoor sports fields, swimming pool, tennis courts, and fitness center promoting physical wellness.",              tags: ["Athletics", "Wellness", "Sports"],
+              imageSrc: "http://img.b2bpic.net/free-photo/school-gymnasium-with-equipment_23-2148456789.jpg?_wi=1",              imageAlt: "Sports and athletic facilities"
+            },
+            {
+              id: "5",              title: "Student Cafeteria",              author: "Dining Services",              description: "Modern dining facility offering nutritious meals, diverse cuisine options, and comfortable seating areas that promote community engagement and healthy eating habits.",              tags: ["Nutrition", "Community", "Wellness"],
+              imageSrc: "http://img.b2bpic.net/free-photo/school-cafeteria-dining-area_23-2148567890.jpg?_wi=1",              imageAlt: "School cafeteria"
+            },
+            {
+              id: "6",              title: "Creative Arts Center",              author: "Arts Department",              description: "Dedicated space for music, visual arts, theater, and dance with studios, practice rooms, performance stage, and gallery spaces fostering creative expression.",              tags: ["Arts", "Culture", "Creativity"],
+              imageSrc: "http://img.b2bpic.net/free-photo/art-studio-creative-space_23-2148678901.jpg?_wi=1",              imageAlt: "Creative arts center"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          title="Campus By The Numbers"
+          description="Comprehensive facilities built to support student success and institutional excellence."
+          tag="Infrastructure"
+          gridVariant="uniform-all-items-equal"
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            {
+              id: "1",              value: "15",              title: "plus",              description: "Modern Classrooms",              icon: Users
+            },
+            {
+              id: "2",              value: "8",              title: "equipped",              description: "Science Laboratories",              icon: Microscope
+            },
+            {
+              id: "3",              value: "50k",              title: "volumes",              description: "Library Collection",              icon: LibraryIcon
+            },
+            {
+              id: "4",              value: "10",              title: "venues",              description: "Sports & Recreation",              icon: Dumbbell
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Visit Us"
+          title="Schedule a Campus Tour"
+          description="Experience our facilities firsthand. Schedule a guided tour to explore our campus and see where learning comes to life."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email address"
+          buttonText="Request Tour"
+          termsText="We will contact you within 24 hours to confirm your tour date and time."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "Programs", href: "/" },
+                { label: "Team", href: "/" },
+                { label: "Contact", href: "contact" }
+              ]
+            },
+            {
+              title: "Facilities",              items: [
+                { label: "Classrooms", href: "/facilities" },
+                { label: "Laboratories", href: "/facilities" },
+                { label: "Library", href: "/facilities" },
+                { label: "Sports", href: "/facilities" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/faculty/page.tsx
+++ b/src/app/faculty/page.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Mail, Phone, MapPin } from 'lucide-react';
+
+export default function FacultyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Faculty", id: "/faculty" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Faculty & Staff"
+          description="Meet our dedicated team of educators and administrators committed to student excellence and institutional growth."
+          buttons={[
+            { text: "Back to Home", href: "/" },
+            { text: "Contact Department", href: "contact" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1"
+          imageAlt="Faculty members in academic setting"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="faculty-directory" data-section="faculty-directory">
+        <TeamCardEleven
+          title="Faculty Directory by Department"
+          description="Explore our diverse team of educators, researchers, and administrators across all academic departments."
+          tag="Faculty"
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          groups={[
+            {
+              id: "stem",              groupTitle: "STEM Department",              members: [
+                {
+                  id: "1",                  title: "Dr. Sarah Mitchell",                  subtitle: "Department Chair, Physics",                  detail: "Ph.D. in Physics, MIT | 15 years teaching experience",                  imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1",                  imageAlt: "Dr. Sarah Mitchell"
+                },
+                {
+                  id: "2",                  title: "Prof. Michael Chen",                  subtitle: "Computer Science",                  detail: "M.S. in Computer Science, Stanford | Published researcher",                  imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1",                  imageAlt: "Prof. Michael Chen"
+                },
+                {
+                  id: "3",                  title: "Dr. Jennifer Park",                  subtitle: "Chemistry",                  detail: "Ph.D. in Chemistry, Harvard | Lab coordinator",                  imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1",                  imageAlt: "Dr. Jennifer Park"
+                }
+              ]
+            },
+            {
+              id: "humanities",              groupTitle: "Humanities & Arts Department",              members: [
+                {
+                  id: "4",                  title: "Dr. James Anderson",                  subtitle: "Department Chair, Literature",                  detail: "Ph.D. in English Literature, Yale | Author of 5 published works",                  imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1",                  imageAlt: "Dr. James Anderson"
+                },
+                {
+                  id: "5",                  title: "Prof. Maria Gonzalez",                  subtitle: "History & Social Studies",                  detail: "M.A. in History, Columbia | Specialization in Modern History",                  imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1",                  imageAlt: "Prof. Maria Gonzalez"
+                },
+                {
+                  id: "6",                  title: "Prof. David Thompson",                  subtitle: "Visual Arts & Design",                  detail: "M.F.A. in Fine Arts, RISD | Professional artist & gallery curator",                  imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1",                  imageAlt: "Prof. David Thompson"
+                }
+              ]
+            },
+            {
+              id: "languages",              groupTitle: "Languages & Cultural Studies",              members: [
+                {
+                  id: "7",                  title: "Prof. Elena Rossi",                  subtitle: "Department Chair, Modern Languages",                  detail: "M.A. in Romance Languages, University of Rome | Fluent in 5 languages",                  imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1",                  imageAlt: "Prof. Elena Rossi"
+                },
+                {
+                  id: "8",                  title: "Prof. Hiroshi Tanaka",                  subtitle: "Asian Languages & Culture",                  detail: "M.A. in East Asian Studies, Tokyo University | Cultural exchange coordinator",                  imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1",                  imageAlt: "Prof. Hiroshi Tanaka"
+                }
+              ]
+            },
+            {
+              id: "professional",              groupTitle: "Professional & Administrative Services",              members: [
+                {
+                  id: "9",                  title: "Dr. Patricia Johnson",                  subtitle: "School Principal",                  detail: "Ph.D. in Educational Leadership, Columbia | 20 years administrative experience",                  imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1",                  imageAlt: "Dr. Patricia Johnson"
+                },
+                {
+                  id: "10",                  title: "Ms. Emily Rodriguez",                  subtitle: "Student Services Director",                  detail: "M.S. in Counseling, Boston College | Student advocacy specialist",                  imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1",                  imageAlt: "Ms. Emily Rodriguez"
+                },
+                {
+                  id: "11",                  title: "Mr. Robert Williams",                  subtitle: "Operations Manager",                  detail: "B.A. in Business Administration, University of Pennsylvania | 12 years operations management",                  imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1",                  imageAlt: "Mr. Robert Williams"
+                }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Connect"
+          title="Get in Touch with Our Faculty"
+          description="Have questions about our programs, departments, or faculty members? Contact our admissions office or reach out to a specific department directly."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email to receive faculty information"
+          buttonText="Send Information"
+          termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "About Us", href: "about" },
+                { label: "Programs", href: "features" },
+                { label: "Faculty", href: "/faculty" },
+                { label: "Contact", href: "contact" }
+              ]
+            },
+            {
+              title: "School Info",              items: [
+                { label: "Admissions", href: "contact" },
+                { label: "Events & News", href: "/events" },
+                { label: "Gallery", href: "/gallery" },
+                { label: "Calendar", href: "/events" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,158 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Image, Video, Calendar, BookOpen, MapPin } from 'lucide-react';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Faculty", id: "/faculty" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Photo Gallery"
+          description="Explore moments from our campus life, academic achievements, and special events that showcase the vibrant community at our academy."
+          buttons={[
+            { text: "Back to Home", href: "/" },
+            { text: "View Events", href: "/events" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
+          imageAlt="Academy campus gallery"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="gallery-events" data-section="gallery-events">
+        <FeatureCardTwentyFour
+          title="Gallery Collections"
+          description="Browse our curated photo collections organized by themes and academic areas."
+          tag="Gallery"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "1",              title: "Events & Celebrations",              author: "Events Team",              description: "Capture the highlights from our annual events, celebrations, and special occasions including graduation ceremonies, sports days, cultural festivals, and community gatherings.",              tags: ["Events", "Celebrations", "Community"],
+              imageSrc: "http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1",              imageAlt: "Campus events and celebrations"
+            },
+            {
+              id: "2",              title: "Academic Excellence",              author: "Academic Department",              description: "Explore images from our classrooms, laboratories, research projects, and academic competitions. See our students engaged in learning and demonstrating their achievements.",              tags: ["Academics", "Learning", "Innovation"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Students in academic settings"
+            },
+            {
+              id: "3",              title: "Campus Life",              author: "Student Services",              description: "Discover the vibrant campus atmosphere through photos of student organizations, recreational activities, dining areas, student lounges, and outdoor spaces where community thrives.",              tags: ["Campus", "Community", "Student Life"],
+              imageSrc: "http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1",              imageAlt: "Campus facilities and student areas"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="gallery-highlights" data-section="gallery-highlights">
+        <FeatureCardTwentyFour
+          title="Recent Highlights"
+          description="Featured collections from recent months and upcoming seasonal galleries."
+          tag="New Collections"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: "4",              title: "Spring Sports & Athletics",              author: "Athletics Department",              description: "Action-packed photos from our spring sports season featuring student athletes competing in soccer, basketball, tennis, track and field, and other intramural activities.",              tags: ["Sports", "Athletics", "Competition"],
+              imageSrc: "http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1",              imageAlt: "Spring sports events"
+            },
+            {
+              id: "5",              title: "STEM Lab Projects & Experiments",              author: "Science Department",              description: "Behind-the-scenes looks at our state-of-the-art laboratories where students conduct experiments in biology, chemistry, physics, and engineering projects.",              tags: ["STEM", "Science", "Technology"],
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "STEM laboratory work"
+            },
+            {
+              id: "6",              title: "Arts & Performance Showcase",              author: "Arts Department",              description: "Visual documentation of our performing arts productions, art exhibitions, theater performances, music concerts, and student creative showcases throughout the year.",              tags: ["Arts", "Performance", "Creativity"],
+              imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1",              imageAlt: "Arts performances and exhibitions"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Share Memories"
+          title="Submit Your Photos"
+          description="Do you have great photos from academy events or campus life? We'd love to feature your submissions in our gallery. Contact us to contribute your images."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email for photo submission info"
+          buttonText="Get Submission Details"
+          termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "About Us", href: "about" },
+                { label: "Programs", href: "features" },
+                { label: "Faculty", href: "/faculty" },
+                { label: "Contact", href: "contact" }
+              ]
+            },
+            {
+              title: "School Info",              items: [
+                { label: "Admissions", href: "contact" },
+                { label: "Events & News", href: "/events" },
+                { label: "Gallery", href: "/gallery" },
+                { label: "Calendar", href: "/events" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/notice-board/page.tsx
+++ b/src/app/notice-board/page.tsx
@@ -0,0 +1,163 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Bell, Calendar, Megaphone } from 'lucide-react';
+
+export default function NoticeBoardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "about" },
+            { name: "Programs", id: "features" },
+            { name: "Team", id: "team" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Admissions", id: "/admissions" },
+            { name: "Notice Board", id: "/notice-board" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Notice Board"
+          description="Stay informed with the latest announcements, news, and important updates from Academy."
+          buttons={[
+            { text: "Latest News", href: "#news" },
+            { text: "Subscribe", href: "#subscribe" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
+          imageAlt="Academy Notice Board"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="announcements" data-section="announcements">
+        <SplitAbout
+          tag="Latest Updates"
+          title="Important Announcements"
+          description="Keep up with recent updates, policy changes, and important information affecting our school community. Check back regularly for the latest news and announcements."
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          bulletPoints={[
+            {
+              title: "School Events",              description: "Upcoming school events, assemblies, sports day, cultural performances, and parent-teacher conferences scheduled for the semester.",              icon: Calendar
+            },
+            {
+              title: "Academic Notices",              description: "Important information about exam schedules, grade releases, curriculum updates, and academic calendar changes.",              icon: Bell
+            },
+            {
+              title: "Administrative News",              description: "Policy updates, facility improvements, staff announcements, and other important school administrative information.",              icon: Megaphone
+            }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1"
+          imageAlt="News and announcements"
+          mediaAnimation="slide-up"
+          buttons={[
+            { text: "View All Announcements", href: "#" }
+          ]}
+        />
+      </div>
+
+      <div id="news" data-section="news">
+        <BlogCardThree
+          title="Latest News & Updates"
+          description="Featured stories and updates from our Academy community."
+          tag="News"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          blogs={[
+            {
+              id: "1",              category: "Academic Achievement",              title: "Students Excel in National Science Olympiad",              excerpt: "Our STEM team secured first place in the regional Science Olympiad competition, showcasing excellence in innovation and collaboration.",              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1",              imageAlt: "Science Olympiad winners",              authorName: "Dr. Sarah Mitchell",              authorAvatar: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1",              date: "December 15, 2024"
+            },
+            {
+              id: "2",              category: "School Event",              title: "Annual Cultural Festival Celebrates Diversity",              excerpt: "Our vibrant cultural festival brought together students from various backgrounds to share traditions, performances, and celebrations.",              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2",              imageAlt: "Cultural festival",              authorName: "Ms. Emily Rodriguez",              authorAvatar: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1",              date: "December 10, 2024"
+            },
+            {
+              id: "3",              category: "Facility Update",              title: "New STEM Lab Opening January 2025",              excerpt: "Academy is proud to announce the opening of our state-of-the-art STEM laboratory featuring advanced equipment and interactive learning spaces.",              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3",              imageAlt: "New STEM Lab",              authorName: "Mr. David Chen",              authorAvatar: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1",              date: "December 5, 2024"
+            },
+            {
+              id: "4",              category: "Student Recognition",              title: "Debate Team Wins Regional Championship",              excerpt: "Congratulations to our debate team for their outstanding performance and championship victory at the regional debate competition.",              imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=4",              imageAlt: "Debate team champions",              authorName: "Dr. Patricia Johnson",              authorAvatar: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=2",              date: "November 28, 2024"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="subscribe" data-section="subscribe">
+        <ContactCenter
+          tag="Stay Informed"
+          title="Subscribe to Our Newsletter"
+          description="Get important announcements and news delivered straight to your inbox. Never miss an update from Academy."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email address"
+          buttonText="Subscribe Now"
+          termsText="We respect your privacy. You can unsubscribe at any time. We send updates weekly or as important announcements occur."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "About Us", href: "/#about" },
+                { label: "Programs", href: "/#features" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "News & Updates",              items: [
+                { label: "Latest News", href: "#news" },
+                { label: "Announcements", href: "#announcements" },
+                { label: "Events", href: "#announcements" },
+                { label: "Subscribe", href: "#subscribe" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: news@academy.edu", href: "mailto:news@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,8 @@ export default function LandingPage() {
            { name: "Programs", id: "features" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>
@@ -45,9 +46,9 @@ export default function LandingPage() {
          description="Empowering young minds through innovative education, fostering curiosity, and building tomorrow's leaders."
          buttons={[
            { text: "Explore Programs", href: "features" },
-            { text: "Enroll Now", href: "contact" }
+            { text: "Enroll Now", href: "/contact" }
          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
          imageAlt="Modern school building with students"
          showDimOverlay={true}
          buttonAnimation="slide-up"
@@ -73,7 +74,7 @@ export default function LandingPage() {
              title: "Holistic Development",              description: "Programs designed to nurture academic excellence, creativity, and character development.",              icon: Lightbulb
            }
          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1"
          imageAlt="Students collaborating in modern classroom"
          mediaAnimation="slide-up"
          buttons={[
@@ -139,13 +140,13 @@ export default function LandingPage() {
          useInvertedBackground={true}
          members={[
            {
-              id: "1",              name: "Dr. Patricia Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg",              imageAlt: "Dr. Patricia Johnson, School Principal"
+              id: "1",              name: "Dr. Patricia Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1",              imageAlt: "Dr. Patricia Johnson, School Principal"
            },
            {
-              id: "2",              name: "Mr. David Chen",              imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg",              imageAlt: "Mr. David Chen, Head of Academics"
+              id: "2",              name: "Mr. David Chen",              imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1",              imageAlt: "Mr. David Chen, Head of Academics"
            },
            {
-              id: "3",              name: "Ms. Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg",              imageAlt: "Ms. Emily Rodriguez, Student Services Director"
+              id: "3",              name: "Ms. Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1",              imageAlt: "Ms. Emily Rodriguez, Student Services Director"
            }
          ]}
        />
@@ -160,16 +161,16 @@ export default function LandingPage() {
          useInvertedBackground={false}
          testimonials={[
            {
-              id: "1",              title: "Transforming My Future",              quote: "The teachers here genuinely care about every student's success. The support I received helped me achieve my academic goals and get into my dream university.",              name: "Marcus Thompson",              role: "Class of 2024, Engineering Major",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg",              imageAlt: "Marcus Thompson"
+              id: "1",              title: "Transforming My Future",              quote: "The teachers here genuinely care about every student's success. The support I received helped me achieve my academic goals and get into my dream university.",              name: "Marcus Thompson",              role: "Class of 2024, Engineering Major",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg?_wi=1",              imageAlt: "Marcus Thompson"
            },
            {
-              id: "2",              title: "A Second Home",              quote: "Beyond academics, the school has helped me develop confidence and friendships that will last a lifetime. The community here is truly special.",              name: "Sofia Patel",              role: "Class of 2025, Arts & Honors",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",              imageAlt: "Sofia Patel"
+              id: "2",              title: "A Second Home",              quote: "Beyond academics, the school has helped me develop confidence and friendships that will last a lifetime. The community here is truly special.",              name: "Sofia Patel",              role: "Class of 2025, Arts & Honors",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg?_wi=1",              imageAlt: "Sofia Patel"
            },
            {
-              id: "3",              title: "Preparing Me for Life",              quote: "The programs here don't just prepare you for exams—they prepare you for life. I learned critical thinking skills that I use every day.",              name: "James Williams",              role: "Class of 2024, Business Studies",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling_23-2148999101.jpg",              imageAlt: "James Williams"
+              id: "3",              title: "Preparing Me for Life",              quote: "The programs here don't just prepare you for exams—they prepare you for life. I learned critical thinking skills that I use every day.",              name: "James Williams",              role: "Class of 2024, Business Studies",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling_23-2148999101.jpg?_wi=1",              imageAlt: "James Williams"
            },
            {
-              id: "4",              title: "Excellence in Every Way",              quote: "My daughter has flourished both academically and personally. The teachers go above and beyond to ensure each student's success.",              name: "Margaret Lee",              role: "Parent, Class of 2025",              imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg",              imageAlt: "Margaret Lee"
+              id: "4",              title: "Excellence in Every Way",              quote: "My daughter has flourished both academically and personally. The teachers go above and beyond to ensure each student's success.",              name: "Margaret Lee",              role: "Parent, Class of 2025",              imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1",              imageAlt: "Margaret Lee"
            }
          ]}
        />
@@ -196,23 +197,31 @@ export default function LandingPage() {
                { label: "About Us", href: "about" },
                { label: "Programs", href: "features" },
                { label: "Our Team", href: "team" },
-                { label: "Contact", href: "contact" }
+                { label: "Contact", href: "/contact" }
              ]
            },
            {
-              title: "Resources",              items: [
-                { label: "Student Portal", href: "#" },
-                { label: "Parent Resources", href: "#" },
+              title: "School Info",              items: [
+                { label: "Admissions", href: "/contact" },
+                { label: "Events & News", href: "/events" },
                { label: "Academics", href: "features" },
-                { label: "Calendar", href: "#" }
+                { label: "Calendar", href: "/events" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
-                { label: "Email Us", href: "#" },
-                { label: "Visit Campus", href: "contact" },
-                { label: "Social Media", href: "https://twitter.com" },
-                { label: "Careers", href: "#" }
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
--- a/src/app/student-life/page.tsx
+++ b/src/app/student-life/page.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Award, Heart, Sparkles, Users } from 'lucide-react';
+
+export default function StudentLifePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Academy"
+          navItems={[
+            { name: "About", id: "/" },
+            { name: "Programs", id: "/" },
+            { name: "Team", id: "/" },
+            { name: "Testimonials", id: "/" },
+            { name: "Facilities", id: "/facilities" },
+            { name: "Student Life", id: "/student-life" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Student Life"
+          description="A vibrant community of learners, leaders, and innovators. Explore clubs, activities, events, and celebrate achievements."
+          buttons={[
+            { text: "Join a Club", href: "contact" },
+            { text: "Back Home", href: "/" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/happy-students-celebrating-graduation_23-2147654321.jpg?_wi=1"
+          imageAlt="Students enjoying campus life"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="clubs" data-section="clubs">
+        <FeatureCardTwentyFour
+          title="Student Clubs & Organizations"
+          description="Join diverse student-led organizations focused on academics, arts, sports, culture, and community service."
+          tag="Get Involved"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "1",              title: "Robotics & Innovation Club",              author: "STEM Leaders",              description: "Build and compete with robotics teams, participate in coding challenges, and explore emerging technologies through hands-on projects and competitions.",              tags: ["Technology", "Innovation", "Competition"],
+              imageSrc: "http://img.b2bpic.net/free-photo/students-working-on-robotics-project_23-2148111111.jpg?_wi=1",              imageAlt: "Robotics club members"
+            },
+            {
+              id: "2",              title: "Performing Arts Ensemble",              author: "Arts Students",              description: "Showcase talent in theater, music, and dance. Participate in school productions, performances, talent shows, and cultural celebrations.",              tags: ["Arts", "Performance", "Culture"],
+              imageSrc: "http://img.b2bpic.net/free-photo/students-performing-on-stage_23-2148222222.jpg?_wi=1",              imageAlt: "Performing arts students"
+            },
+            {
+              id: "3",              title: "Environmental Advocates",              author: "Community Leaders",              description: "Drive sustainability initiatives, organize eco-friendly campaigns, conduct environmental research, and inspire positive change in our community.",              tags: ["Sustainability", "Community", "Action"],
+              imageSrc: "http://img.b2bpic.net/free-photo/students-planting-trees-outdoors_23-2148333333.jpg?_wi=1",              imageAlt: "Environmental club activities"
+            },
+            {
+              id: "4",              title: "Model United Nations",              author: "Global Citizens",              description: "Develop leadership and diplomatic skills through international debate, collaborative problem-solving, and representation of world issues.",              tags: ["Leadership", "Debate", "Global"],
+              imageSrc: "http://img.b2bpic.net/free-photo/model-united-nations-conference_23-2148444444.jpg?_wi=1",              imageAlt: "Model UN delegates"
+            },
+            {
+              id: "5",              title: "Community Service Brigade",              author: "Volunteers",              description: "Make a difference through volunteer work, community outreach programs, fundraising events, and social responsibility initiatives.",              tags: ["Service", "Community", "Impact"],
+              imageSrc: "http://img.b2bpic.net/free-photo/volunteers-helping-community_23-2148555555.jpg?_wi=1",              imageAlt: "Community service volunteers"
+            },
+            {
+              id: "6",              title: "Creative Writing & Literary Arts",              author: "Writers",              description: "Explore creative expression through writing workshops, poetry readings, literary magazine publication, and storytelling events.",              tags: ["Writing", "Literature", "Creativity"],
+              imageSrc: "http://img.b2bpic.net/free-photo/students-writing-literary-workshop_23-2148666666.jpg?_wi=1",              imageAlt: "Creative writing club"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="achievements" data-section="achievements">
+        <TeamCardTen
+          title="Student Achievements & Recognition"
+          tag="Excellence"
+          tagAnimation="slide-up"
+          membersAnimation="slide-up"
+          memberVariant="card"
+          useInvertedBackground={false}
+          members={[
+            {
+              id: "1",              name: "Aisha Khan - Science Fair Winner",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-science-project_23-2148777777.jpg?_wi=1",              imageAlt: "Aisha Khan - Science Fair Winner"
+            },
+            {
+              id: "2",              name: "Raj Patel - National Debate Champion",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-speaking-at-podium_23-2148888888.jpg?_wi=1",              imageAlt: "Raj Patel - Debate Champion"
+            },
+            {
+              id: "3",              name: "Emma Chen - Athletic Scholar",              imageSrc: "http://img.b2bpic.net/free-photo/female-athlete-with-trophy_23-2148999999.jpg?_wi=1",              imageAlt: "Emma Chen - Athletic Scholar"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTen
+          title="Student Experiences"
+          description="Hear from students about their journey, growth, and the meaningful memories they've created."
+          tag="Stories"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          testimonials={[
+            {
+              id: "1",              title: "Finding My Passion",              quote: "Joining the Robotics Club changed my life. I found friends who share my interests, learned incredible technical skills, and discovered my passion for innovation.",              name: "David Lee",              role: "Robotics Club President",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-excited-about-project_23-2149000001.jpg?_wi=1",              imageAlt: "David Lee"
+            },
+            {
+              id: "2",              title: "Growing as a Leader",              quote: "Through Model United Nations, I developed confidence, learned about global issues, and made connections with students from other schools. It prepared me for college.",              name: "Sophia Martinez",              role: "MUN Delegate & Ambassador",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-speaking-confidently_23-2149000002.jpg?_wi=1",              imageAlt: "Sophia Martinez"
+            },
+            {
+              id: "3",              title: "Making a Difference",              quote: "The Community Service Brigade taught me the importance of giving back. Every project we organize reminds me that we can make a real impact in people's lives.",              name: "Miguel Rodriguez",              role: "Volunteer Coordinator",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-helping-others_23-2149000003.jpg?_wi=1",              imageAlt: "Miguel Rodriguez"
+            },
+            {
+              id: "4",              title: "Lifelong Connections",              quote: "The friendships I made in my club have become like family. We support each other academically and personally. These bonds will last beyond high school.",              name: "Jasmine Williams",              role: "Performing Arts Ensemble Member",              imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-friends_23-2149000004.jpg?_wi=1",              imageAlt: "Jasmine Williams"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Involved"
+          title="Join Our Community"
+          description="Interested in joining a club or learning about upcoming events? Contact us to get started on your student life journey."
+          background={{ variant: "rotated-rays-animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email address"
+          buttonText="Sign Me Up"
+          termsText="We'll send you information about clubs, activities, and upcoming events to help you discover your passion."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "Programs", href: "/" },
+                { label: "Team", href: "/" },
+                { label: "Contact", href: "contact" }
+              ]
+            },
+            {
+              title: "Student Life",              items: [
+                { label: "Clubs", href: "/student-life" },
+                { label: "Events", href: "/student-life" },
+                { label: "Achievements", href: "/student-life" },
+                { label: "Get Involved", href: "/student-life" }
+              ]
+            },
+            {
+              title: "Contact Us",              items: [
+                { label: "Phone: (555) 123-4567", href: "#" },
+                { label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
+                { label: "Address: 123 Education Lane", href: "#" },
+                { label: "Hours: Mon-Fri 8am-4pm", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Academy. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --accent: #e2e2e2;
+  --background-accent: #ffc107;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2cb887468e	Update src/app/academics/page.tsx	2026-03-11 15:51:19 +00:00
bender	97a93b6839	Update src/app/styles/variables.css	2026-03-11 15:50:34 +00:00
bender	276df34603	Update src/app/student-life/page.tsx	2026-03-11 15:50:33 +00:00
bender	1c5dbdae6b	Update src/app/page.tsx	2026-03-11 15:50:33 +00:00
bender	d562d5373d	Add src/app/notice-board/page.tsx	2026-03-11 15:50:32 +00:00
bender	a162956b36	Add src/app/gallery/page.tsx	2026-03-11 15:50:32 +00:00
bender	816521e9b5	Update src/app/faculty/page.tsx	2026-03-11 15:50:32 +00:00
bender	a4e1039d59	Add src/app/facilities/page.tsx	2026-03-11 15:50:31 +00:00
bender	29d95d530e	Add src/app/contact/page.tsx	2026-03-11 15:50:31 +00:00
bender	a41c225b78	Update src/app/admissions/page.tsx	2026-03-11 15:50:30 +00:00
bender	077b3919a6	Update src/app/academics/page.tsx	2026-03-11 15:50:30 +00:00
bender	e43e71cd10	Merge version_2 into main Merge version_2 into main	2026-03-11 15:44:36 +00:00
bender	e383959e2e	Update src/app/page.tsx	2026-03-11 15:44:32 +00:00
bender	f8bfade62c	Update src/app/faculty/page.tsx	2026-03-11 15:44:31 +00:00
bender	965c92b860	Update src/app/admissions/page.tsx	2026-03-11 15:44:31 +00:00
bender	f4ec0dc8bd	Update src/app/academics/page.tsx	2026-03-11 15:44:31 +00:00
bender	458cbb9351	Merge version_2 into main Merge version_2 into main	2026-03-11 15:44:10 +00:00
bender	16521ed422	Add src/app/student-life/page.tsx	2026-03-11 15:44:06 +00:00
bender	8cfceedb7b	Update src/app/page.tsx	2026-03-11 15:44:05 +00:00
bender	0a6a8b7aaa	Add src/app/faculty/page.tsx	2026-03-11 15:44:05 +00:00
bender	0df9a7c9ea	Add src/app/events/page.tsx	2026-03-11 15:44:04 +00:00
bender	14ed2a92b8	Add src/app/admissions/page.tsx	2026-03-11 15:44:04 +00:00
bender	c3b88343d0	Add src/app/academics/page.tsx	2026-03-11 15:44:04 +00:00
bender	322eb3f0fb	Merge version_1 into main Merge version_1 into main	2026-03-11 15:40:56 +00:00
bender	6444c81e18	Merge version_1 into main Merge version_1 into main	2026-03-11 15:40:31 +00:00
bender	1f23075a4b	Merge version_1 into main Merge version_1 into main	2026-03-11 15:39:48 +00:00