From 9ae2ca5221e67d0b72a4dce59d672cb5412828b1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 18:23:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 490 ++++++++++++++---------------------------------
 1 file changed, 145 insertions(+), 345 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e4be4b4..8a07aa7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,360 +28,160 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Careva Ćuprija"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Careva Ćuprija"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Experience Excellence at Careva Ćuprija"
-      description="Discover our signature culinary journey in a setting that celebrates tradition and elegance. Your table awaits."
-      buttons={[
-        {
-          text: "Book Your Table",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wfm3wt",
-          imageAlt: "beautiful restaurant terrace landscape",
-        },
-        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1322kx",
-          imageAlt: "beautiful restaurant terrace landscape",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nycbjb",
-          imageAlt: "beautiful restaurant terrace landscape",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttknh4",
-          imageAlt: "beautiful restaurant terrace landscape",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lixud",
-          imageAlt: "beautiful restaurant terrace landscape",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwkkyb",
-          imageAlt: "beautiful restaurant terrace landscape",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="Experience Excellence at Careva Ćuprija"
+            description="Discover our signature culinary journey in a setting that celebrates tradition and elegance. Your table awaits."
+            buttons={[{ text: "Book Your Table", href: "#contact" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wfm3wt", imageAlt: "beautiful restaurant terrace landscape" },
+              { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1322kx", imageAlt: "beautiful restaurant terrace landscape" },
+              { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nycbjb", imageAlt: "beautiful restaurant terrace landscape" },
+              { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttknh4", imageAlt: "beautiful restaurant terrace landscape" },
+              { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7lixud", imageAlt: "beautiful restaurant terrace landscape" },
+              { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lwkkyb", imageAlt: "beautiful restaurant terrace landscape" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="A Legacy of Taste"
-      description="Careva Ćuprija combines historic charm with modern culinary mastery, creating unforgettable dining moments for every visitor."
-      metrics={[
-        {
-          value: "25+",
-          title: "Years Experience",
-        },
-        {
-          value: "100%",
-          title: "Customer Satisfaction",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tffr2"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageAlt="restaurant kitchen preparation"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="A Legacy of Taste"
+            description="Careva Ćuprija combines historic charm with modern culinary mastery, creating unforgettable dining moments for every visitor."
+            metrics={[
+              { value: "25+", title: "Years Experience" },
+              { value: "100%", title: "Customer Satisfaction" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tffr2"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+            imageAlt="restaurant kitchen preparation"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Fresh Ingredients",
-          tags: [
-            "Quality",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by7x97",
-          imageAlt: "fresh gourmet ingredients kitchen",
-        },
-        {
-          id: "f2",
-          title: "Cozy Atmosphere",
-          tags: [
-            "Ambiance",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlf281",
-          imageAlt: "warm restaurant cozy ambiance",
-        },
-        {
-          id: "f3",
-          title: "Expert Service",
-          tags: [
-            "Service",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgvke0",
-          imageAlt: "professional restaurant service staff",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Our dedication to quality ensures every visit is more than just a meal."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Fresh Ingredients", tags: ["Quality"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=by7x97", imageAlt: "fresh gourmet ingredients kitchen" },
+              { id: "f2", title: "Cozy Atmosphere", tags: ["Ambiance"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hlf281", imageAlt: "warm restaurant cozy ambiance" },
+              { id: "f3", title: "Expert Service", tags: ["Service"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgvke0", imageAlt: "professional restaurant service staff" },
+            ]}
+            title="Why Choose Us"
+            description="Our dedication to quality ensures every visit is more than just a meal."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Main Course",
-          name: "Chef Signature Steak",
-          price: "$35",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6sce7",
-          imageAlt: "gourmet plate presentation",
-        },
-        {
-          id: "p2",
-          brand: "Appetizer",
-          name: "Seasonal Antipasto",
-          price: "$18",
-          rating: 4,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tqdap",
-          imageAlt: "restaurant appetizer specialty",
-        },
-        {
-          id: "p3",
-          brand: "Specialty",
-          name: "Homemade Pasta",
-          price: "$22",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=49ii1l",
-          imageAlt: "gourmet main course steak",
-        },
-        {
-          id: "p4",
-          brand: "Dessert",
-          name: "Velvet Chocolate Tart",
-          price: "$12",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=80xxy9",
-          imageAlt: "exquisite dessert fine dining",
-        },
-        {
-          id: "p5",
-          brand: "Light",
-          name: "Organic Garden Salad",
-          price: "$15",
-          rating: 4,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9mvtx",
-          imageAlt: "fresh healthy salad plate",
-        },
-        {
-          id: "p6",
-          brand: "Drink",
-          name: "Handcrafted Cocktail",
-          price: "$14",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hb08my",
-          imageAlt: "premium beverage dining drink",
-        },
-      ]}
-      title="Our Specialties"
-      description="Handcrafted dishes prepared with passion and the finest local ingredients."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", brand: "Main Course", name: "Chef Signature Steak", price: "$35", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6sce7", imageAlt: "gourmet plate presentation" },
+              { id: "p2", brand: "Appetizer", name: "Seasonal Antipasto", price: "$18", rating: 4, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0tqdap", imageAlt: "restaurant appetizer specialty" },
+              { id: "p3", brand: "Specialty", name: "Homemade Pasta", price: "$22", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=49ii1l", imageAlt: "gourmet main course steak" },
+              { id: "p4", brand: "Dessert", name: "Velvet Chocolate Tart", price: "$12", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=80xxy9", imageAlt: "exquisite dessert fine dining" },
+              { id: "p5", brand: "Light", name: "Organic Garden Salad", price: "$15", rating: 4, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l9mvtx", imageAlt: "fresh healthy salad plate" },
+              { id: "p6", brand: "Drink", name: "Handcrafted Cocktail", price: "$14", rating: 5, reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hb08my", imageAlt: "premium beverage dining drink" },
+            ]}
+            title="Our Specialties"
+            description="Handcrafted dishes prepared with passion and the finest local ingredients."
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Local Gourmet Monthly",
-        "City Dining Guide",
-        "Taste Master Review",
-        "Hospitality Weekly",
-        "The Food Critic",
-        "Culinary Excellence",
-        "Regional Best",
-      ]}
-      title="Trusted by Local Foodies"
-      description="Join our community of satisfied diners who keep coming back for more."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Local Gourmet Monthly", "City Dining Guide", "Taste Master Review", "Hospitality Weekly", "The Food Critic", "Culinary Excellence", "Regional Best"]}
+            title="Trusted by Local Foodies"
+            description="Join our community of satisfied diners who keep coming back for more."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Food Blogger",
-          testimonial: "An absolute treasure in our city. The food is divine.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4pkxd1",
-          imageAlt: "satisfied customer dining restaurant",
-        },
-        {
-          id: "2",
-          name: "Michael T.",
-          role: "Local Business Owner",
-          testimonial: "Always perfect for meetings and casual dinners.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbciwh",
-          imageAlt: "smiling customer restaurant lunch",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Art Enthusiast",
-          testimonial: "The atmosphere is unmatched. Highly recommended.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22jrbk",
-          imageAlt: "relaxed customer dining evening",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          role: "Family Man",
-          testimonial: "Wonderful experience with my whole family. We will return.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9q1t4d",
-          imageAlt: "happy couple dining out",
-        },
-        {
-          id: "5",
-          name: "Jessica M.",
-          role: "Traveler",
-          testimonial: "Stumbled upon this gem and was blown away by the quality.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4r0e7",
-          imageAlt: "smiling professional guest dining",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Hear stories from our wonderful guests who made us a part of their special moments."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Food Blogger", testimonial: "An absolute treasure in our city. The food is divine.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4pkxd1", imageAlt: "satisfied customer dining restaurant" },
+              { id: "2", name: "Michael T.", role: "Local Business Owner", testimonial: "Always perfect for meetings and casual dinners.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbciwh", imageAlt: "smiling customer restaurant lunch" },
+              { id: "3", name: "Emily R.", role: "Art Enthusiast", testimonial: "The atmosphere is unmatched. Highly recommended.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22jrbk", imageAlt: "relaxed customer dining evening" },
+              { id: "4", name: "David L.", role: "Family Man", testimonial: "Wonderful experience with my whole family. We will return.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9q1t4d", imageAlt: "happy couple dining out" },
+              { id: "5", name: "Jessica M.", role: "Traveler", testimonial: "Stumbled upon this gem and was blown away by the quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j4r0e7", imageAlt: "smiling professional guest dining" },
+            ]}
+            title="What Our Guests Say"
+            description="Hear stories from our wonderful guests who made us a part of their special moments."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you need reservations?",
-          content: "Yes, we recommend reservations to ensure your preferred time.",
-        },
-        {
-          id: "q2",
-          title: "Are vegetarian options available?",
-          content: "Yes, we offer a dedicated vegetarian menu crafted by our chef.",
-        },
-        {
-          id: "q3",
-          title: "Is parking available?",
-          content: "Yes, complimentary parking is available for all guests.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6i3zp"
-      title="Common Questions"
-      description="Have inquiries? Here are the most common things people ask about Careva Ćuprija."
-      faqsAnimation="slide-up"
-      imageAlt="restaurant customer support help"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do you need reservations?", content: "Yes, we recommend reservations to ensure your preferred time." },
+              { id: "q2", title: "Are vegetarian options available?", content: "Yes, we offer a dedicated vegetarian menu crafted by our chef." },
+              { id: "q3", title: "Is parking available?", content: "Yes, complimentary parking is available for all guests." },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z6i3zp"
+            title="Common Questions"
+            description="Have inquiries? Here are the most common things people ask about Careva Ćuprija."
+            faqsAnimation="slide-up"
+            imageAlt="restaurant customer support help"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Book Your Dining Experience"
-      description="Ready for an exceptional meal? Contact us today to secure your table."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Book Your Dining Experience"
+            description="Ready for an exceptional meal? Contact us today to secure your table."
+            buttons={[{ text: "Contact Us Now", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Careva Ćuprija"
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Careva Ćuprija"
+            columns={[
+              {
+                title: "Navigate",                items: [
+                  { label: "Home", href: "#hero" },
+                  { label: "About", href: "#about" },
+                  { label: "Services", href: "#services" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1