Merge version_3 into main

Merge version_3 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;
-  --card: #fcfcfc;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
-  --secondary-cta: #ffffff;
-  --accent: #ffcf40;
-  --background-accent: #ffd966;
+  --background: #fafffb;;
+  --card: #f7fffa;;
+  --foreground: #001a0a;;
+  --primary-cta: #0a7039;;
+  --secondary-cta: #ffffff;;
+  --accent: #a8d9be;;
+  --background-accent: #6bbf8e;; 
 
   /* 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-inter-tight), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }

src/app/layout.tsx

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

src/app/page.tsx

@@ -1,10 +1,11 @@
-"use client";
+"use client"
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
 import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
@@ -182,6 +183,33 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardEleven
+          title="Our Impact"
+          description="Trusted by thousands of students worldwide to achieve their English goals."
+          tag="Results"
+          textboxLayout="default"
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",
+              value: "15,000+",
+              title: "Active Students",
+              description: "Learning English every day with our platform",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hile67"
+            },
+            {
+              id: "2",
+              value: "8,500+",
+              title: "Graduates",
+              description: "Successfully achieved their language goals",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484696101-v2pl2f1j.jpg"
+            }
+          ]}
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardEight
           title="Student Success Stories"
@@ -374,4 +402,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}