Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #000802;;
+  --background: #fffef5;
-  --card: #0b1a0b;;
+  --card: #fdfdf0;
-  --foreground: #e6ffe6;;
+  --foreground: #1a1a00;
-  --primary-cta: #62f58e;;
+  --primary-cta: #ffcf40;
-  --secondary-cta: #07170b;;
+  --secondary-cta: #ffffff;
-  --accent: #7ff09d;;
+  --accent: #facc15;
-  --background-accent: #2c6541;;
+  --background-accent: #ffbf00;
 
   /* 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-merriweather), 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-merriweather), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -38,31 +38,11 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoCarousel
+        <HeroBillboard
-          logoText="Brew Haven"
+          title="Welcome to Brew Haven"
           description="Discover the finest specialty coffee crafted by passionate baristas. From ethically sourced single-origin beans to perfectly pulled espresso shots, we bring the world's best coffee to your cup."
-          mediaItems={[
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg"
-            {
+          imageAlt="Espresso shot with rich crema"
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403059564-mmpwvbzu.jpg",
-              imageAlt: "Espresso shot with rich crema"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403060798-jyic1c5u.jpg",
-              imageAlt: "Skilled barista crafting latte art"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403062193-iks0i5de.jpg",
-              imageAlt: "Premium roasted coffee beans"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403063260-gbejq1uv.jpg",
-              imageAlt: "Welcoming coffee shop interior"
-            },
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403065127-bjqo0yj5.jpg",
-              imageAlt: "Perfect latte with beautiful foam art"
-            }
-          ]}
         />
       </div>
 
@@ -214,7 +194,6 @@ export default function LandingPage() {
             "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403089735-q78a1ozs.jpg"
           ]}
           speed={40}
-          showCard={true}
         />
       </div>