From 581fd2342c6fcaf78b7eecc0d9eb7e20d0f03a4a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 08:45:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 247 ++++++++---------------------------------------
 1 file changed, 40 insertions(+), 207 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 63352d4..ba233fa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,56 +32,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Kanteen"
+      button={{ text: "Order Now", href: "#menu" }}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Experience Togetherness at Kanteen"
       description="Elevated street-style food with bold flavors in a vibrant space in Clifton, Karachi. Bringing people together over delicious, feel-good meals."
       tag="Clifton, Karachi"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-reading-sitting-cafe_176420-5935.jpg",
-          imageAlt: "Kanteen restaurant facade",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-reading-sitting-cafe_176420-5935.jpg",          imageAlt: "Kanteen restaurant facade"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-sticks-holding-casual-stylish-young-asian-man-with-earphones-cafe-eating-sushi_627829-14174.jpg",
-          imageAlt: "Kanteen food spread",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg",
-          imageAlt: "Beautiful girl having coffee at cafe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bicycle-parked-outside-shop_53876-23379.jpg",
-          imageAlt: "Bicycle Parked Outside Shop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg",
-          imageAlt: "Empty cafe on the street Terrace with chairs and tables for guests",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-sticks-holding-casual-stylish-young-asian-man-with-earphones-cafe-eating-sushi_627829-14174.jpg",          imageAlt: "Kanteen food spread"}
       ]}
       mediaAnimation="slide-up"
       rating={4}
@@ -105,21 +76,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Coffee,
-          title: "Cozy Ambiance",
-          description: "Relax in our thoughtfully designed indoor space.",
-        },
-        {
-          icon: Sun,
-          title: "Outdoor Dining",
-          description: "Experience the pleasant Karachi weather with our outdoor seating.",
-        },
-        {
-          icon: Star,
-          title: "Fusion Flavors",
-          description: "A unique blend of Chinese and Japanese-inspired culinary delights.",
-        },
+        { icon: Coffee, title: "Cozy Ambiance", description: "Relax in our thoughtfully designed indoor space." },
+        { icon: Sun, title: "Outdoor Dining", description: "Experience the pleasant Karachi weather with our outdoor seating." },
+        { icon: Star, title: "Fusion Flavors", description: "A unique blend of Chinese and Japanese-inspired culinary delights." },
       ]}
       title="Why Choose Kanteen?"
       description="Enjoy a unique culinary journey in Karachi with our diverse offerings."
