Update src/app/page.tsx

Merge version_3 into main

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 HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+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 InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Facebook, Instagram } from "lucide-react";
+import { Facebook, Instagram, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,372 +29,130 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "hero" },
-          name: "Home",
+              { name: "Our Story", id: "about" },
-          id: "hero",
+              { name: "Menu", id: "products" },
-        },
+              { name: "Reviews", id: "testimonials" },
-        {
+              { name: "Contact", id: "contact" },
-          name: "About",
+            ]}
-          id: "about",
+            brandName="Cafe Petra"
-        },
+          />
-        {
+        </div>
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Ryan's Smokehouse"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
+          <HeroBillboardGallery
-      background={{
+            title="The Taste of the Mediterranean"
-        variant: "radial-gradient",
+            description="Authentic flavors, hand-crafted dishes, and a warm atmosphere waiting for you in every bite at Cafe Petra."
-      }}
+            background={{ variant: "radial-gradient" }}
-      title="Authentic Texas BBQ, Family Served."
+            mediaItems={[
-      description="Experience family-owned, wood-smoked goodness. From tender brisket to our famous potato salad, we serve flavor you'll remember."
+              { imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-salad-bowl-with-olives-feta-tomatoes_114579-3221.jpg?_wi=1", imageAlt: "Fresh Mediterranean Salad" },
-      leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-plate_140725-7834.jpg?_wi=1", imageAlt: "Grilled Mediterranean Fish" },
-        {
+              { imageSrc: "http://img.b2bpic.net/free-photo/assorted-meze-plate-with-hummus-pita-olives_181624-34521.jpg?_wi=1", imageAlt: "Mediterranean Meze Plate" }
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-ketchup-barberry-parsley-onion-side-view_141793-3124.jpg",
+            ]}
-          imageAlt: "barbecue restaurant rustic atmosphere",
+            buttons={[{ text: "Explore Our Menu", href: "#products" }]}
-        },
+          />
-        {
+        </div>
-          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="about" data-section="about">
+        <div id="about" data-section="about">
-      <SplitAbout
+          <InlineImageSplitTextAbout
-      textboxLayout="split"
+            heading={[{ type: "text", content: "Authentic Mediterranean Dining" }]}
-      useInvertedBackground={true}
+            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."
+        </div>
-      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="products" data-section="products">
+        <div id="products" data-section="products">
-      <ProductCardThree
+          <ProductCardOne
-      animationType="slide-up"
+            title="Our Menu Favorites"
-      textboxLayout="default"
+            description="From fresh salads to grilled specialties, explore our selection of hand-made Mediterranean dishes."
-      gridVariant="uniform-all-items-equal"
+            gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+            animationType="slide-up"
-      products={[
+            textboxLayout="default"
-        {
+            useInvertedBackground={false}
-          id: "p1",
+            products={[
-          name: "Famous Brisket",
+              { 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?_wi=2" },
-          price: "$16.00",
+              { id: "2", name: "Hummus Platter", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/assorted-meze-plate-with-hummus-pita-olives_181624-34521.jpg?_wi=2" },
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg",
+              { id: "3", name: "Grilled Sea Bass", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-plate_140725-7834.jpg?_wi=2" }
-        },
+            ]}
-        {
+          />
-          id: "p2",
+        </div>
-          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="metrics" data-section="metrics">
+        <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+          <MetricCardSeven
-      animationType="slide-up"
+            title="Quality & Tradition"
-      textboxLayout="default"
+            description="Why customers keep coming back to Cafe Petra."
-      gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
-      useInvertedBackground={true}
+            textboxLayout="default"
-      metrics={[
+            useInvertedBackground={false}
-        {
+            metrics={[
-          id: "m1",
+              { id: "m1", value: "15+", title: "Years of Excellence", items: ["Authentic recipes", "Locally sourced ingredients"] },
-          value: "819+",
+              { id: "m2", value: "4.9", title: "Average Rating", items: ["Loved by locals", "Consistently rated 5 stars"] },
-          description: "Five-Star Google Reviews",
+              { id: "m3", value: "500+", title: "Satisfied Diners", items: ["Monthly average", "Community focused service"] }
-        },
+            ]}
-        {
+          />
-          id: "m2",
+        </div>
-          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="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+          <TestimonialCardSix
-      animationType="slide-up"
+            title="Voices of Cafe Petra"
-      textboxLayout="default"
+            description="What our guests have to say about their experience."
-      useInvertedBackground={false}
+            animationType="slide-up"
-      testimonials={[
+            textboxLayout="default"
-        {
+            useInvertedBackground={false}
-          id: "t1",
+            testimonials={[
-          name: "Savanna Stevenson",
+              { 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 },
-          role: "Foodie",
+              { 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 }
-          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",
+          />
-        },
+        </div>
-        {
-          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="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqDouble
+          <FaqBase
-      textboxLayout="default"
+            title="Frequently Asked Questions"
-      useInvertedBackground={true}
+            description="Have questions about our menu or reservations?"
-      faqs={[
+            faqsAnimation="slide-up"
-        {
+            textboxLayout="default"
-          id: "f1",
+            useInvertedBackground={false}
-          title: "Do you offer delivery?",
+            faqs={[
-          content: "Yes, we partner with major delivery platforms to bring our BBQ to your doorstep.",
+              { 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." }
-        {
+            ]}
-          id: "f2",
+          />
-          title: "Do you have outdoor seating?",
+        </div>
-          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="socialProof" data-section="socialProof">
+        <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
+          <SocialProofOne
-      textboxLayout="default"
+            title="As Seen In"
-      useInvertedBackground={false}
+            description=""
-      names={[
+            textboxLayout="default"
-        "Texas BBQ Association",
+            useInvertedBackground={false}
-        "Webster Local Business",
+            names={["Mediterranean Living", "City Gourmet", "Local Food Digest"]}
-        "Foodie Choice Award",
+          />
-        "Smokehouse Excellence Seal",
+        </div>
-        "Community Dining Partner",
-      ]}
-      title="Recognized by Our Community"
-      description="We're proud to be a staple in Webster, Texas."
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactSplit
+          <ContactSplit
-      useInvertedBackground={true}
+            tag="Get In Touch"
-      background={{
+            title="Visit Cafe Petra"
-        variant: "plain",
+            description="Located in the heart of the city. Join us for a meal or give us a call for inquiries."
-      }}
+            background={{ variant: "plain" }}
-      tag="Visit Us"
+            useInvertedBackground={false}
-      title="Come Say Hi"
+            imageSrc="http://img.b2bpic.net/free-photo/cozy-mediterranean-restaurant-interior_114579-2451.jpg"
-      description="Located at 103 Henrietta St, Webster, TX. Call us at (281) 554-9331 for inquiries or large orders."
+          />
-      imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg"
+        </div>
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterCard
+          <FooterCard
-      logoText="Ryan's Smokehouse"
+            logoText="Cafe Petra"
-      copyrightText="© 2025 Ryan's Smokehouse. All rights reserved."
+            copyrightText="© 2025 Cafe Petra. All rights reserved."
-      socialLinks={[
+            socialLinks={[
-        {
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-          icon: Facebook,
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" }
-          href: "#",
+            ]}
-          ariaLabel: "Facebook",
+          />
-        },
+        </div>
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );