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,9 +1,9 @@
-"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';
@@ -51,10 +51,8 @@ export default function LandingPage() {
           title="Master English with Green Card"
           description="Expert-led English language courses for all levels. From beginner to advanced proficiency, achieve your language goals with proven teaching methods."
           tags={["All Levels", "Expert Instructors", "Certified Programs", "Online & In-Person"]}
-          buttons={[
-            { text: "Start Learning", href: "contact" },
-            { text: "View Courses", href: "feature" }
-          ]}
+          buttons={[{ text: "Start Learning", href: "contact" },
+            { text: "View Courses", href: "feature" }]}
           showcaseImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484273512-laxrceeq.jpg"
           showcaseImageAlt="Students learning English in classroom"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
@@ -64,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>
 
@@ -108,9 +123,7 @@ export default function LandingPage() {
             }
           ]}
           showStepNumbers={true}
-          buttons={[
-            { text: "Browse All Courses", href: "contact" }
-          ]}
+          buttons={[{ text: "Browse All Courses", href: "contact" }]}
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />