Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5faff;;
-  --card: #f1f8ff;;
-  --foreground: #001122;;
-  --primary-cta: #15479c;;
-  --secondary-cta: #ffffff;;
-  --accent: #0059b3;;
-  --background-accent: #15479c;;
+  --background: #ffff00;
+  --card: #fffaf0;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --secondary-cta: #ffff00;
+  --accent: #cccc00;
+  --background-accent: #ffff99;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-noto-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-noto-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -1,14 +1,14 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroShowcaseSplitOverlay from '@/components/sections/hero/HeroShowcaseSplitOverlay';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterCard from '@/components/sections/footer/FooterCard';
@@ -62,16 +62,33 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <TestimonialAboutCard
+        <SplitAbout
           tag="Our Story"
           tagIcon={BookOpen}
           title="Transforming Lives Through English Excellence"
-          description="Leading English Language School"
-          subdescription="Serving 5000+ students since 2010"
-          icon={Lightbulb}
+          description="Leading English Language School serving 5000+ students since 2010 with expert instructors and proven teaching methods."
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          bulletPoints={[
+            {
+              title: "Expert Instructors",
+              description: "CELTA and TEFL certified teachers with international experience and proven track records.",
+              icon: Lightbulb
+            },
+            {
+              title: "Comprehensive Programs",
+              description: "From A1 beginner to C2 advanced levels with specialized exam preparation courses.",
+              icon: GraduationCap
+            },
+            {
+              title: "Flexible Learning",
+              description: "Choose between online classes, in-person sessions, or a hybrid approach that fits your schedule.",
+              icon: CheckCircle
+            }
+          ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
           imageAlt="Green Card English School"
-          useInvertedBackground="noInvert"
+          imagePosition="right"
         />
       </div>
 
@@ -243,46 +260,42 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonial" data-section="testimonial">
-        <TestimonialCardNine
+        <FeatureCardEight
+          features={[
+            {
+              id: 1,
+              title: "Foundation Building",
+              description: "Master the essentials of English grammar, vocabulary, and basic communication skills needed for everyday situations.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg",
+              imageAlt: "Foundation Building course"
+            },
+            {
+              id: 2,
+              title: "Intermediate Progress",
+              description: "Build confidence in conversations and develop skills for work and social interactions with intermediate-level competency.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg",
+              imageAlt: "Intermediate Progress course"
+            },
+            {
+              id: 3,
+              title: "Advanced Mastery",
+              description: "Achieve fluency and professional proficiency with advanced grammar, nuanced vocabulary, and sophisticated communication abilities.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg",
+              imageAlt: "Advanced Mastery course"
+            },
+            {
+              id: 4,
+              title: "Exam Excellence",
+              description: "Prepare for IELTS, TOEFL, and Cambridge exams with targeted strategies, practice tests, and expert guidance from certified examiners.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484273512-laxrceeq.jpg",
+              imageAlt: "Exam Excellence course"
+            }
+          ]}
           title="Student Success Stories"
           description="Hear from our graduates who have transformed their English skills"
           tag="Testimonials"
           tagIcon={Star}
-          testimonials={[
-            {
-              id: "1",
-              quote: "Green Card transformed my English skills completely. The instructors are knowledgeable and the course structure is perfect for busy professionals.",
-              name: "Ahmed Hassan",
-              role: "Marketing Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484284719-dcwertw4.jpg",
-              imageAlt: "Ahmed Hassan"
-            },
-            {
-              id: "2",
-              quote: "I passed my IELTS exam on the first attempt thanks to the excellent preparation courses. The teaching methods are engaging and effective.",
-              name: "Liu Chen",
-              role: "University Student",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
-              imageAlt: "Liu Chen"
-            },
-            {
-              id: "3",
-              quote: "The online classes are convenient and interactive. My confidence in speaking English has increased dramatically in just 6 months.",
-              name: "Fatima Al-Mansouri",
-              role: "Business Owner",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484285681-xnlnbjbj.jpg",
-              imageAlt: "Fatima Al-Mansouri"
-            },
-            {
-              id: "4",
-              quote: "Professional instructors who truly care about student progress. I recommend Green Card to everyone wanting to improve their English.",
-              name: "Carlos Rodriguez",
-              role: "Software Engineer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484286527-6j0zht8w.jpg",
-              imageAlt: "Carlos Rodriguez"
-            }
-          ]}
-          variant="card"
+          buttons={[{ text: "Enroll Today", href: "contact" }]}
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />