Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, BookOpen, GraduationCap, Laptop, Smile, Star, Trophy, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,267 +28,114 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "About", id: "#about" },
-          id: "#hero",
+        { name: "Academic", id: "#features" },
-        },
+        { name: "Contact", id: "#contact" },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Academic",
-          id: "#features",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
-      brandName="Winston Standard Secondary School"
+      brandName="Winston Standard"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
+      <HeroBillboardGallery
-      logoText="Winston Standard Secondary School"
+      title="Winston Standard Secondary School"
       description="Excellence in education at Najjanankumbi. Preparing students for a bright and successful future."
-      buttons={[
+      background={{ variant: "plain" }}
-        {
+      mediaItems={[
-          text: "Apply Now",
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-vintage-library-featuring-wooden-shelves-classic-green-lamps_482257-118588.jpg", imageAlt: "Library" },
-          href: "#contact",
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-teen-redhead-girl-sits-bench-park-takes-selfie-makes-photo-herself-with_1258-196954.jpg", imageAlt: "Students" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-daughter-hugging-park-sun-bright-summer-herbs_146671-15356.jpg", imageAlt: "Community" }
-        {
-          text: "Learn More",
-          href: "#about",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-vintage-library-featuring-wooden-shelves-classic-green-lamps_482257-118588.jpg"
-      imageAlt="modern secondary school campus building"
-      showDimOverlay={true}
     />
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <InlineImageSplitTextAbout
+      heading={[{ type: 'text', content: 'Our Commitment to Learning' }]}
       useInvertedBackground={false}
-      title="Our Commitment to Learning"
-      metrics={[
-        {
-          icon: BookOpen,
-          label: "Experienced Staff",
-          value: "50+",
-        },
-        {
-          icon: GraduationCap,
-          label: "Graduates Yearly",
-          value: "200+",
-        },
-        {
-          icon: Users,
-          label: "Student Population",
-          value: "1000+",
-        },
-      ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBorderGlow
+      <FeatureCardTwentyNine
+      title="Academic Programs"
+      description="We offer a balanced curriculum designed to foster critical thinking and moral integrity."
+      gridVariant="asymmetric-60-wide-40-narrow"
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Advanced Science Labs", description: "Hands-on experience in biology, physics, and chemistry.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
-          icon: Star,
+        { title: "Modern Library", description: "Extensive collection of academic resources.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
-          title: "Advanced Science Labs",
+        { title: "IT Center", description: "Computing and digital literacy.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" }
-          description: "Hands-on experience in biology, physics, and chemistry.",
-        },
-        {
-          icon: BookOpen,
-          title: "Modern Library",
-          description: "Extensive collection of academic resources and study spaces.",
-        },
-        {
-          icon: Laptop,
-          title: "IT Center",
-          description: "Fully equipped center for modern computing and digital literacy.",
-        },
       ]}
-      title="Academic Programs"
-      description="We offer a balanced curriculum designed to foster critical thinking and moral integrity."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
+      <MetricCardFourteen
-      animationType="slide-up"
+      title="School Success"
-      textboxLayout="default"
+      tag="Achievements"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "a1", value: "150+", description: "Academic Awards" },
-          id: "m1",
+        { id: "a2", value: "95%", description: "Satisfied Parents" },
-          icon: Trophy,
+        { id: "a3", value: "40+", description: "Sports Titles" }
-          title: "Academic Awards",
-          value: "150+",
-        },
-        {
-          id: "m2",
-          icon: Smile,
-          title: "Satisfied Parents",
-          value: "95%",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "Sports Titles",
-          value: "40+",
-        },
       ]}
-      title="School Success"
-      description="Celebrating the achievements and impact of our students over the years."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardFifteen
-      animationType="slide-up"
+      testimonial="Excellent academic environment, my children are thriving here."
-      textboxLayout="default"
+      rating={5}
+      author="Sarah Namutebi"
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
       useInvertedBackground={false}
-      testimonials={[
+      avatars={[{ src: "", alt: "" }]}
-        {
-          id: "1",
-          name: "Sarah Namutebi",
-          role: "Parent",
-          testimonial: "Excellent academic environment, my children are thriving here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-multiethnic-women-make-research-work-together-blonde-female-spectacles-searches-information-internet-while-her-companion-writes-notebook_273609-44934.jpg",
-        },
-        {
-          id: "2",
-          name: "John Kisekka",
-          role: "Alumni",
-          testimonial: "Winston prepared me well for university challenges.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-teen-redhead-girl-sits-bench-park-takes-selfie-makes-photo-herself-with_1258-196954.jpg",
-        },
-        {
-          id: "3",
-          name: "Mary Nakintu",
-          role: "Parent",
-          testimonial: "The staff is professional and truly cares about the students.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-stack-books_23-2148418604.jpg",
-        },
-        {
-          id: "4",
-          name: "Peter Ssemwogerere",
-          role: "Student",
-          testimonial: "Great facilities and supportive teachers make learning fun.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-daughter-hugging-park-sun-bright-summer-herbs_146671-15356.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice Nantege",
-          role: "Parent",
-          testimonial: "Highly recommend Winston Standard to any parent in Kampala.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-father-throwing-baby-boy-against-summer-park-little-boy-wearing-stylish-clothing-dad-spending-time-together-smiling-having-fun-outside-nature-happy-parenting-concept_132075-12487.jpg",
-        },
-      ]}
-      title="Voices of Our Community"
-      description="What parents and students say about the Winston Standard experience."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
+      title="Common Questions"
+      description="Everything you need to know about enrollment and school life."
+      faqsAnimation="slide-up"
+      textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "What is the enrollment process?", content: "Contact our office at 0414 270760." },
-          id: "q1",
+        { id: "q2", title: "Where is the school located?", content: "Najjanakumbi, opposite Mirambi Stage." },
-          title: "What is the enrollment process?",
+        { id: "q3", title: "What are your opening hours?", content: "Weekday mornings from 7:00 AM." },
-          content: "Contact our office at 0414 270760 for the latest enrollment guidelines.",
-        },
-        {
-          id: "q2",
-          title: "Where is the school located?",
-          content: "We are located at Najjanakumbi, opposite the Mirambi Stage.",
-        },
-        {
-          id: "q3",
-          title: "What are your opening hours?",
-          content: "The school office is open from 7:00 AM on weekdays.",
-        },
       ]}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about enrollment and school life."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
