Merge version_3 into main

Update src/app/page.tsx
2026-05-22 19:29:16 +00:00 · 2026-05-22 19:29:13 +00:00 · 2026-05-22 19:26:44 +00:00
1 changed files with 39 additions and 95 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,9 @@ import FeatureCardThree from '@/components/sections/feature/featureCardThree/Fea
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Facebook, Instagram } from "lucide-react";

@@ -32,16 +32,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "products" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="Barg Restaurant"
    />
@@ -49,15 +44,12 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
      logoText="Barg Restaurant"
      description="Authentic Asian Cuisine, Open Around the Clock. Order shawarma, kebab, and house specialties online for pickup or dine-in. Trusted by Kabul since day one."
      buttons={[
-        {
-          text: "Order Now",          href: "#products"},
-        {
-          text: "View Menu",          href: "#products"},
+        { text: "Order Now", href: "#products" },
+        { text: "View Menu", href: "#products" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805472.jpg?w=800&auto=format&fit=crop"
      imageAlt="Tasty Shawarma Dish"
@@ -76,30 +68,17 @@ export default function LandingPage() {
  </div>

  <div id="products" data-section="products">
-      <ProductCardFour
+      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
+      buttons={[{ text: "Explore Full Menu", href: "#products" }]}
      products={[
-        {
-          id: "1",          name: "Classic Kebab Platter",          price: "1,200 ؋",          variant: "House Favorite",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-lula-kebab-pita-bread-with-vegetables-sauce_141793-4989.jpg?w=400&auto=format&fit=crop",          imageAlt: "Classic Kebab Platter"
-        },
-        {
-          id: "2",          name: "Signature Shawarma Wrap",          price: "1,000 ؋",          variant: "Quick Bite",          imageSrc: "http://img.b2bpic.net/free-photo/beef-lamb-kebab-served-with-onion-slices-vegetables-herbs-lavash-white-plate_114579-132.jpg?w=400&auto=format&fit=crop",          imageAlt: "Signature Shawarma Wrap"
-        },
-        {
-          id: "3",          name: "Spiced Lamb Chops",          price: "1,200 ؋",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/yummy-arabic-kebab-sandwich_23-2148651082.jpg?w=400&auto=format&fit=crop",          imageAlt: "Spiced Lamb Chops"
-        },
-        {
-          id: "4",          name: "Asian Mixed Grill",          price: "1,200 ؋",          variant: "Shareable",          imageSrc: "http://img.b2bpic.net/free-photo/variety-meat-kebab-with-grilled-vegetables-salad-white-table_114579-4419.jpg?w=400&auto=format&fit=crop",          imageAlt: "Asian Mixed Grill"
-        },
-        {
-          id: "5",          name: "Fresh Garden Salad",          price: "1,000 ؋",          variant: "Light",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-up-junk-food_23-2148289465.jpg?w=400&auto=format&fit=crop",          imageAlt: "Fresh Garden Salad"
-        },
-        {
-          id: "6",          name: "Traditional Rice Dish",          price: "1,000 ؋",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/spicy-vegan-salad-with-sticky-berry-grain-rice_1339-8203.jpg?w=400&auto=format&fit=crop",          imageAlt: "Traditional Rice Dish"
-        },
+        { id: "1", name: "Classic Kebab Platter", price: "1,200 ؋", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lula-kebab-pita-bread-with-vegetables-sauce_141793-4989.jpg?w=400&auto=format&fit=crop" },
+        { id: "2", name: "Signature Shawarma Wrap", price: "1,000 ؋", imageSrc: "http://img.b2bpic.net/free-photo/beef-lamb-kebab-served-with-onion-slices-vegetables-herbs-lavash-white-plate_114579-132.jpg?w=400&auto=format&fit=crop" },
+        { id: "3", name: "Spiced Lamb Chops", price: "1,200 ؋", imageSrc: "http://img.b2bpic.net/free-photo/yummy-arabic-kebab-sandwich_23-2148651082.jpg?w=400&auto=format&fit=crop" },
+        { id: "4", name: "Asian Mixed Grill", price: "1,200 ؋", imageSrc: "http://img.b2bpic.net/free-photo/variety-meat-kebab-with-grilled-vegetables-salad-white-table_114579-4419.jpg?w=400&auto=format&fit=crop" }
      ]}
      title="House Specialties"
      description="Explore our curated selection of authentic Asian favorites, available for pickup or dining in."
@@ -113,15 +92,9 @@ export default function LandingPage() {
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
-        {
-          title: "24/7 Availability",          description: "Always here to satisfy your cravings, day or night.",          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-serbian-food-table_23-2149358073.jpg?w=600&auto=format&fit=crop",          imageAlt: "24/7 Service"
-        },
-        {
-          title: "Authentic Recipes",          description: "Time-tested Asian recipes made with fresh ingredients.",          imageSrc: "http://img.b2bpic.net/free-photo/food-delivery-concept-top-view_23-2149182255.jpg?w=600&auto=format&fit=crop",          imageAlt: "Authentic Food"
-        },
-        {
-          title: "Fast Online Ordering",          description: "Streamlined process for quick pickups and takeout.",          imageSrc: "http://img.b2bpic.net/free-photo/kebab-wrap-with-meat-vegetables_23-2148632636.jpg?w=600&auto=format&fit=crop",          imageAlt: "Fast Delivery"
-        },
+        { title: "24/7 Availability", description: "Always here to satisfy your cravings, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-serbian-food-table_23-2149358073.jpg?w=600&auto=format&fit=crop" },
+        { title: "Authentic Recipes", description: "Time-tested Asian recipes made with fresh ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/food-delivery-concept-top-view_23-2149182255.jpg?w=600&auto=format&fit=crop" },
+        { title: "Fast Online Ordering", description: "Streamlined process for quick pickups and takeout.", imageSrc: "http://img.b2bpic.net/free-photo/kebab-wrap-with-meat-vegetables_23-2148632636.jpg?w=600&auto=format&fit=crop" },
      ]}
      title="Why Choose Us"
      description="We are dedicated to providing the best dining experience in Kabul through speed, quality, and atmosphere."
@@ -134,29 +107,14 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
-        {
-          id: "1",          name: "Ahmad R.",          role: "Professional",          company: "Kabul Tech",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg?w=100&auto=format&fit=crop"},
-        {
-          id: "2",          name: "Sara K.",          role: "Student",          company: "Local Uni",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg?w=100&auto=format&fit=crop"},
-        {
-          id: "3",          name: "The Khan Family",          role: "Diners",          company: "Loyal Patrons",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-break_23-2149390519.jpg?w=100&auto=format&fit=crop"},
-        {
-          id: "4",          name: "David M.",          role: "Traveler",          company: "Expats Group",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg?w=100&auto=format&fit=crop"},
-        {
-          id: "5",          name: "Fatima Z.",          role: "Manager",          company: "Daily Commuter",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-scanning-qr-code_23-2149357886.jpg?w=100&auto=format&fit=crop"},
+        { id: "1", name: "Ahmad R.", role: "Professional", company: "Kabul Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg?w=100&auto=format&fit=crop" },
+        { id: "2", name: "Sara K.", role: "Student", company: "Local Uni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg?w=100&auto=format&fit=crop" },
+        { id: "3", name: "The Khan Family", role: "Diners", company: "Loyal Patrons", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-break_23-2149390519.jpg?w=100&auto=format&fit=crop" }
      ]}
      kpiItems={[
-        {
-          value: "4.7",          label: "Average Rating"},
-        {
-          value: "21+",          label: "Happy Reviews"},
-        {
-          value: "24/7",          label: "Always Open"},
+        { value: "4.7", label: "Average Rating" },
+        { value: "21+", label: "Happy Reviews" },
+        { value: "24/7", label: "Always Open" },
      ]}
      title="Trusted by Our Guests"
      description="With a 4.7-star rating from over 21 reviews, see why Kabul loves Barg Restaurant."
@@ -164,21 +122,16 @@ export default function LandingPage() {
  </div>

  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "100+",          description: "Meals Served Daily"},
-        {
-          id: "m2",          value: "4.7/5",          description: "Quality Score"},
-        {
-          id: "m3",          value: "24/7",          description: "Operational Hours"},
-      ]}
+      <MetricCardFourteen
      title="Our Impact"
-      description="Consistently delivering quality meals to our community."
+      tag="Stats"
+      metrics={[
+        { id: "m1", value: "100+", description: "Meals Served Daily" },
+        { id: "m2", value: "4.7/5", description: "Quality Score" },
+        { id: "m3", value: "24/7", description: "Operational Hours" },
+      ]}
+      useInvertedBackground={true}
+      className="bg-[url('http://img.b2bpic.net/free-photo/close-up-chef-garnishing-dish_23-2148767597.jpg')] bg-cover bg-center"
    />
  </div>

@@ -187,12 +140,8 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "f1",          title: "Do you offer delivery?",          content: "Currently, we focus on quick pickup and dine-in services."},
-        {
-          id: "f2",          title: "Are you open on weekends?",          content: "Yes, we are open 24/7, including weekends."},
-        {
-          id: "f3",          title: "Is seating available?",          content: "We offer comfortable indoor seating for families and professionals."},
+        { id: "f1", title: "Do you offer delivery?", content: "Currently, we focus on quick pickup and dine-in services." },
+        { id: "f2", title: "Are you open on weekends?", content: "Yes, we are open 24/7, including weekends." },
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our ordering and dining process."
@@ -203,8 +152,7 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
      tag="Contact Us"
      title="Visit or Order Today"
      description="Located in the heart of Kabul. Reach out for bulk orders or reservations."
@@ -216,12 +164,8 @@ export default function LandingPage() {
      logoText="Barg Restaurant"
      copyrightText="© 2025 Barg Restaurant. All rights reserved."
      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Facebook,
-          href: "#",          ariaLabel: "Facebook"},
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
      ]}
    />
  </div>
Author	SHA1	Message	Date
bender	915a493329	Merge version_3 into main Merge version_3 into main	2026-05-22 19:29:16 +00:00
bender	054b03443b	Update src/app/page.tsx	2026-05-22 19:29:13 +00:00
bender	a42dc2066e	Merge version_2 into main Merge version_2 into main	2026-05-22 19:26:44 +00:00