Update src/app/staff/page.tsx

Merge version_1 into main

src/app/admissions/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function AdmissionsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Staff", id: "/staff" },
+              { name: "News", id: "/news" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Bright Horizons Academy"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Admissions Inquiry"
+            description="Ready to join our community? Send us an inquiry and our admissions team will get back to you."
+            inputs={[
+              { name: "parentName", type: "text", placeholder: "Parent Name", required: true },
+              { name: "studentName", type: "text", placeholder: "Student Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your student's goals.", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/multiracial-men-woman-with-documents_23-2147657210.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Bright Horizons Academy"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Programs", href: "/programs" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/events/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Staff", id: "/staff" },
+              { name: "News", id: "/news" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Bright Horizons Academy"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Bright Horizons Academy"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Events", href: "/events" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/news/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function NewsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Staff", id: "/staff" },
+              { name: "News", id: "/news" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Bright Horizons Academy"
+          />
+        </div>
+        <div id="blog" data-section="blog">
+          <BlogCardThree 
+              title="Latest News"
+              description="Stay updated with academy highlights."
+              textboxLayout="default"
+              animationType="slide-up"
+              useInvertedBackground={false}
+              blogs={[{ id: "1", category: "Update", title: "New Semester", excerpt: "Starts soon.", imageSrc: "", authorName: "Admin", authorAvatar: "", date: "2025-01-01" }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Bright Horizons Academy"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "News", href: "/news" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Programs", id: "features" },
-          id: "about",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "FAQ", id: "faq" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Programs",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
       brandName="Bright Horizons Academy"
     />
@@ -56,33 +45,13 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="Bright Horizons Academy"
       description="Empowering the next generation through excellence, innovation, and a supportive community."
-      buttons={[
+      buttons={[{ text: "Enroll Now", href: "#contact" }]}
-        {
-          text: "Enroll Now",
-          href: "#contact",
-        },
-      ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=1", imageAlt: "Happy students in a bright classroom" },
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=2", imageAlt: "Modern campus exterior" },
-          imageAlt: "Happy students in a bright classroom",
+        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=3", imageAlt: "Students engaged in active learning" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=4", imageAlt: "Diverse students collaborative work" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=5", imageAlt: "Technology in the classroom" },
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=2",
-          imageAlt: "Modern campus exterior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=3",
-          imageAlt: "Students engaged in active learning",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=4",
-          imageAlt: "Diverse students collaborative work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-row_1098-1129.jpg?_wi=5",
-          imageAlt: "Technology in the classroom",
-        },
       ]}
     />
   </div>
@@ -91,15 +60,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Our Mission to Inspire" },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/photo-mixed-race-boy-girl-classmates-watch-tutorial-video-together-laptop-computer_273609-28629.jpg", alt: "Students working together on a project" },
-          content: "Our Mission to Inspire",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/photo-mixed-race-boy-girl-classmates-watch-tutorial-video-together-laptop-computer_273609-28629.jpg",
-          alt: "Students working together on a project",
-        },
       ]}
     />
   </div>
@@ -111,24 +73,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "STEM Excellence", description: "Hands-on learning with advanced tools to master science, technology, and math concepts.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-digital-tablet-surrounded-by-various-stationeries-colorful-background_23-2147879834.jpg", imageAlt: "STEM learning environment" },
-          title: "STEM Excellence",
+        { title: "Arts & Creativity", description: "Encouraging self-expression through painting, drama, and music within our dedicated creative studios.", imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868318.jpg", imageAlt: "Creative art studio" },
-          description: "Hands-on learning with advanced tools to master science, technology, and math concepts.",
+        { title: "Physical Education", description: "Promoting wellness through team sports and outdoor activities in our expansive recreational spaces.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-jumping-around_23-2149868524.jpg", imageAlt: "Students playing outdoors" },
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-digital-tablet-surrounded-by-various-stationeries-colorful-background_23-2147879834.jpg",
-          imageAlt: "STEM learning environment",
-        },
-        {
-          title: "Arts & Creativity",
-          description: "Encouraging self-expression through painting, drama, and music within our dedicated creative studios.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868318.jpg",
-          imageAlt: "Creative art studio",
-        },
-        {
-          title: "Physical Education",
-          description: "Promoting wellness through team sports and outdoor activities in our expansive recreational spaces.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-jumping-around_23-2149868524.jpg",
-          imageAlt: "Students playing outdoors",
-        },
       ]}
       title="Our Core Programs"
       description="We offer a wide range of academic and extracurricular programs to help every child reach their full potential."
@@ -141,24 +88,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: Award, title: "Graduation Rate", value: "98%" },
-          id: "m1",
+        { id: "m2", icon: Users, title: "Active Students", value: "1200+" },
-          icon: Award,
+        { id: "m3", icon: Star, title: "Faculty Members", value: "150+" },
-          title: "Graduation Rate",
-          value: "98%",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Active Students",
-          value: "1200+",
-        },
-        {
-          id: "m3",
-          icon: Star,
-          title: "Faculty Members",
-          value: "150+",
-        },
       ]}
       title="By The Numbers"
       description="A snapshot of our academic success and community impact."