-      useInvertedBackground={false}
+      tag="Contact"
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
       title="Start Your Educational Journey"
-      description="Interested in joining the Winston Standard community? Get in touch today."
+      description="Get in touch with us to start the enrollment process today."
-      buttons={[
+      background={{ variant: "plain" }}
-        {
+      useInvertedBackground={false}
-          text: "Call Now",
-          href: "tel:+256414270760",
-        },
-        {
-          text: "Get Directions",
-          href: "https://maps.app.goo.gl/",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterSimple
-      imageSrc="http://img.b2bpic.net/free-photo/mother-prepare-little-daughter-school_1157-31768.jpg"
-      logoText="Winston Standard"
       columns={[
-        {
+        { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
-          title: "Quick Links",
+        { title: "Contact", items: [{ label: "041 4270760", href: "tel:+256414270760" }] }
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Admissions",
-              href: "#contact",
-            },
-            {
-              label: "Academic News",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Najjanakumbi, Kampala",
-              href: "#",
-            },
-            {
-              label: "041 4270760",
-              href: "tel:+256414270760",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2025 Winston Standard Secondary School"
+      bottomLeftText="© 2025 Winston Standard"
-      imageAlt="school gates peaceful campus"
+      bottomRightText="All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f0f8ff;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000f06e6;
+  --foreground: #001f3f;
-  --primary-cta: #0a7039;
+  --primary-cta: #106efb;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
+  --accent: #fde047;
-  --background-accent: #c4c4c4;
+  --background-accent: #e1efff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);