Update theme colors

Merge version_3 into main

src/app/about/page.tsx

@@ -26,12 +26,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "/" },
+        {
-        { name: "About", id: "/about" },
+          name: "Home",
-        { name: "Courses", id: "/courses" },
+          id: "/",
-        { name: "Contact", id: "/contact" },
+        },
+        {
+          name: "About",
+          id: "/about",
+        },
+        {
+          name: "Courses",
+          id: "/courses",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
-      brandName="Academy Excellence"
+      brandName="Wisdom Science & Maths"
     />
   </div>
 
@@ -40,9 +52,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="About Our Academy"
       metrics={[
-        { icon: GraduationCap, label: "Years Experience", value: "10+" },
+        {
-        { icon: Users, label: "Active Students", value: "200+" },
+          icon: GraduationCap,
-        { icon: BookOpen, label: "Subjects", value: "8" },
+          label: "Years Experience",
+          value: "10+",
+        },
+        {
+          icon: Users,
+          label: "Active Students",
+          value: "200+",
+        },
+        {
+          icon: BookOpen,
+          label: "Subjects",
+          value: "8",
+        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -54,7 +78,29 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      members={[]}
+      members={[
+        {
+          id: "t1",
+          name: "Dr. Silva",
+          role: "Senior Science Lead",
+          description: "Experienced Science tutor.",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-making-hand-gestures_23-2148938303.jpg",
+        },
+        {
+          id: "t2",
+          name: "Ms. Perera",
+          role: "Math Head",
+          description: "Expert Mathematics teacher.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12412.jpg",
+        },
+        {
+          id: "t3",
+          name: "Mr. Fernando",
+          role: "Physics Lead",
+          description: "O/L revision specialist.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
+        },
+      ]}
       title="Our Expert Teachers"
       description="Learn from the best educators in the field."
     />
@@ -63,10 +109,32 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About", href: "/about" }, { label: "Courses", href: "/courses" }] },
+        {
-        { items: [{ label: "Contact Us", href: "/contact" }] }
+          items: [
+            {
+              label: "About",
+              href: "/about",
+            },
+            {
+              label: "Courses",
+              href: "/courses",
+            },
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Contact Us",
+              href: "/contact",
+            },
+            {
+              label: "Schedule",
+              href: "#",
+            },
+          ],
+        },
       ]}
-      logoText="Academy Excellence"
+      logoText="Wisdom Science & Maths"
     />
   </div>
       </ReactLenis>

src/app/contact/page.tsx

@@ -25,23 +25,38 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "/" },
+        {
-        { name: "About", id: "/about" },
+          name: "Home",
-        { name: "Courses", id: "/courses" },
+          id: "/",
-        { name: "Contact", id: "/contact" },
+        },
+        {
+          name: "About",
+          id: "/about",
+        },
+        {
+          name: "Courses",
+          id: "/courses",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
-      brandName="Academy Excellence"
+      brandName="Wisdom Science & Maths"
     />
   </div>
 
   <div id="contact-body" data-section="contact-body">
       <ContactSplit
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain",
+      }}
       title="Contact Us"
-      description="Reach out for inquiries."
+      description="1st Floor, Buthgamuwa Road, Angoda, Sri Lanka. Call us: 077 111 3391"
-      buttons={[]}
+      imageSrc="http://img.b2bpic.net/free-photo/girl-near-microscope-observing-teacher_259150-60352.jpg"
-      tag="Support"
+      mediaAnimation="slide-up"
+      tag="Get in touch"
     />
   </div>
 
@@ -49,19 +64,58 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="default"
       useInvertedBackground={true}
-      faqs={[]}
+      faqs={[
+        {
+          id: "q1",
+          title: "Do you provide notes?",
+          content: "Yes, comprehensive notes are provided for all subjects.",
+        },
+        {
+          id: "q2",
+          title: "What mediums do you cover?",
+          content: "We cover both English and Sinhala mediums.",
+        },
+        {
+          id: "q3",
+          title: "Are there demo classes?",
+          content: "Yes, we encourage students to attend a demo session.",
+        },
+      ]}
       title="Common Questions"
       faqsAnimation="slide-up"
+      description="Find answers to frequently asked questions about our programs."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About", href: "/about" }, { label: "Courses", href: "/courses" }] },
+        {
-        { items: [{ label: "Contact Us", href: "/contact" }] }
+          items: [
+            {
+              label: "About",
+              href: "/about",
+            },
+            {
+              label: "Courses",
+              href: "/courses",
+            },
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Contact Us",
+              href: "/contact",
+            },
+            {
+              label: "Schedule",
+              href: "#",
+            },
+          ],
+        },
       ]}
