From 3b9e7818781af0be534767a14357d98d9788cdf4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 01:24:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 356 +++++++++++++++--------------------------------
 1 file changed, 113 insertions(+), 243 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 856fb5e..091258c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,256 +27,126 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Experience",
-          id: "#experience",
-        },
-        {
-          name: "For Operators",
-          id: "#operators",
-        },
-        {
-          name: "Download",
-          id: "#download",
-        },
-      ]}
-      brandName="Oro"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Experience", id: "#experience" },
+              { name: "For Operators", id: "#operators" },
+              { name: "Download", id: "#download" }
+            ]}
+            brandName="Oro"
+            button={{ text: "Get Started" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="The video is the review."
-      description="Discover restaurants the way you actually choose them — by feel, not stars."
-      testimonials={[
-        {
-          name: "Elena R.",
-          handle: "@elena_dining",
-          testimonial: "Finally, a way to see the vibe before I book. Oro is a game changer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=1",
-          imageAlt: "luxurious dark restaurant interior",
-        },
-        {
-          name: "Marcus T.",
-          handle: "@mt_foodie",
-          testimonial: "The atmosphere videos are so accurate. I feel like I've already been there.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg?_wi=1",
-          imageAlt: "minimalist golden compass icon",
-        },
-        {
-          name: "Sarah J.",
-          handle: "@sarah_eats",
-          testimonial: "No more guessing games. This is how restaurant discovery should be.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg?_wi=1",
-          imageAlt: "elegant golden calendar reservation",
-        },
-        {
-          name: "David W.",
-          handle: "@david_dines",
-          testimonial: "Clean UI, seamless booking, and the best aesthetic in the industry.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg?_wi=1",
-          imageAlt: "gold profile heart icon",
-        },
-        {
-          name: "Jessica L.",
-          handle: "@jess_gourmet",
-          testimonial: "Oro captures the energy of the room perfectly. My new favorite app.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg?_wi=1",
-          imageAlt: "professional restaurant service chef",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Download Oro",
-          href: "#download",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg?_wi=2"
-      mediaAnimation="opacity"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg",
-          alt: "user-1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg",
-          alt: "user-2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg",
-          alt: "user-3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg",
-          alt: "user-4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg",
-          alt: "user-5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Michelin Quality",
-        },
-        {
-          type: "text",
-          text: "Hidden Gems",
-        },
-        {
-          type: "text",
-          text: "Vibe Focused",
-        },
-        {
-          type: "text",
-          text: "Seamless Booking",
-        },
-        {
-          type: "text",
-          text: "Curated Dining",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="The video is the review."
+            description="Discover restaurants the way you actually choose them — by feel, not stars."
+            testimonials={[
+              { name: "Elena R.", handle: "@elena_dining", testimonial: "Finally, a way to see the vibe before I book. Oro is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg", imageAlt: "luxurious dark restaurant interior" },
+              { name: "Marcus T.", handle: "@mt_foodie", testimonial: "The atmosphere videos are so accurate. I feel like I've already been there.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg", imageAlt: "minimalist golden compass icon" },
+              { name: "Sarah J.", handle: "@sarah_eats", testimonial: "No more guessing games. This is how restaurant discovery should be.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg", imageAlt: "elegant golden calendar reservation" },
+              { name: "David W.", handle: "@david_dines", testimonial: "Clean UI, seamless booking, and the best aesthetic in the industry.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg", imageAlt: "gold profile heart icon" },
+              { name: "Jessica L.", handle: "@jess_gourmet", testimonial: "Oro captures the energy of the room perfectly. My new favorite app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg", imageAlt: "professional restaurant service chef" }
+            ]}
+            buttons={[{ text: "Download Oro", href: "#download" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg"
+            mediaAnimation="opacity"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg", alt: "user-1" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg", alt: "user-2" },
+              { src: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg", alt: "user-3" },
+              { src: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg", alt: "user-4" },
+              { src: "http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg", alt: "user-5" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Michelin Quality" },
+              { type: "text", text: "Hidden Gems" },
+              { type: "text", text: "Vibe Focused" },
+              { type: "text", text: "Seamless Booking" },
+              { type: "text", text: "Curated Dining" }
+            ]}
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Discover",
-          description: "Scroll short videos from real restaurants. Feel the room before you book it.",
-          imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg?_wi=2",
-        },
-        {
-          title: "Reserve",
-          description: "Book your table in seconds, directly inside the app. No third-party handoffs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg?_wi=2",
-        },
-        {
-          title: "Return",
-          description: "Your history, your preferences, your table. Oro remembers what you love.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg?_wi=2",
-        },
-      ]}
-      title="The Experience"
-      description="Dining, elevated."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Discover", description: "Scroll short videos from real restaurants. Feel the room before you book it.", imageSrc: "http://img.b2bpic.net/free-vector/collection-watercolor-hand-drawn-pointers-with-icons_23-2147576682.jpg" },
+              { title: "Reserve", description: "Book your table in seconds, directly inside the app. No third-party handoffs.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-plates-with-golden-fork-knife-crossed-dark-background_179666-19291.jpg" },
+              { title: "Return", description: "Your history, your preferences, your table. Oro remembers what you love.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-square-plate-with-golden-spoons-dark-blue-background-dinner-restaurant-food-cutlery-color-meal-utencil_179666-19709.jpg" }
+            ]}
+            title="The Experience"
+            description="Dining, elevated."
+          />
+        </div>
 
-  <div id="operators" data-section="operators">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="FOR OPERATORS"
-      title="Give your restaurant a discoverable identity."
-      description="Oro puts your best moments — the ambiance, the energy, the food at its most alive — in front of the guests who will love you most."
-      subdescription="Transform casual viewers into loyal guests."
-      icon={Sparkles}
-      imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg?_wi=2"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="operators" data-section="operators">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="FOR OPERATORS"
+            title="Give your restaurant a discoverable identity."
+            description="Oro puts your best moments — the ambiance, the energy, the food at its most alive — in front of the guests who will love you most."
+            subdescription="Transform casual viewers into loyal guests."
+            icon={Sparkles}
+            imageSrc="http://img.b2bpic.net/free-photo/man-chef-kitchen-sprinkles-sald-from-cabbage-with-pomegranate_1303-32129.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="stats" data-section="stats">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "71%",
-          title: "Gen Z dining habits",
-          items: [
-            "of Gen Z choose restaurants based on video",
-          ],
-        },
-        {
-          id: "m2",
-          value: "$51",
-          title: "Average spend",
-          items: [
-            "average Gen Z dining spend per visit",
-          ],
-        },
-        {
-          id: "m3",
-          value: "2030",
-          title: "Future outlook",
-          items: [
-            "the year Gen Z becomes the dominant dining generation",
-          ],
-        },
-      ]}
-      title="The New Dining Standard"
-      description="Gen Z dining data points."
-    />
-  </div>
+        <div id="stats" data-section="stats">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "71%", title: "Gen Z dining habits", items: ["of Gen Z choose restaurants based on video"] },
+              { id: "m2", value: "$51", title: "Average spend", items: ["average Gen Z dining spend per visit"] },
+              { id: "m3", value: "2030", title: "Future outlook", items: ["the year Gen Z becomes the dominant dining generation"] }
+            ]}
+            title="The New Dining Standard"
+            description="Gen Z dining data points."
+          />
+        </div>
 
-  <div id="download" data-section="download">
-      <ProductCardOne
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "App Store Download",
-          price: "Get it now",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Google Play Download",
-          price: "Coming soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg?_wi=2",
-        },
-      ]}
-      title="The table is waiting."
-      description="Download Oro today."
-    />
-  </div>
+        <div id="download" data-section="download">
+          <ProductCardOne
+            animationType="scale-rotate"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "App Store Download", price: "Get it now", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg" },
+              { id: "p2", name: "Google Play Download", price: "Coming soon", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg" },
+              { id: "p3", name: "Web App", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15809.jpg" }
+            ]}
+            title="The table is waiting."
+            description="Download Oro today."
+          />
+        </div>
 
-  <div id="statement" data-section="statement">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      text="You don't choose a restaurant with stars anymore. You choose it with a feeling."
-    />
-  </div>
+        <div id="statement" data-section="statement">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            text="You don't choose a restaurant with stars anymore. You choose it with a feeling."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="ORO"
-      copyrightText="© 2025 Oro Reservations. San Francisco."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "https://instagram.com",
-          ariaLabel: "Instagram",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="ORO"
+            copyrightText="© 2025 Oro Reservations. San Francisco."
+            socialLinks={[{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file