From e72d3325ac743b3e664b64d7e26ce67603a20fde Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 21:45:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 107 +++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 98 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3a0e31..12f2ccf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,31 +23,120 @@ export default function Page() {
         />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery background={{ variant: "sparkles-gradient" }} title="Rocky's Cafe" description="A cozy mountain breakfast worth waking up for. Tucked among the redwoods, we serve hearty, homemade breakfasts and lunches with the kind of warmth you can't fake." buttons={[{ text: "View Menu", href: "#signature-dishes" }, { text: "Get Directions", href: "#find-rockys" }]} mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/outdoors-picnic-scenery-summertime_23-2151425852.jpg", imageAlt: "rustic wood cafe cabin interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/freshly-made-pancakes-front-view_23-2148229166.jpg", imageAlt: "fluffy buttermilk pancakes butter syrup" }, { imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-bread-basket_140725-6277.jpg", imageAlt: "classic eggs benedict rustic cafe" }, { imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943502.jpg", imageAlt: "cafe seating under redwood trees" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-steak-plate-with-chips-beer_23-2148754938.jpg", imageAlt: "crispy chicken fried steak breakfast" }]} mediaAnimation="slide-up" />
+        <HeroBillboardGallery 
+          background={{ variant: "sparkles-gradient" }} 
+          title="Rocky's Cafe" 
+          description="A cozy mountain breakfast worth waking up for. Tucked among the redwoods, we serve hearty, homemade breakfasts and lunches with the kind of warmth you can't fake." 
+          buttons={[{ text: "View Menu", href: "#signature-dishes" }, { text: "Get Directions", href: "#find-rockys" }]} 
+          mediaItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/outdoors-picnic-scenery-summertime_23-2151425852.jpg", imageAlt: "Rocky's Cafe Cabin" }, 
+            { imageSrc: "http://img.b2bpic.net/free-photo/freshly-made-pancakes-front-view_23-2148229166.jpg", imageAlt: "Fluffy Pancakes" }, 
+            { imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-bread-basket_140725-6277.jpg", imageAlt: "Eggs Benedict" }, 
+            { imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943502.jpg", imageAlt: "Outdoor Seating" }, 
+            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-steak-plate-with-chips-beer_23-2148754938.jpg", imageAlt: "Chicken Fried Steak" } 
+          ]} 
+          mediaAnimation="slide-up" 
+        />
       </div>
       <div id="social-strip" data-section="social-strip">
-        <SocialProofOne textboxLayout="default" useInvertedBackground={false} names={["Feels like home.", "Best huevos rancheros I've ever had.", "Huge portions, amazing staff, cozy atmosphere.", "We came 3 times in one week.", "A hidden gem after hiking nearby.", "Rustic charm, great food.", "The real deal local spot."]} title="Locals & Travelers Agree" description="Don't just take our word for it—see why we're a local tradition." />
+        <SocialProofOne 
+          textboxLayout="default" 
+          useInvertedBackground={false} 
+          names={["Feels like home.", "Best huevos rancheros I've ever had.", "Huge portions, amazing staff, cozy atmosphere.", "We came 3 times in one week.", "A hidden gem after hiking nearby.", "Rustic charm, great food.", "The real deal local spot."]} 
+          title="Locals & Travelers Agree" 
+          description="Don't just take our word for it—see why we're a local tradition." 
+        />
       </div>
       <div id="about-tradition" data-section="about-tradition">
-        <SplitAbout textboxLayout="split" useInvertedBackground={true} title="Not Just a Cafe — A Local Tradition" description="Rocky's Cafe isn't polished. It's not trendy. And that's exactly why people love it. We're a family-run cafe tucked into the trees, serving up big breakfasts, strong coffee, and genuine hospitality. Whether you're coming off a hike, visiting for the weekend, or a local regular — you'll feel like you belong here." bulletPoints={[{ title: "Family-Owned", description: "Three generations of warm hospitality." }, { title: "Rustic Setting", description: "Nestled in the heart of the redwoods." }, { title: "Homemade Hearty", description: "Big portions, made from scratch." }]} imageSrc="http://img.b2bpic.net/free-photo/outdoors-picnic-scenery-summertime_23-2151425852.jpg" mediaAnimation="slide-up" />
+        <SplitAbout 
+          textboxLayout="split" 
+          useInvertedBackground={true} 
+          title="Not Just a Cafe — A Local Tradition" 
+          description="Rocky's Cafe isn't polished. It's not trendy. And that's exactly why people love it. We're a family-run cafe tucked into the trees, serving up big breakfasts, strong coffee, and genuine hospitality. Whether you're coming off a hike, visiting for the weekend, or a local regular — you'll feel like you belong here." 
+          bulletPoints={[{ title: "Family-Owned", description: "Three generations of warm hospitality." }, { title: "Rustic Setting", description: "Nestled in the heart of the redwoods." }, { title: "Homemade Hearty", description: "Big portions, made from scratch." }]} 
+          imageSrc="http://img.b2bpic.net/free-photo/outdoors-picnic-scenery-summertime_23-2151425852.jpg" 
+          mediaAnimation="slide-up" 
+        />
       </div>
       <div id="signature-dishes" data-section="signature-dishes">