-      logoText="Academy Excellence"
+      logoText="Wisdom Science & Maths"
     />
   </div>
       </ReactLenis>

src/app/courses/page.tsx

@@ -25,12 +25,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "/" },
+        {
-        { name: "About", id: "/about" },
+          name: "Home",          id: "/"},
-        { name: "Courses", id: "/courses" },
+        {
-        { name: "Contact", id: "/contact" },
+          name: "About",          id: "/about"},
+        {
+          name: "Courses",          id: "/courses"},
+        {
+          name: "Contact",          id: "/contact"},
       ]}
-      brandName="Academy Excellence"
+      brandName="Wisdom Science & Maths"
     />
   </div>
 
@@ -40,9 +44,22 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[]}
+      products={[
+        {
+          id: "p1",          name: "Grade 6-11 Science",          price: "Enrolling",          imageSrc: "http://img.b2bpic.net/free-photo/group-three-young-good-looking-multi-ethnic-students-sitting-university-library-dark-skinned-guy-looking-back-his-friend-reading-article-light-haired-girl-with-happy-face_176420-8301.jpg"},
+        {
+          id: "p2",          name: "Grade 6-11 Math",          price: "Enrolling",          imageSrc: "http://img.b2bpic.net/free-photo/young-students-posing-camera_23-2147663796.jpg"},
+        {
+          id: "p3",          name: "O/L Revision",          price: "Enrolling",          imageSrc: "http://img.b2bpic.net/free-photo/excited-colleagues-discussing-some-questions-library_74855-1834.jpg"},
+        {
+          id: "p4",          name: "English Medium",          price: "Enrolling",          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899442.jpg"},
+        {
+          id: "p5",          name: "Sinhala Medium",          price: "Enrolling",          imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966126.jpg"},
+        {
+          id: "p6",          name: "Advanced Science",          price: "Enrolling",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teacher-wearing-glasses-with-hourglass-looking-it-surprised-preparing-lesson-sitting-school-desk-front-blackboard-classroom_141793-62370.jpg"},
+      ]}
       title="Our Programs"
-      description="Curated academic paths."
+      description="Curated programs for academic excellence."
     />
   </div>
 
@@ -51,19 +68,50 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      description=""
+      description="What our students say about us."
-      testimonials={[]}
+      testimonials={[
-      title="Student Success"
+        {
+          id: "1",          name: "Sarah",          handle: "@student",          testimonial: "Best tuition centre in the region!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/good-looking-cute-girl-trendy-yellow-overalls-t-shirt-smiling-broadly-with-joyful-happy-expression_176420-27053.jpg"},
+        {
+          id: "2",          name: "John",          handle: "@student",          testimonial: "Changed my math marks significantly.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-pretty-girl-against-white-background_23-2147839610.jpg"},
+        {
+          id: "3",          name: "Mary",          handle: "@student",          testimonial: "Excellent O/L revision programs.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/image-college-student-man-holding-notebooks_197531-33462.jpg"},
+        {
+          id: "4",          name: "Tom",          handle: "@student",          testimonial: "Highly recommended teachers.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/content-stylish-student-posing-table_23-2147666655.jpg"},
+        {
+          id: "5",          name: "Jane",          handle: "@student",          testimonial: "Small groups helped me grow.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-striped-shirt-eyeglasses_273609-13227.jpg"},
+      ]}
+      showRating={true}
+      title="Student Success Stories"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About", href: "/about" }, { label: "Courses", href: "/courses" }] },
+        {
-        { items: [{ label: "Contact Us", href: "/contact" }] }
+          items: [
+            {
+              label: "About",              href: "/about"},
+            {
+              label: "Courses",              href: "/courses"},
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Contact Us",              href: "/contact"},
+            {
+              label: "Schedule",              href: "#"},
+          ],
+        },
       ]}
-      logoText="Academy Excellence"
+      logoText="Wisdom Science & Maths"
     />
   </div>
       </ReactLenis>

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 HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+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 (
@@ -28,28 +29,35 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "/" },
+        {
-        { name: "About", id: "/about" },
+          name: "Home",          id: "/"},
-        { name: "Courses", id: "/courses" },
+        {
-        { name: "Contact", id: "/contact" },
+          name: "About",          id: "/about"},
+        {
+          name: "Courses",          id: "/courses"},
+        {
+          name: "Contact",          id: "/contact"},
       ]}
