diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3ce2e91..e9b1594 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroSignup from '@/components/sections/hero/HeroSignup';
 import TextAbout from '@/components/sections/about/TextAbout';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -42,18 +42,22 @@ export default function LandingPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroBillboard
-          title="Freshly Baked Goodness Every Day"
-          description="Artisanal breads, pastries, and desserts crafted with love using premium ingredients. Experience the warmth of traditional baking combined with modern flavors."
-          background={{ variant: "sparkles-gradient" }}
-          tag="Baked Fresh Daily"
+        <HeroSignup
+          title="Join Our Baking Community"
+          description="Subscribe to get exclusive recipes, early access to seasonal treats, and special discounts delivered straight to your inbox."
+          background={{ variant: "glowing-orb" }}
+          tag="Sweet Rewards Await"
           tagIcon={Sparkles}
-          imageSrc="http://img.b2bpic.net/free-photo/fresh-croissants-with-croissant-with-powdered-sugar-wooden-table_181624-23604.jpg"
-          imageAlt="Fresh baked pastries and breads"
-          buttons={[
-            { text: "Shop Now", href: "#products" },
-            { text: "Learn Our Story", href: "#about" }
-          ]}
+          inputPlaceholder="your@email.com"
+          buttonText="Subscribe Now"
+          onSubmit={(email) => console.log("Subscribed:", email)}
+          ariaLabel="Newsletter signup section"
+          containerClassName="bg-gradient-to-b from-amber-50 to-orange-50"
+          titleClassName="text-4xl font-bold text-amber-900"
+          descriptionClassName="text-lg text-amber-800"
+          tagClassName="text-amber-700"
+          buttonClassName="bg-amber-600 hover:bg-amber-700"
+          buttonTextClassName="text-white font-semibold"
         />
       </div>