diff --git a/src/app/generate/page.tsx b/src/app/generate/page.tsx
index ade45b8..9d76c4e 100644
--- a/src/app/generate/page.tsx
+++ b/src/app/generate/page.tsx
@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Sparkles, Mail, LogIn } from "lucide-react";
+import { Sparkles, Mail } from "lucide-react";
 import { useState } from "react";
 
 export default function GeneratePage() {
@@ -101,13 +101,16 @@ export default function GeneratePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
+        <HeroBillboardTestimonial
           title="Generate Recipes from Your Ingredients"
           description="Enter the ingredients you have on hand and let our AI create delicious recipe suggestions just for you. Create amazing meals with what you already have!"
-          tag="AI Recipe Generator"
-          tagIcon={Sparkles}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
+          testimonials={[
+            {
+              name: "Sarah Johnson",              handle: "Home Chef",              testimonial: "This app changed how I cook! No more food waste.",              rating: 5
+            }
+          ]}
         />
       </div>