From 47d3ba7c6bf398ad6c54bc4bc9898b63ffc971c0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 21:46:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 330 ++++++++++++++++-------------------------------
 1 file changed, 110 insertions(+), 220 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd670d6..5ee552e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Facebook, Instagram } from "lucide-react";
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Facebook, Instagram, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,228 +29,118 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="Ryan's Smokehouse"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Our Story", id: "about" },
+              { name: "Menu", id: "products" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Cafe Petra"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient"}}
-      title="Authentic Texas BBQ, Family Served."
-      description="Experience family-owned, wood-smoked goodness. From tender brisket to our famous potato salad, we serve flavor you'll remember."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-ketchup-barberry-parsley-onion-side-view_141793-3124.jpg",          imageAlt: "barbecue restaurant rustic atmosphere"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-yummy-snack-plate-lying-table_651396-1435.jpg",          imageAlt: "smoked brisket platter gourmet"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-with-savory-sauce-wood-generated-by-ai_188544-43157.jpg",          imageAlt: "tender pork ribs barbecue"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-mimosa-salad-with-bread-tomatoes_140725-13958.jpg",          imageAlt: "creamy potato salad bowl"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974676.jpg",          imageAlt: "smoked sausage link bbq"},
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-beans-bowl_23-2148746867.jpg",          imageAlt: "baked beans bbq side"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-bread-strips-with-garlic-oil-cheese-grates-top-yogurt_140725-10447.jpg",          imageAlt: "barbecue restaurant rustic atmosphere"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg",          imageAlt: "smoked brisket platter gourmet"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7645.jpg",          imageAlt: "tender pork ribs barbecue"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-traditional-chorizo-composition_23-2148980308.jpg",          imageAlt: "smoked sausage link bbq"},
-      ]}
-      buttons={[
-        {
-          text: "View Menu",          href: "#products"},
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-yummy-biscuit-rolls-with-fruits-dark-background_140725-76425.jpg",          alt: "Top view yummy biscuit rolls with fruits on dark background"},
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-plate-with-cutlery_23-2148439454.jpg",          alt: "Top view delicious meat on a plate with cutlery"},
-        {
-          src: "http://img.b2bpic.net/free-photo/delicious-traditional-chorizo-assortment_23-2148980271.jpg",          alt: "Delicious traditional chorizo assortment"},
-        {
-          src: "http://img.b2bpic.net/free-photo/bottom-half-view-becon-slices-serving-board-red-pepper-small-bowl-wheat-spike-wooden-table_140725-102984.jpg",          alt: "Bottom half view becon slices on serving board"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beef-pashtet-with-lettuce-leaves-tomato_114579-2534.jpg",          alt: "Beef pashtet with lettuce leaves and tomato."},
-      ]}
-      marqueeItems={[
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-vector/pack-picnic-bbq-labels_23-2147558124.jpg",          alt: "local bbq food review logo"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-vector/vintage-quality-labels_23-2147506422.jpg",          alt: "food industry award badge"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-vector/startups-new-business-25-solid-glyph-icon-pack-including-business-calendar-gear-appointment-group_1142-23190.jpg",          alt: "texas food guide badge"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-vector/barbecue-labels-collection-flat-style_23-2147762131.jpg",          alt: "community support food icon"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-vector/spoon-fork-food-logo-art-illustration_56104-776.jpg",          alt: "restaurant review partner logo"},
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            title="The Taste of the Mediterranean"
+            description="Authentic flavors, hand-crafted dishes, and a warm atmosphere waiting for you in every bite at Cafe Petra."
+            background={{ variant: "radial-gradient" }}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-salad-bowl-with-olives-feta-tomatoes_114579-3221.jpg", imageAlt: "Fresh Mediterranean Salad" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-plate_140725-7834.jpg", imageAlt: "Grilled Mediterranean Fish" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/assorted-meze-plate-with-hummus-pita-olives_181624-34521.jpg", imageAlt: "Mediterranean Meze Plate" }
+            ]}
+            buttons={[{ text: "Explore Our Menu", href: "#products" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Serving Tradition since 1999"
-      description="Ryan's Smokehouse is a family-owned, counter-serve joint dedicated to the art of low-and-slow barbecue. We believe in great food, cheerful service, and building a place where our community feels right at home."
-      bulletPoints={[
-        {
-          title: "Authentic Smoking",          description: "Traditional wood-smoked meats, cooked daily for maximum flavor."},
-        {
-          title: "Famous Sides",          description: "Our potato salad is made from scratch with secret family ingredients."},
-        {
-          title: "Community Focus",          description: "Serving families and neighbors with a smile every single day."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918999.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            heading={[{ type: "text", content: "Authentic Mediterranean Dining" }]}
+            description="Cafe Petra brings the sun-drenched flavors of the Mediterranean to your table. Using fresh, local ingredients and traditional recipes passed down through generations, we aim to provide an unforgettable culinary journey."
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Famous Brisket",          price: "$16.00",          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg"},
-        {
-          id: "p2",          name: "Ribs Platter",          price: "$18.00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ribs-tray_23-2148679072.jpg"},
-        {
-          id: "p3",          name: "Potato Salad",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-salad-olivier_2829-6255.jpg"},
-        {
-          id: "p4",          name: "Smoked Sausage",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-sausages-with-side-dishes-sauces_181624-28567.jpg"},
-        {
-          id: "p5",          name: "Pulled Pork Sandwich",          price: "$11.00",          imageSrc: "http://img.b2bpic.net/free-photo/philly-cheesesteak-sandwich-with-beef-cheesegreen-pepers-caramelized-onion_123827-21970.jpg"},
-        {
-          id: "p6",          name: "Baked Beans",          price: "$4.00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chilli-beans-tray_23-2148660399.jpg"},
-      ]}
-      title="Our Signature Smoked Menu"
-      description="Slow-smoked perfection, hand-carved to order."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            title="Our Menu Favorites"
+            description="From fresh salads to grilled specialties, explore our selection of hand-made Mediterranean dishes."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            products={[
+              { id: "1", name: "Greek Salad", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-salad-bowl-with-olives-feta-tomatoes_114579-3221.jpg" },
+              { id: "2", name: "Hummus Platter", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/assorted-meze-plate-with-hummus-pita-olives_181624-34521.jpg" },
+              { id: "3", name: "Grilled Sea Bass", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-plate_140725-7834.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",          value: "819+",          description: "Five-Star Google Reviews"},
-        {
-          id: "m2",          value: "4.6",          description: "Average Rating"},
-        {
-          id: "m3",          value: "25+",          description: "Years of Experience"},
-      ]}
-      title="Why We're Loved"
-      description="High standards and satisfied guests."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            title="Quality & Tradition"
+            description="Why customers keep coming back to Cafe Petra."
+            animationType="slide-up"
+            metrics={[
+              { id: "m1", value: "15+", title: "Years of Excellence", items: ["Authentic recipes", "Locally sourced ingredients"] },
+              { id: "m2", value: "4.9", title: "Average Rating", items: ["Loved by locals", "Consistently rated 5 stars"] },
+              { id: "m3", value: "500+", title: "Satisfied Diners", items: ["Monthly average", "Community focused service"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "Savanna Stevenson",          role: "Foodie",          testimonial: "Got the famous chow down potato with brisket and it was delicious! Employees were so cheerful.",          imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000280.jpg"},
-        {
-          id: "t2",          name: "Michael Chen",          role: "Regular",          testimonial: "Our family went there and ordered the 3-meat platter—brisket, ribs, and sausage. Absolutely perfect.",          imageSrc: "http://img.b2bpic.net/free-photo/aged-man-choosing-burger-apple_1303-23623.jpg"},
-        {
-          id: "t3",          name: "Emily Rodriguez",          role: "Customer",          testimonial: "Amazing service, amazing food, great people and great overall place to eat.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg"},
-        {
-          id: "t4",          name: "David Kim",          role: "Visitor",          testimonial: "The side potato salad is creamy and tasty with perfect chunks of potatoes. A must-try side.",          imageSrc: "http://img.b2bpic.net/free-photo/family-with-daughter-playing-yard_1157-24656.jpg"},
-        {
-          id: "t5",          name: "Sarah Johnson",          role: "Local",          testimonial: "Best BBQ in Webster! The atmosphere is always so positive and welcoming.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-barbecue_23-2149383061.jpg"},
-      ]}
-      title="Loved by the Locals"
-      description="Hear what our amazing guests have to say."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            title="Voices of Cafe Petra"
+            description="What our guests have to say about their experience."
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Elena V.", handle: "@elena_foodie", testimonial: "The freshest salad I've ever had! Truly reminds me of my time in Greece.", icon: Star },
+              { id: "2", name: "Mark D.", handle: "@mark_traveler", testimonial: "The grilled bass is to die for. Exceptional service and a beautiful, clean setting.", icon: Star }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",          title: "Do you offer delivery?",          content: "Yes, we partner with major delivery platforms like DoorDash or UberEats to bring our BBQ to your doorstep."},
-        {
-          id: "f2",          title: "Do you have outdoor seating?",          content: "Absolutely! We offer comfortable outdoor seating options for all our guests."},
-        {
-          id: "f3",          title: "Is there a drive-thru?",          content: "Yes, for your convenience, we have a fully functional drive-thru."},
-        {
-          id: "f4",          title: "What are your hours?",          content: "We are open daily until 8 PM. Come early to ensure you get your favorite cut!"},
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about your smokehouse visit."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Frequently Asked Questions"
+            description="Have questions about our menu or reservations?"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "1", title: "Do you accept reservations?", content: "Yes, we recommend booking in advance for weekend dinners." },
+              { id: "2", title: "Are there vegetarian options?", content: "We have a wide variety of vegetarian and vegan dishes." }
+            ]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Texas BBQ Association",        "Webster Local Business",        "Foodie Choice Award",        "Smokehouse Excellence Seal",        "Community Dining Partner"]}
-      title="Recognized by Our Community"
-      description="We're proud to be a staple in Webster, Texas."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            title="As Seen In"
+            names={["Mediterranean Living", "City Gourmet", "Local Food Digest"]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      tag="Visit Us"
-      title="Come Say Hi"
-      description="Located at 103 Henrietta St, Webster, TX. Call us at <a href='tel:+12815549331'>(281) 554-9331</a> for inquiries or large orders."
-      imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get In Touch"
+            title="Visit Cafe Petra"
+            description="Located in the heart of the city. Join us for a meal or give us a call for inquiries."
+            imageSrc="http://img.b2bpic.net/free-photo/cozy-mediterranean-restaurant-interior_114579-2451.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Ryan's Smokehouse"
-      copyrightText="© 2025 Ryan's Smokehouse. All rights reserved."
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",          ariaLabel: "Facebook"},
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Cafe Petra"
+            copyrightText="© 2025 Cafe Petra. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1