-      brandName="Academy Excellence"
+      brandName=""
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
+      <HeroSplitKpi
-      title="Unlock Your Potential with Elite Coaching"
+      title="Build Your Future with Excellence in Science & Mathematics"
-      description="Master Science and Mathematics with our proven curriculum. Empowering students from Grade 6 to O/L in both English and Sinhala mediums."
+      description="English Medium & Sinhala Medium Classes for Grade 6 to O/L. Enroll today for top-tier academic coaching."
-      background={{ variant: "sparkles-gradient" }}
+      background={{ variant: "gradient-bars" }}
-      testimonials={[
+      kpis={[
-        { name: "Aravinda P.", handle: "@top_scorer", testimonial: "The personalized attention helped me secure an A in Maths.", rating: 5 },
+        { value: "95%", label: "Pass Rate" },
-        { name: "Samadhi K.", handle: "@science_wiz", testimonial: "The science concepts are finally crystal clear!", rating: 5 }
+        { 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" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-students-brainstorming-with-teacher_23-2147864634.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/creative-students-brainstorming-new-project_23-2147664141.jpg"
     />
   </div>
 
@@ -59,10 +67,28 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        { id: "f1", title: "Experienced Faculty", author: "Top Educators", description: "Teachers with a decade of proven success.", tags: ["Qualified"], imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-near-back-school-writing_23-2147864634.jpg" },
+        {
-        { id: "f2", title: "Small Group Focus", author: "Personalized", description: "Individual guidance for every student.", tags: ["Focused"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-creation-made-from-3d-geometric-shapes_23-2150829267.jpg" }
+          id: "f1",          title: "Experienced Teachers",          author: "Expert Faculty",          description: "Subject masters dedicated to your success.",          tags: [
+            "Experienced",            "Qualified"],
+          imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-near-back-school-writing_23-2147864634.jpg"},
+        {
+          id: "f2",          title: "Small Group Classes",          author: "Individual Focus",          description: "Personalized learning paths for everyone.",          tags: [
+            "Personalized",            "Small Groups"],
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-creation-made-from-3d-geometric-shapes_23-2150829267.jpg"},
+        {
+          id: "f3",          title: "Exam-Focused",          author: "Results Driven",          description: "Strategy-based revision for O/Ls.",          tags: [
+            "Focused",            "Revision"],
+          imageSrc: "http://img.b2bpic.net/free-vector/modern-education-elements-background_23-2147748628.jpg"},
+        {
+          id: "f4",          title: "Modern Resources",          author: "Smart Learning",          description: "Latest study materials and tools.",          tags: [
+            "Resourceful",            "Tech-Enabled"],
+          imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-with-pins_23-2147654566.jpg"},
+        {
+          id: "f5",          title: "Flexible Scheduling",          author: "Convenient",          description: "Classes arranged to suit your busy day.",          tags: [
+            "Flexible",            "Accessible"],
+          imageSrc: "http://img.b2bpic.net/free-photo/man-with-magnifying-glass-with-risograph-effect-remixed-media_53876-126906.jpg"},
       ]}
-      title="Why Choose Us?"
+      title="Why Wisdom Tuition Centre?"
       description="Excellence in every lesson."
     />
   </div>
@@ -70,11 +96,15 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
-      title="Proven Results"
+      title="Proven Track Record"
-      tag="Achievements"
+      tag="Excellence"
       metrics={[
-        { id: "m1", value: "95%", description: "Success Rate" },
+        {
-        { id: "m2", value: "500+", description: "Happy Students" }
+          id: "m1",          value: "95%",          description: "Pass Rate"},
+        {
+          id: "m2",          value: "500+",          description: "Students Enrolled"},
+        {
+          id: "m3",          value: "15+",          description: "Expert Tutors"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -85,7 +115,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       title="Trusted by Families"
-      names={["Top Island Ranks", "Math Olympians", "O/L Success Achievers"]}
+      description="We are proud to serve the community for over a decade."
+      names={[
+        "Island Toppers",        "Math Olympians",        "Academic Excellence Award",        "Science Fair Winners",        "High Achievers Hub"]}
     />
   </div>
 
@@ -95,18 +127,20 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[]}
-      title="Student Success"
+      title="Testimonials"
-      description="Real stories from our students."
+      description="What our students say."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterCard
-      columns={[
+      logoText="Wisdom Science & Maths"
-        { items: [{ label: "About", href: "/about" }, { label: "Courses", href: "/courses" }] },
+      socialLinks={[
-        { items: [{ label: "Contact Us", href: "/contact" }] }
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Mail, href: "#", ariaLabel: "Email" }
       ]}
-      logoText="Academy Excellence"
+      copyrightText="© 2025 Wisdom Tuition Centre. All rights reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

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