Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fafffb;;
-  --card: #f7fffa;;
-  --foreground: #001a0a;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #ffffff;;
-  --accent: #a8d9be;;
-  --background-accent: #6bbf8e;; 
+  --background: #ffffff;
+  --card: #fcfcfc;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
+  --secondary-cta: #ffffff;
+  --accent: #ffcf40;
+  --background-accent: #ffd966;
 
   /* 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-manrope), 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-manrope), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/layout.tsx

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

src/app/page.tsx

@@ -1,11 +1,10 @@
-"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';
@@ -183,33 +182,6 @@ 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"
@@ -402,4 +374,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}