-        <FeatureCardThree animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} features={[{ title: "Fluffy Pancakes", description: "Big, buttery, and impossible to finish (but you'll try).", imageSrc: "http://img.b2bpic.net/free-photo/freshly-made-pancakes-front-view_23-2148229166.jpg" }, { title: "Eggs Benedict", description: "Classic, redneck, and everything in between.", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-bread-basket_140725-6277.jpg" }, { title: "Huevos Rancheros", description: "The best anywhere I've tried—real customer favorite.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-breakfast-red-chilaquiles-with-egg-wooden-table_123827-30488.jpg" }, { title: "Chicken Fried Steak", description: "Crispy outside, juicy inside, unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-steak-plate-with-chips-beer_23-2148754938.jpg" }, { title: "Hearty Scrambles", description: "Packed, flavorful, and made your way.", imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-tomatoes-ham-green-onion-dark-table_2829-10742.jpg" }]} title="What People Come Back For" description="Our signature dishes are famous for a reason. Big portions, bold flavors, and comfort you can taste in every bite." />
+        <FeatureCardThree 
+          animationType="slide-up" 
+          textboxLayout="default" 
+          gridVariant="uniform-all-items-equal" 
+          useInvertedBackground={false} 
+          features={[
+            { title: "Fluffy Pancakes", description: "Big, buttery, and impossible to finish (but you'll try).", imageSrc: "http://img.b2bpic.net/free-photo/freshly-made-pancakes-front-view_23-2148229166.jpg" }, 
+            { title: "Eggs Benedict", description: "Classic, redneck, and everything in between.", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-bread-basket_140725-6277.jpg" }, 
+            { title: "Huevos Rancheros", description: "The best anywhere I've tried—real customer favorite.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-breakfast-red-chilaquiles-with-egg-wooden-table_123827-30488.jpg" }, 
+            { title: "Chicken Fried Steak", description: "Crispy outside, juicy inside, unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-steak-plate-with-chips-beer_23-2148754938.jpg" }, 
+            { title: "Hearty Scrambles", description: "Packed, flavorful, and made your way.", imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-tomatoes-ham-green-onion-dark-table_2829-10742.jpg" } 
+          ]} 
+          title="What People Come Back For" 
+          description="Our signature dishes are famous for a reason. Big portions, bold flavors, and comfort you can taste in every bite." 
+        />
       </div>
       <div id="experience" data-section="experience">
-        <SplitAbout textboxLayout="split" useInvertedBackground={true} title="Breakfast in the Redwoods" description="Sit inside our rustic wood cabin or outside under the trees. Slow mornings. Fresh air. Hot coffee always refilled. It's not just a meal — it's a moment." bulletPoints={[{ title: "Indoor & Outdoor", description: "Choose between our cozy cabin or patio seating." }, { title: "Morning Vibe", description: "Perfect for slow, quiet mornings in nature." }]} imageSrc="http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943502.jpg" mediaAnimation="slide-up" />
+        <SplitAbout 
+          textboxLayout="split" 
+          useInvertedBackground={true} 
+          title="Breakfast in the Redwoods" 
+          description="Sit inside our rustic wood cabin or outside under the trees. Slow mornings. Fresh air. Hot coffee always refilled. It's not just a meal — it's a moment." 
+          bulletPoints={[{ title: "Indoor & Outdoor", description: "Choose between our cozy cabin or patio seating." }, { title: "Morning Vibe", description: "Perfect for slow, quiet mornings in nature." }]} 
+          imageSrc="http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943502.jpg" 
+          mediaAnimation="slide-up" 
+        />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSix animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "Sarah J.", handle: "Local Regular", testimonial: "We ate here three times in one week.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-long-hair-coffee-shop_23-2147611529.jpg" }, { id: "2", name: "Mike D.", handle: "Hiker", testimonial: "The staff made us feel like family.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg" }, { id: "3", name: "Emily R.", handle: "Weekend Traveler", testimonial: "Huge portions and delicious homemade food.", imageSrc: "http://img.b2bpic.net/free-photo/daughter-mom-looking-father-breakfast_23-2147800396.jpg" }, { id: "4", name: "David K.", handle: "Local", testimonial: "A hidden gem after hiking nearby.", imageSrc: "http://img.b2bpic.net/free-photo/tanned-girl-guy-hold-hands-smile-their-apartment_197531-17337.jpg" }, { id: "5", name: "Jen M.", handle: "Traveler", testimonial: "Best spot in the mountains, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" }]} title="Real Voices" description="Hear what our regulars and hikers have to say about their visits." />
+        <TestimonialCardSix 
+          animationType="slide-up" 
+          textboxLayout="default" 
+          useInvertedBackground={false} 
+          testimonials={[
+            { id: "1", name: "Sarah J.", handle: "Local Regular", testimonial: "We ate here three times in one week.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-long-hair-coffee-shop_23-2147611529.jpg" }, 
+            { id: "2", name: "Mike D.", handle: "Hiker", testimonial: "The staff made us feel like family.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg" }, 
+            { id: "3", name: "Emily R.", handle: "Weekend Traveler", testimonial: "Huge portions and delicious homemade food.", imageSrc: "http://img.b2bpic.net/free-photo/daughter-mom-looking-father-breakfast_23-2147800396.jpg" }, 
+            { id: "4", name: "David K.", handle: "Local", testimonial: "A hidden gem after hiking nearby.", imageSrc: "http://img.b2bpic.net/free-photo/tanned-girl-guy-hold-hands-smile-their-apartment_197531-17337.jpg" }, 
+            { id: "5", name: "Jen M.", handle: "Traveler", testimonial: "Best spot in the mountains, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" }
+          ]} 
+          title="Real Voices" 
+          description="Hear what our regulars and hikers have to say about their visits." 
+        />
       </div>
       <div id="visitor-faq" data-section="visitor-faq">
-        <FaqDouble textboxLayout="default" useInvertedBackground={true} faqs={[{ id: "faq1", title: "Cash Only?", content: "Yes, cash only. We have an ATM on-site for your convenience." }, { id: "faq2", title: "Hours of Operation", content: "We are open for breakfast and lunch only. We close early, so plan to arrive before the rush!" }, { id: "faq3", title: "Parking", content: "Parking is limited, but we promise the meal is worth the wait." }, { id: "faq4", title: "Wait Times", content: "On busy weekends, expect a small wait—grab a coffee and take in the redwood air." }]} title="Good to Know Before You Visit" description="We're not fast food — we're worth slowing down for. Here's what you need to know." faqsAnimation="slide-up" />
+        <FaqDouble 
+          textboxLayout="default" 
+          useInvertedBackground={true} 
+          faqs={[
+            { id: "faq1", title: "Cash Only?", content: "Yes, cash only. We have an ATM on-site for your convenience." }, 
+            { id: "faq2", title: "Hours of Operation", content: "We are open for breakfast and lunch only. We close early, so plan to arrive before the rush!" }, 
+            { id: "faq3", title: "Parking", content: "Parking is limited, but we promise the meal is worth the wait." }, 
+            { id: "faq4", title: "Wait Times", content: "On busy weekends, expect a small wait—grab a coffee and take in the redwood air." }
+          ]} 
+          title="Good to Know Before You Visit" 
+          description="We're not fast food — we're worth slowing down for. Here's what you need to know." 
+          faqsAnimation="slide-up" 
+        />
       </div>
       <div id="find-rockys" data-section="find-rockys">
-        <ContactCTA useInvertedBackground={false} background={{ variant: "plain" }} tag="Find Us" title="Find Your Way to Rocky's" description="Whether you're passing through or making the trip just for us — we'll have a table (or a porch seat) waiting." buttons={[{ text: "Get Directions", href: "#" }, { text: "Call Ahead", href: "tel:555-555-5555" }]} />
+        <ContactCTA 
+          useInvertedBackground={false} 
+          background={{ variant: "plain" }} 
+          tag="Find Us" 
+          title="Find Your Way to Rocky's" 
+          description="Whether you're passing through or making the trip just for us — we'll have a table (or a porch seat) waiting." 
+          buttons={[{ text: "Get Directions", href: "#" }, { text: "Call Ahead", href: "tel:555-555-5555" }]} 
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterMedia imageSrc="http://img.b2bpic.net/free-vector/variety-retro-hotel-badges_23-2147531799.jpg" logoText="Rocky's Cafe" columns={[{ title: "Hours", items: [{ label: "Breakfast & Lunch Only", href: "#" }, { label: "Call to confirm", href: "tel:555-555-5555" }] }, { title: "Location", items: [{ label: "Redwood Mountain Rd", href: "#" }, { label: "Cash Only Notice", href: "#" }] }, { title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] }]} />
+        <FooterMedia 
+          imageSrc="http://img.b2bpic.net/free-vector/variety-retro-hotel-badges_23-2147531799.jpg" 
+          logoText="Rocky's Cafe" 
+          columns={[
+            { title: "Hours", items: [{ label: "Breakfast & Lunch Only", href: "#" }, { label: "Call to confirm", href: "tel:555-555-5555" }] }, 
+            { title: "Location", items: [{ label: "Redwood Mountain Rd", href: "#" }, { label: "Cash Only Notice", href: "#" }] }, 
+            { title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] }
+          ]} 
+        />
       </div>
     </ThemeProvider>
   );
-- 
2.49.1