diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8950a9d..4fe8a7c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroSignup from '@/components/sections/hero/HeroSignup';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -10,7 +10,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Award, Clock, Coffee, Mail, Newspaper, Sparkles, Star, TrendingUp, Users, BarChart3, TrendingUp as TrendingUpIcon } from 'lucide-react';
+import { Award, Clock, Coffee, Mail, Newspaper, Sparkles, Star, TrendingUp, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -40,49 +40,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          title="Brew Haven"
-          description="Premium specialty coffee crafted with passion. Experience the art of perfect brewing."
-          tag="Coffee Excellence"
+        <HeroSignup
+          title="Premium Specialty Coffee Crafted with Passion"
+          description="Experience the art of perfect brewing. Discover our handpicked selection of single-origin beans from sustainable farms across the globe."
+          tag="Welcome to Brew Haven"
           tagIcon={Sparkles}
           tagAnimation="blur-reveal"
-          buttons={[
-            { text: "Order Now", href: "#products" },
-            { text: "Learn More", href: "#about" }
-          ]}
-          buttonAnimation="blur-reveal"
           background={{ variant: "plain" }}
-          dashboard={{
-            title: "Dashboard",            stats: [
-              { title: "Orders Today", values: "1,234", icon: TrendingUpIcon },
-              { title: "Active Members", values: "15K+", icon: Users },
-              { title: "Awards Won", values: "12+", icon: Award }
-            ],
-            logoIcon: Coffee,
-            sidebarItems: [
-              { icon: BarChart3 },
-              { icon: Coffee },
-              { icon: TrendingUpIcon }
-            ],
-            buttons: [
-              { text: "View Orders", href: "#products" }
-            ],
-            listItems: [
-              { title: "Premium Espresso", values: "$4.50" },
-              { title: "Velvety Cappuccino", values: "$5.50" },
-              { title: "Cold Brew", values: "$5.00" }
-            ],
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=673ag3",            imageAlt: "Brew Haven Dashboard",            searchPlaceholder: "Search coffee...",            chartTitle: "Weekly Sales",            chartData: [
-              { label: "Mon", value: 100 },
-              { label: "Tue", value: 120 },
-              { label: "Wed", value: 110 },
-              { label: "Thu", value: 140 },
-              { label: "Fri", value: 160 },
-              { label: "Sat", value: 180 },
-              { label: "Sun", value: 150 }
-            ],
-            listTitle: "Today's Specials"
-          }}
+          inputPlaceholder="Enter your email"
+          buttonText="Order Now"
+          onSubmit={(email) => console.log('Email:', email)}
         />
       </div>