From 345a36192a159ccc39a826e574269acc84047126 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 15:25:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 324 +++++++----------------------------------------
 1 file changed, 47 insertions(+), 277 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e25d375..c28ae34 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,31 +32,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Our Story",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Ambience",
-          id: "ambience",
-        },
-        {
-          name: "Guests",
-          id: "guests",
-        },
-        {
-          name: "Location",
-          id: "location",
-        },
+        { name: "Our Story", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Ambience", id: "ambience" },
+        { name: "Guests", id: "guests" },
+        { name: "Location", id: "location" },
       ]}
-      button={{
-        text: "Reserve a Table",
-        href: "#reserve",
-      }}
+      button={{ text: "Reserve a Table", href: "#reserve" }}
       brandName="Rairo."
     />
   </div>
@@ -66,79 +48,23 @@ export default function LandingPage() {
       title="Where Aromas Tell Stories"
       description="Where Arabian heritage meets Pakistani tradition in a sanctuary of refined elegance."
       testimonials={[
-        {
-          name: "Sarah Javaid",
-          role: "Food Critic",
-          testimonial: "The Rairo team did an amazing job with the fusion experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg?_wi=1",
-          imageAlt: "luxury restaurant dining elegant table setting",
-        },
-        {
-          name: "Bilal Khan",
-          role: "Local Expert",
-          testimonial: "Exquisite dine-in experience that feels truly premium.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i&_wi=1",
-          imageAlt: "luxury restaurant dining elegant table setting",
-        },
-        {
-          name: "Umair Siddiqui",
-          role: "Traveler",
-          testimonial: "Extremely beautiful ambience and world-class service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=1",
-          imageAlt: "luxury restaurant dining elegant table setting",
-        },
-        {
-          name: "Ayesha Noor",
-          role: "Foodie",
-          testimonial: "Simply the best hospitality I have encountered in Lahore.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-wallpaper-with-golden-details-design_23-2148442826.jpg",
-          imageAlt: "luxury restaurant dining elegant table setting",
-        },
-        {
-          name: "Zaid Mahmood",
-          role: "Chef",
-          testimonial: "Exceptional flavors and presentation. Truly a culinary gem.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=1",
-          imageAlt: "luxury restaurant dining elegant table setting",
-        },
+        { name: "Sarah Javaid", handle: "Food Critic", testimonial: "The Rairo team did an amazing job with the fusion experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
+        { name: "Bilal Khan", handle: "Local Expert", testimonial: "Exquisite dine-in experience that feels truly premium.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i", imageAlt: "luxury restaurant dining elegant table setting" },
+        { name: "Umair Siddiqui", handle: "Traveler", testimonial: "Extremely beautiful ambience and world-class service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
+        { name: "Ayesha Noor", handle: "Foodie", testimonial: "Simply the best hospitality I have encountered in Lahore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/elegant-dark-wallpaper-with-golden-details-design_23-2148442826.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
+        { name: "Zaid Mahmood", handle: "Chef", testimonial: "Exceptional flavors and presentation. Truly a culinary gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg", imageAlt: "luxury restaurant dining elegant table setting" },
       ]}
       buttons={[
-        {
-          text: "Reserve Your Table",
-          href: "#reserve",
-        },
-        {
-          text: "Explore the Menu",
-          href: "#menu",
-        },
+        { text: "Reserve Your Table", href: "#reserve" },
+        { text: "Explore the Menu", href: "#menu" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          alt: "Businessman smiling and looking at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
-          alt: "Happy businessman smiling at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
-          alt: "Smiling handsome bearded African-American businessman in a brown classic jacket",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
-          alt: "black businessman happy expression",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-cafe-with-coffee-phone_1303-9805.jpg",
-          alt: "Young business woman sitting in a cafe with coffee and phone",
-        },
+        { src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Businessman smiling and looking at camera" },
+        { src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Happy businessman smiling at camera" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", alt: "Smiling handsome bearded African-American businessman in a brown classic jacket" },
+        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "black businessman happy expression" },
+        { src: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-cafe-with-coffee-phone_1303-9805.jpg", alt: "Young business woman sitting in a cafe with coffee and phone" },
       ]}
       avatarText="Join 10,000+ happy guests"
     />
@@ -147,12 +73,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "A Labour of Passion and Flavour",
-        },
-      ]}
+      heading={[{ type: "text", content: "A Labour of Passion and Flavour" }]}
     />
   </div>
 
@@ -163,21 +84,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Authentic Cuisine",
-          description: "Centuries-old recipes perfected for the modern palate.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i&_wi=2",
-        },
-        {
-          title: "Stunning Ambience",
-          description: "A setting that inspires awe and creates lasting memories.",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199325.jpg",
-        },
-        {
-          title: "Moments Made Special",
-          description: "Customized dining experiences for your unique occasions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg",
-        },
+        { title: "Authentic Cuisine", description: "Centuries-old recipes perfected for the modern palate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1q0i" },
+        { title: "Stunning Ambience", description: "A setting that inspires awe and creates lasting memories.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199325.jpg" },
+        { title: "Moments Made Special", description: "Customized dining experiences for your unique occasions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-table-served-two-christms-dinner-silver-candle-decorated-with-natural-fir-branches-two-flutes-pairs-plates-with-decorative-handmade-christmas-trees_132075-11391.jpg" },
       ]}
       title="The Pillars of Rairo"
       description="Excellence redefined through every detail."