@@ -133,42 +92,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Pakora Platter",
-          price: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-nuggets-bowl-crackers-spices-sauce-top-view_141793-3133.jpg",
-        },
-        {
-          id: "2",
-          name: "Signature Chicken Buns",
-          price: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-traditional-food-gua-bao-bamboo-steamer_23-2148123704.jpg",
-        },
-        {
-          id: "3",
-          name: "Seasoned Fries",
-          price: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-mayonnaise-table_140725-9521.jpg",
-        },
-        {
-          id: "4",
-          name: "Artisan Dessert",
-          price: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg",
-        },
-        {
-          id: "5",
-          name: "Fusion Street Bowl",
-          price: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-meal-with-sambal-composition_23-2149076113.jpg",
-        },
-        {
-          id: "6",
-          name: "Specialty Tea Blend",
-          price: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949025.jpg",
-        },
+        { id: "1", name: "Pakora Platter", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-nuggets-bowl-crackers-spices-sauce-top-view_141793-3133.jpg" },
+        { id: "2", name: "Signature Chicken Buns", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/close-up-traditional-food-gua-bao-bamboo-steamer_23-2148123704.jpg" },
+        { id: "3", name: "Seasoned Fries", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/french-fries-with-ketchup-mayonnaise-table_140725-9521.jpg" },
+        { id: "4", name: "Artisan Dessert", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg" },
+        { id: "5", name: "Fusion Street Bowl", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-meal-with-sambal-composition_23-2149076113.jpg" },
+        { id: "6", name: "Specialty Tea Blend", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949025.jpg" },
       ]}
       title="Our Menu Favorites"
       description="Explore our selection of bold flavors and comfort food favorites."
@@ -181,27 +110,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "19",
-          title: "Tripadvisor Reviews",
-          description: "Community feedback shared by diners.",
-          imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-122935.jpg",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Fresh Ingredients",
-          description: "Hand-picked for every meal.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-18884.jpg",
-        },
-        {
-          id: "m3",
-          value: "11 PM",
-          title: "Late Closing",
-          description: "Available for your late night cravings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587555.jpg",
-        },
+        { id: "m1", value: "19", title: "Tripadvisor Reviews", description: "Community feedback shared by diners.", imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-122935.jpg" },
+        { id: "m2", value: "100%", title: "Fresh Ingredients", description: "Hand-picked for every meal.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-18884.jpg" },
+        { id: "m3", value: "11 PM", title: "Late Closing", description: "Available for your late night cravings.", imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587555.jpg" },
       ]}
       title="At a Glance"
       description="Our commitment to quality and service at Kanteen."
@@ -214,60 +125,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Nabeel Abbas",
-          role: "Diner",
-          company: "Kanteen",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
-        },
-        {
-          id: "2",
-          name: "Atiqagul",
-          role: "Diner",
-          company: "Kanteen",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
-        },
-        {
-          id: "3",
-          name: "Kapeel Kumar",
-          role: "Diner",
-          company: "Kanteen",
-          rating: 3,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
-        },
-        {
-          id: "4",
-          name: "Zubia Q",
-          role: "Diner",
-          company: "Kanteen",
-          rating: 2,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
-        },
-        {
-          id: "5",
-          name: "Saira Ali",
-          role: "Diner",
-          company: "Kanteen",
-          rating: 2,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg",
-        },
+        { id: "1", name: "Nabeel Abbas", role: "Diner", company: "Kanteen", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg" },
+        { id: "2", name: "Atiqagul", role: "Diner", company: "Kanteen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg" },
+        { id: "3", name: "Kapeel Kumar", role: "Diner", company: "Kanteen", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
+        { id: "4", name: "Zubia Q", role: "Diner", company: "Kanteen", rating: 2, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
+        { id: "5", name: "Saira Ali", role: "Diner", company: "Kanteen", rating: 2, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "3.8",
-          label: "Facebook Rating",
-        },
-        {
-          value: "253",
-          label: "Facebook Reviews",
-        },
-        {
-          value: "19",
-          label: "Tripadvisor Reviews",
-        },
+        { value: "3.8", label: "Facebook Rating" },
+        { value: "253", label: "Facebook Reviews" },
+        { value: "19", label: "Tripadvisor Reviews" },
       ]}
       title="What Our Guests Say"
       description="Read about the experiences of our valued customers."
@@ -279,21 +146,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Where are you located?",
-          content: "We are located at Com 3, Block 6, Scheme 5, Clifton, Karachi.",
-        },
-        {
-          id: "f2",
-          title: "What are your hours?",
-          content: "We are open daily and close at 11 PM.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer outdoor seating?",
-          content: "Yes, we have a pleasant outdoor seating area available for our guests.",
-        },
+        { id: "f1", title: "Where are you located?", content: "We are located at Com 3, Block 6, Scheme 5, Clifton, Karachi." },
+        { id: "f2", title: "What are your hours?", content: "We are open daily and close at 11 PM." },
+        { id: "f3", title: "Do you offer outdoor seating?", content: "Yes, we have a pleasant outdoor seating area available for our guests." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-entrepreneur-receiving-package-from-deliverer-while-working-his-desk-office_637285-2642.jpg"
       imageAlt="Kanteen restaurant team"
@@ -306,17 +161,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Visit Kanteen Clifton"
       description="Have questions or need to make a reservation? Reach out to us today."
       buttons={[
-        {
-          text: "Call +92 21 35185002",
-          href: "tel:+922135185002",
-        },
+        { text: "Call +92 21 35185002", href: "tel:+922135185002" },
       ]}
     />
   </div>
@@ -325,33 +175,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Kanteen",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Kanteen",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Menu", href: "#menu" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
-- 
2.49.1