Update src/app/globals.css

src/app/globals.css

@@ -5,12 +5,12 @@
   /* --vw is set by ThemeProvider */
 
   --background: #ffffff;
-  --card: #fcfcfc;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --card: #fafafa;
+  --foreground: #000000;
+  --primary-cta: #ffcc00;
   --secondary-cta: #ffffff;
-  --accent: #ffcf40;
-  --background-accent: #ffd966;
+  --accent: #e5e5e5;
+  --background-accent: #f5f5f5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
@@ -35,12 +35,31 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardCarousel
           title="English Dom"
           description="Master English fluency with expert instructors. Interactive lessons designed for all levels."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg"
-          imageAlt="English Dom learning experience"
-          frameStyle="card"
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg",
+              imageAlt: "English Dom learning experience"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484692441-ky6zbpw9.jpg",
+              imageAlt: "English Dom learning center"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
+              imageAlt: "Beginner English course"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
+              imageAlt: "Intermediate English course"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
+              imageAlt: "Advanced English course"
+            }
+          ]}
           buttons={[
             { text: "Start Trial", href: "contact" },
             { text: "All Courses", href: "features" }