@@ -186,52 +95,17 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <ProductCardFour
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Zauq Al-Arabia Platter",
-          price: "Rs 1,800",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Butter Karahi",
-          price: "Rs 1,200",
-          variant: "Main",
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
-        },
-        {
-          id: "3",
-          name: "Chicken Madbee",
-          price: "Rs 1,400",
-          variant: "Arabian",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg",
-        },
-        {
-          id: "4",
-          name: "Moroccan Steak Strips",
-          price: "Rs 980",
-          variant: "Fusion",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199327.jpg",
-        },
-        {
-          id: "5",
-          name: "Beef Bihari Boti",
-          price: "Rs 1,100",
-          variant: "Pakistani",
-          imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",
-        },
-        {
-          id: "6",
-          name: "Hot & Sour Soup",
-          price: "Rs 380",
-          variant: "Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg",
-        },
+        { id: "1", name: "Zauq Al-Arabia Platter", price: "Rs 1,800", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg" },
+        { id: "2", name: "Butter Karahi", price: "Rs 1,200", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg" },
+        { id: "3", name: "Chicken Madbee", price: "Rs 1,400", variant: "Arabian", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg" },
+        { id: "4", name: "Moroccan Steak Strips", price: "Rs 980", variant: "Fusion", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199327.jpg" },
+        { id: "5", name: "Beef Bihari Boti", price: "Rs 1,100", variant: "Pakistani", imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg" },
+        { id: "6", name: "Hot & Sour Soup", price: "Rs 380", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg" },
       ]}
       title="Our Signature Selection"
       description="Discover the richness of our kitchen."
@@ -245,34 +119,10 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "Main Hall",
-          title: "Opulence",
-          description: "Our grand indoor dining space.",
-          icon: Sparkles,
-        },
-        {
-          id: "m2",
-          value: "Rooftop",
-          title: "Starlight",
-          description: "Dining under the open Lahore sky.",
-          icon: Star,
-        },
-        {
-          id: "m3",
-          value: "Garden",
-          title: "Serenity",
-          description: "Lush greenery for your escape.",
-          icon: Leaf,
-        },
-        {
-          id: "m4",
-          value: "Events",
-          title: "Celebration",
-          description: "Spaces for your private parties.",
-          icon: Cake,
-        },
+        { id: "m1", value: "Main Hall", title: "Opulence", description: "Our grand indoor dining space.", icon: Sparkles },
+        { id: "m2", value: "Rooftop", title: "Starlight", description: "Dining under the open Lahore sky.", icon: Star },
+        { id: "m3", value: "Garden", title: "Serenity", description: "Lush greenery for your escape.", icon: Leaf },
+        { id: "m4", value: "Events", title: "Celebration", description: "Spaces for your private parties.", icon: Cake },
       ]}
       title="Gallery of Splendour"
       description="Experience our various distinct dining zones."
@@ -285,41 +135,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Javaid",
-          role: "Guest",
-          testimonial: "The Rairo team did an amazing job with every detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Bilal Khan",
-          role: "Guest",
-          testimonial: "Exquisite dine-in experience, highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
-        },
-        {
-          id: "3",
-          name: "Umair Siddiqui",
-          role: "Guest",
-          testimonial: "Extremely beautiful ambience and taste.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
-        },
-        {
-          id: "4",
-          name: "Ayesha Noor",
-          role: "Guest",
-          testimonial: "The atmosphere was simply unmatched in Lahore.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
-        },
-        {
-          id: "5",
-          name: "Zaid Mahmood",
-          role: "Guest",
-          testimonial: "Perfectly crafted meals every time I visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
-        },
+        { id: "1", name: "Sarah Javaid", role: "Guest", testimonial: "The Rairo team did an amazing job with every detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg" },
+        { id: "2", name: "Bilal Khan", role: "Guest", testimonial: "Exquisite dine-in experience, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
+        { id: "3", name: "Umair Siddiqui", role: "Guest", testimonial: "Extremely beautiful ambience and taste.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
+        { id: "4", name: "Ayesha Noor", role: "Guest", testimonial: "The atmosphere was simply unmatched in Lahore.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
+        { id: "5", name: "Zaid Mahmood", role: "Guest", testimonial: "Perfectly crafted meals every time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
       ]}
       title="Guest Stories"
       description="Hear from our cherished patrons."
@@ -331,21 +151,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "loc1",
-          title: "Address",
-          content: "Allama Iqbal Road, near Red Apple Restaurant, Lahore.",
-        },
-        {
-          id: "loc2",
-          title: "Hours",
-          content: "Daily 12:00 PM - 12:00 AM.",
-        },
-        {
-          id: "loc3",
-          title: "Parking",
-          content: "Valet service is available on-site for all guests.",
-        },
+        { id: "loc1", title: "Address", content: "Allama Iqbal Road, near Red Apple Restaurant, Lahore." },
+        { id: "loc2", title: "Hours", content: "Daily 12:00 PM - 12:00 AM." },
+        { id: "loc3", title: "Parking", content: "Valet service is available on-site for all guests." },
       ]}
       title="Find Us"
       description="Located on Allama Iqbal Road, Lahore."
@@ -356,9 +164,7 @@ export default function LandingPage() {
   <div id="reserve" data-section="reserve">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Reserve Your Table"
       description="Secure your experience with us."
       tag="Reservations"
@@ -368,45 +174,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Our Story",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Dining",
-          items: [
-            {
-              label: "Reserve",
-              href: "#reserve",
-            },
-            {
-              label: "Events",
-              href: "#events",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:+923000000000",
-            },
-            {
-              label: "Location",
-              href: "#location",
-            },
-          ],
-        },
+        { title: "Explore", items: [{ label: "Our Story", href: "#about" }, { label: "Menu", href: "#menu" }] },
+        { title: "Dining", items: [{ label: "Reserve", href: "#reserve" }, { label: "Events", href: "#events" }] },
+        { title: "Contact", items: [{ label: "Call Us", href: "tel:+923000000000" }, { label: "Location", href: "#location" }] },
       ]}
       logoText="Rairo Restaurant"
     />
@@ -414,4 +184,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1