@@ -171,41 +103,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Miller", role: "Parent", testimonial: "Excellent environment for my kids. The staff is so dedicated!", imageSrc: "http://img.b2bpic.net/free-photo/backpack-sibling-white-pupil-together_1157-2674.jpg" },
-          id: "1",
+        { id: "2", name: "John Thompson", role: "Teacher", testimonial: "I love the collaborative spirit among our faculty here.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-studying-together_23-2149127091.jpg" },
-          name: "Sarah Miller",
+        { id: "3", name: "Lily Chen", role: "Student", testimonial: "The classes are super fun and I've learned so much.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-schoolgirl-with-backpack_171337-4697.jpg" },
-          role: "Parent",
+        { id: "4", name: "Robert Davis", role: "Parent", testimonial: "Great academic structure and supportive atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-parents-kids-home_23-2150231639.jpg" },
-          testimonial: "Excellent environment for my kids. The staff is so dedicated!",
+        { id: "5", name: "Helen Smith", role: "Administrator", testimonial: "We strive for excellence in every student interaction.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/backpack-sibling-white-pupil-together_1157-2674.jpg",
-        },
-        {
-          id: "2",
-          name: "John Thompson",
-          role: "Teacher",
-          testimonial: "I love the collaborative spirit among our faculty here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-studying-together_23-2149127091.jpg",
-        },
-        {
-          id: "3",
-          name: "Lily Chen",
-          role: "Student",
-          testimonial: "The classes are super fun and I've learned so much.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-schoolgirl-with-backpack_171337-4697.jpg",
-        },
-        {
-          id: "4",
-          name: "Robert Davis",
-          role: "Parent",
-          testimonial: "Great academic structure and supportive atmosphere.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-parents-kids-home_23-2150231639.jpg",
-        },
-        {
-          id: "5",
-          name: "Helen Smith",
-          role: "Administrator",
-          testimonial: "We strive for excellence in every student interaction.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
-        },
       ]}
       title="Community Voices"
       description="Hear what our parents, teachers, and students have to say about their experience at Bright Horizons."
@@ -217,21 +119,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "When is the enrollment period?", content: "Enrollment for the new semester opens in early March annually." },
-          id: "q1",
+        { id: "q2", title: "Are there school buses?", content: "Yes, we provide safe and reliable bus services across the district." },
-          title: "When is the enrollment period?",
+        { id: "q3", title: "What is the class size?", content: "Our average class size is 15-20 students to ensure individual attention." },
-          content: "Enrollment for the new semester opens in early March annually.",
-        },
-        {
-          id: "q2",
-          title: "Are there school buses?",
-          content: "Yes, we provide safe and reliable bus services across the district.",
-        },
-        {
-          id: "q3",
-          title: "What is the class size?",
-          content: "Our average class size is 15-20 students to ensure individual attention.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/water-stationery-set-conference-table_1262-3882.jpg"
       mediaAnimation="slide-up"
@@ -247,64 +137,24 @@ export default function LandingPage() {
       title="Get In Touch"
       description="Have questions? Feel free to contact our administrative office directly."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-          name: "name",
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
-        name: "message",
-        placeholder: "How can we help you?",
-        rows: 4,
-        required: true,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/multiracial-men-woman-with-documents_23-2147657210.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoEmphasis
-      imageSrc="http://img.b2bpic.net/free-photo/couple-going-down-stone-stairs_23-2148208794.jpg"
       logoText="Bright Horizons Academy"
       columns={[
-        {
+        { items: [{ label: "123 Schoolhouse Lane, Academic City, AC 12345" }, { label: "Phone: (555) 123-4567" }, { label: "Email: info@brighthorizons.edu" }] },
-          title: "School",
+        { items: [{ label: "About Us", href: "#about" }, { label: "Programs", href: "#features" }, { label: "Admissions", href: "#contact" }] }
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Programs",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Location",
-              href: "#",
-            },
-            {
-              label: "Email",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/programs/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProgramsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Staff", id: "/staff" },
+              { name: "News", id: "/news" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Bright Horizons Academy"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Bright Horizons Academy"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Programs", href: "/programs" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/staff/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function StaffPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Programs", id: "/programs" },
+              { name: "Admissions", id: "/admissions" },
+              { name: "Staff", id: "/staff" },
+              { name: "News", id: "/news" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Bright Horizons Academy"
+          />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardEleven 
+            title="Our Faculty & Staff"
+            description="Meet the team dedicated to student success."
+            textboxLayout="default"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            groups={[{ id: "1", groupTitle: "Leadership", members: [{ id: "1", title: "Jane Doe", subtitle: "Principal", detail: "Dedicated leader." }] }]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Bright Horizons Academy"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Staff", href: "/staff" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}