Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -41,15 +41,15 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboardSplit
           logoText="Fresh Harvest"
-          description="Discover the finest locally-sourced fruits and vegetables in NYC. From vibrant berries to crisp greens, we bring farm-fresh quality directly to your table."
+          description="Farm-fresh produce delivered to NYC within 24 hours. Skip the grocery store and get premium fruits and vegetables delivered straight to your door with guaranteed freshness."
           background={{ variant: "radial-gradient" }}
           buttons={[
-            { text: "Shop Now", href: "#products" },
+            { text: "Get Fresh Now", href: "#products" },
-            { text: "Learn More", href: "#about" }
+            { text: "24hr Delivery", href: "#about" }
           ]}
           layoutOrder="default"
-          imageSrc="http://img.b2bpic.net/free-photo/variety-tasty-natural-fruits-vegetables-italian-market-horizontal-selective-focus_1220-1257.jpg"
+          imageSrc="https://images.unsplash.com/photo-1599599810694-b5ac4dd67fbe?w=1200&h=800&fit=crop"
-          imageAlt="Fresh colorful fruits and vegetables"
+          imageAlt="Fresh red watermelon"
           frameStyle="card"
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
@@ -155,6 +155,10 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          carouselMode="buttons"
+          uniformGridCustomHeightClasses="min-h-80"
+          cardClassName="backdrop-blur-md bg-card/40 border border-accent/20"
+          containerClassName="relative"
         />
       </div>