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/layout.tsx

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

src/app/page.tsx

@@ -1,17 +1,19 @@
-"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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import TeamCardThree from '@/components/sections/team/TeamCardThree';
+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';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import { BookOpen, Lightbulb, GraduationCap, Award, TrendingUp, Users, CheckCircle, Calendar, Star, HelpCircle, Phone, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
@@ -62,16 +64,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>
 
@@ -112,30 +131,8 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="socialProof" data-section="socialProof">
-        <SocialProofOne
-          logos={[
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140110880-q16dspxs.jpg",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140111672-sfjpgvql.jpg",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg"
-          ]}
-          title="Trusted by Global Partners"
-          description="Recognized and certified by world-leading educational institutions and assessment bodies"
-          tag="Certifications"
-          tagIcon={Award}
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          showCard={true}
-          speed={40}
-        />
-      </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 +140,31 @@ export default function LandingPage() {
           metrics={[
             {
               id: "1",
-              value: "5000+",
-              tag: "Students",
-              tagIcon: Users,
-              title: "Successful Learners Graduated"
+              value: "5000",
+              title: "Students",
+              description: "Successful Learners Graduated",
+              icon: Users
             },
             {
               id: "2",
-              value: "95%",
-              tag: "Success Rate",
-              tagIcon: CheckCircle,
-              title: "Students Reach Target Level"
+              value: "95",
+              title: "Success Rate",
+              description: "Students Reach Target Level",
+              icon: CheckCircle
             },
             {
               id: "3",
-              value: "45+",
-              tag: "Expert Instructors",
-              tagIcon: Award,
-              title: "Professional Certified Teachers"
+              value: "45",
+              title: "Expert Instructors",
+              description: "Professional Certified Teachers",
+              icon: Award
             },
             {
               id: "4",
               value: "15",
-              tag: "Years",
-              tagIcon: Calendar,
-              title: "Delivering Excellence in Education"
+              title: "Years",
+              description: "Delivering Excellence in Education",
+              icon: Calendar
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
@@ -179,7 +176,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 +186,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://example.com" }
+                { icon: Twitter, url: "https://twitter.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://example.com" }
+                { icon: Twitter, url: "https://twitter.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 +235,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"
         />
@@ -332,6 +320,78 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero-split" data-section="hero-split">
+        <HeroSplit
+          title="Ready to Transform Your English Skills?"
+          description="Join thousands of successful learners who have achieved their English language goals with our expert instructors and proven teaching methods."
+          tag="Take Action"
+          tagIcon={Star}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
+          imageAlt="English learning transformation"
+          imagePosition="right"
+          buttons={[{ text: "Start Free Trial", href: "contact" }, { text: "Learn More", href: "about" }]}
+        />
+      </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?"
@@ -369,6 +429,55 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="blog" data-section="blog">
+        <BlogCardOne
+          blogs={[
+            {
+              id: "1",
+              category: "Learning Tips",
+              title: "10 Proven Strategies to Master English Faster",
+              excerpt: "Discover effective techniques used by our top students to accelerate their English learning journey and achieve fluency.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg",
+              imageAlt: "Learning strategies article",
+              authorName: "Sarah Mitchell",
+              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
+              date: "15 Jan 2025"
+            },
+            {
+              id: "2",
+              category: "Exam Prep",
+              title: "Complete IELTS Writing Task 1 Guide",
+              excerpt: "Master the IELTS writing section with detailed examples, common mistakes, and high-scoring techniques from exam specialists.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg",
+              imageAlt: "IELTS writing guide",
+              authorName: "Michael Chen",
+              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
+              date: "12 Jan 2025"
+            },
+            {
+              id: "3",
+              category: "Student Stories",
+              title: "From Zero to Fluency: Ali's Success Story",
+              excerpt: "Read how Ali transformed from complete beginner to confident English speaker in just 6 months with our personalized approach.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg",
+              imageAlt: "Student success story",
+              authorName: "Elena Rodriguez",
+              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
+              date: "8 Jan 2025"
+            }
+          ]}
+          title="Latest Articles & Resources"
+          description="Stay updated with tips, strategies, and insights from our expert instructors"
+          tag="Blog"
+          tagIcon={BookOpen}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          carouselMode="buttons"
+          containerStyle="default"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="Green Card"
@@ -383,4 +492,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}