From a1113f31cfb44a4a0a6a4fc3965176c05b1d1a65 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 18:12:18 +0000
Subject: [PATCH] Update src/app/generate/page.tsx

---
 src/app/generate/page.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

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>
 
-- 
2.49.1