Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5faff;;
+  --background: #ffff00;
-  --card: #f1f8ff;;
+  --card: #fffaf0;
-  --foreground: #001122;;
+  --foreground: #000000;
-  --primary-cta: #15479c;;
+  --primary-cta: #000000;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffff00;
-  --accent: #0059b3;;
+  --accent: #cccc00;
-  --background-accent: #15479c;;
+  --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/layout.tsx

@@ -1273,4 +1273,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import TeamCardThree from '@/components/sections/team/TeamCardThree';
-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"
+          description="Leading English Language School serving 5000+ students since 2010 with expert instructors and proven teaching methods."
-          subdescription="Serving 5000+ students since 2010"
+          textboxLayout="default"
-          icon={Lightbulb}
+          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>
 
@@ -135,7 +152,7 @@ export default function LandingPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardSix
+        <MetricCardOne
           title="Our Impact by Numbers"
           description="Proven results and student success across 15 years of English language education"
           tag="Statistics"
@@ -143,31 +160,31 @@ export default function LandingPage() {
           metrics={[
             {
               id: "1",
-              value: "5000+",
+              value: "5000",
-              tag: "Students",
+              title: "Students",
-              tagIcon: Users,
+              description: "Successful Learners Graduated",
-              title: "Successful Learners Graduated"
+              icon: Users
             },
             {
               id: "2",
-              value: "95%",
+              value: "95",
-              tag: "Success Rate",
+              title: "Success Rate",
-              tagIcon: CheckCircle,
+              description: "Students Reach Target Level",
-              title: "Students Reach Target Level"
+              icon: CheckCircle
             },
             {
               id: "3",
-              value: "45+",
+              value: "45",
-              tag: "Expert Instructors",
+              title: "Expert Instructors",
-              tagIcon: Award,
+              description: "Professional Certified Teachers",
-              title: "Professional Certified Teachers"
+              icon: Award
             },
             {
               id: "4",
               value: "15",
-              tag: "Years",
+              title: "Years",
-              tagIcon: Calendar,
+              description: "Delivering Excellence in Education",
-              title: "Delivering Excellence in Education"
+              icon: Calendar
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
@@ -179,7 +196,7 @@ export default function LandingPage() {
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardTwo
+        <TeamCardThree
           title="Meet Our Expert Instructors"
           description="Dedicated educators with international qualifications and years of teaching experience"
           tag="Leadership"
@@ -189,52 +206,47 @@ export default function LandingPage() {
               id: "1",
               name: "Sarah Mitchell",
               role: "Head of Curriculum",
-              description: "CELTA certified with 12 years teaching experience across 6 countries. Specializes in advanced conversation.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
               imageAlt: "Sarah Mitchell",
               socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" },
-                { icon: Twitter, url: "https://example.com" }
+                { icon: Linkedin, url: "https://linkedin.com" }
               ]
             },
             {
               id: "2",
               name: "Maria Garcia",
               role: "Pronunciation Specialist",
-              description: "Master's in Phonetics from Cambridge. Expert in accent reduction and clear speech training.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484280475-f1uh14s0.jpg",
               imageAlt: "Maria Garcia",
               socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" },
-                { icon: Twitter, url: "https://twitter.com" }
+                { icon: Linkedin, url: "https://linkedin.com" }
               ]
             },
             {
               id: "3",
               name: "James Wilson",
               role: "Business English Coach",
-              description: "Former corporate trainer with 15 years in international business. Teaches professional communication.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
               imageAlt: "James Wilson",
               socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" },
-                { icon: Twitter, url: "https://example.com" }
+                { icon: Linkedin, url: "https://linkedin.com" }
               ]
             },
             {
               id: "4",
               name: "Elena Rodriguez",
               role: "Exam Preparation Lead",
-              description: "IELTS examiner and TOEFL specialist. Helped 1000+ students achieve their exam goals.",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
               imageAlt: "Elena Rodriguez",
               socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" },
-                { icon: Twitter, url: "https://twitter.com" }
+                { icon: Linkedin, url: "https://linkedin.com" }
               ]
             }
           ]}
-          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           containerStyle="default"
           textboxLayout="default"
@@ -243,46 +255,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={[
+          buttons={[{ text: "Enroll Today", href: "contact" }]}
-            {
-              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"
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />
@@ -332,6 +340,65 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="team-card-three" data-section="team-card-three">
+        <TeamCardThree
+          title="Our Teaching Team"
+          description="Expert educators committed to your language learning success"
+          tag="Faculty"
+          tagIcon={Users}
+          members={[
+            {
+              id: "1",
+              name: "Dr. Christopher Adams",
+              role: "Curriculum Director",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
+              imageAlt: "Dr. Christopher Adams",
+              socialLinks: [
+                { icon: Twitter, url: "https://twitter.com" },
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
+            },
+            {
+              id: "2",
+              name: "Anna Thompson",
+              role: "Speaking Skills Coach",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484280475-f1uh14s0.jpg",
+              imageAlt: "Anna Thompson",
+              socialLinks: [
+                { icon: Twitter, url: "https://twitter.com" },
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
+            },
+            {
+              id: "3",
+              name: "Michael Chen",
+              role: "IELTS Test Specialist",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
+              imageAlt: "Michael Chen",
+              socialLinks: [
+                { icon: Twitter, url: "https://twitter.com" },
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
+            },
+            {
+              id: "4",
+              name: "Sophie Laurent",
+              role: "Writing & Grammar Tutor",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
+              imageAlt: "Sophie Laurent",
+              socialLinks: [
+                { icon: Twitter, url: "https://twitter.com" },
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          containerStyle="default"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactFaq
           ctaTitle="Ready to Start Your English Journey?"
@@ -383,4 +450,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}