Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -3,12 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Facebook, Instagram, Mail } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -37,36 +38,26 @@ export default function LandingPage() {
         {
           name: "Contact",          id: "/contact"},
       ]}
-      brandName="Wisdom Science & Maths"
+      brandName=""
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars"}}
       title="Build Your Future with Excellence in Science & Mathematics"
       description="English Medium & Sinhala Medium Classes for Grade 6 to O/L. Enroll today for top-tier academic coaching."
+      background={{ variant: "gradient-bars" }}
+      kpis={[
+        { value: "95%", label: "Pass Rate" },
+        { value: "500+", label: "Enrolled" },
+        { value: "15+", label: "Expert Tutors" }
+      ]}
+      enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "Enroll Now", href: "/contact" },
-          text: "Enroll Now",          href: "/contact"},
+        { text: "Contact Us", href: "/contact" }
-        {
-          text: "Contact Us",          href: "/contact"},
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-students-brainstorming-new-project_23-2147664141.jpg",          imageAlt: "modern classroom science mathematics education"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-using-laptop-classroom_637285-8826.jpg",          imageAlt: "modern classroom science mathematics education"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601482.jpg",          imageAlt: "modern classroom science mathematics education"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/child-student-learning-school_23-2149511071.jpg",          imageAlt: "modern classroom science mathematics education"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-homework-school_23-2147854115.jpg",          imageAlt: "modern classroom science mathematics education"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/girls-learning-more-about-chemistry-class_23-2149068368.jpg",          imageAlt: "modern classroom science mathematics education"},
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/creative-students-brainstorming-new-project_23-2147664141.jpg"
     />
   </div>
 
@@ -142,29 +133,17 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterCard
-      columns={[
-        {
-          items: [
-            {
-              label: "About",              href: "/about"},
-            {
-              label: "Courses",              href: "/courses"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact Us",              href: "/contact"},
-            {
-              label: "Schedule",              href: "#"},
-          ],
-        },
-      ]}
       logoText="Wisdom Science & Maths"
+      socialLinks={[
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Mail, href: "#", ariaLabel: "Email" }
+      ]}
+      copyrightText="© 2025 Wisdom Tuition Centre. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfcfd;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #000612;
+  --foreground: #ffffff;
-  --primary-cta: #15479c;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ff8c42;
+  --secondary-cta: #000000;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
+  --accent: #535353;
-  --background-accent: #ff8c42;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);