Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Clock, Users, Utensils } from "lucide-react";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Clock, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,339 +28,123 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Sada Bahar"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Sada Bahar"
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Menu", id: "products" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Welcome to Sada Bahar Hotel & Restaurant"
-      description="Experience delicious food, exceptional hospitality, and a comfortable dining environment in the heart of Jampur. Open 24 Hours."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg",
-          alt: "happy customer eating meal",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
-          alt: "smiling traveler dining out",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-          alt: "family dinner table restaurant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16395.jpg",
-          alt: "man enjoying meal at restaurant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-sitting-with-her-friends-dining-table-eating-dessert_637285-3239.jpg",
-          alt: "Young woman having fun while sitting with her friends at dining table and eating dessert",
-        },
-      ]}
-      avatarText="Trusted by 10k+ customers"
-      buttons={[
-        {
-          text: "Order Now",
-          href: "#products",
-        },
-        {
-          text: "View Menu",
-          href: "#products",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fresh & Hygienic",
-        },
-        {
-          type: "text",
-          text: "Open 24/7",
-        },
-        {
-          type: "text",
-          text: "Family Atmosphere",
-        },
-        {
-          type: "text",
-          text: "Traditional Flavors",
-        },
-        {
-          type: "text",
-          text: "Fast Delivery",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Welcome to Sada Bahar Hotel & Restaurant"
+            description="Experience delicious food, exceptional hospitality, and a comfortable dining environment in the heart of Jampur. Open 24 Hours."
+            buttons={[{ text: "Order Now", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg"
+            imageAlt="Restaurant ambiance"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Trusted Dining in Jampur"
-      metrics={[
-        {
-          icon: Clock,
-          label: "Availability",
-          value: "24/7",
-        },
-        {
-          icon: Utensils,
-          label: "Food Quality",
-          value: "Fresh",
-        },
-        {
-          icon: Users,
-          label: "Environment",
-          value: "Family",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="Trusted Dining in Jampur"
+            description="Sada Bahar has been serving our community with quality, hygiene, and tradition for years."
+            metrics={[{ value: "24/7", title: "Availability" }, { value: "Fresh", title: "Food Quality" }, { value: "Family", title: "Environment" }]}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          label: "Service",
-          title: "Dine-In Experience",
-          items: [
-            "Family-friendly environment",
-            "Comfortable seating",
-            "Daily fresh meals",
-          ],
-        },
-        {
-          id: "2",
-          label: "Convenience",
-          title: "Drive-Through",
-          items: [
-            "Quick service",
-            "On-the-go meals",
-            "Easy access",
-          ],
-        },
-        {
-          id: "3",
-          label: "Logistics",
-          title: "Fast Delivery",
-          items: [
-            "Doorstep service",
-            "Hot food delivery",
-            "Reliable timing",
-          ],
-        },
-      ]}
-      title="Our Hospitality Services"
-      description="We offer more than just a meal; we create a complete dining experience."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            title="Our Hospitality Services"
+            description="We offer more than just a meal; we create a complete dining experience."
+            features={[
+              { icon: Users, title: "Dine-In Experience", description: "Family-friendly environment with comfortable seating." },
+              { icon: Zap, title: "Drive-Through", description: "Quick service for on-the-go meals and easy access." },
+              { icon: Clock, title: "Fast Delivery", description: "Hot food delivered to your doorstep with reliable timing." }
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Traditional Pakistani Food",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cod-fish-dish-with-relish-spinach-white-bowl_181624-42819.jpg",
-        },
-        {
-          id: "p2",
-          name: "BBQ & Grill Items",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/beefsteak-grilling-with-spices_23-2148167634.jpg",
-        },
-        {
-          id: "p3",
-          name: "Chicken & Beef Dishes",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/duck-magret_93675-128847.jpg",
-        },
-        {
-          id: "p4",
-          name: "Fast Food",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637350.jpg",
-        },
-        {
-          id: "p5",
-          name: "Tea & Beverages",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-marble-background-high-quality-photo_114579-37491.jpg",
-        },
-        {
-          id: "p6",
-          name: "Fresh Desserts",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-sliced-kiwi-ice-cream_140725-3732.jpg",
-        },
-      ]}
-      title="Our Special Menu"
-      description="Taste the flavor of tradition and quality in every bite."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            title="Our Special Menu"
+            description="Taste the flavor of tradition and quality in every bite."
+            products={[
+              { id: "p1", brand: "Sada Bahar", name: "Traditional Pakistani Food", price: "Varies", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cod-fish-dish-with-relish-spinach-white-bowl_181624-42819.jpg" },
+              { id: "p2", brand: "Sada Bahar", name: "BBQ & Grill Items", price: "Varies", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/beefsteak-grilling-with-spices_23-2148167634.jpg" },
+              { id: "p3", brand: "Sada Bahar", name: "Fast Food", price: "Varies", rating: 4, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637350.jpg" }
+            ]}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Ahmed",
-          role: "Foodie",
-          testimonial: "Excellent food quality and fast service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg",
-        },
-        {
-          id: "2",
-          name: "Ali Khan",
-          role: "Traveler",
-          testimonial: "Best family restaurant in Jampur.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-girl-with-dark-hair-enjoying-good-day-while-sitting-cafe-elegant-female-model-spending-time-outdoor-restaurant_197531-15782.jpg",
-        },
-        {
-          id: "3",
-          name: "Fatima Zahra",
-          role: "Local",
-          testimonial: "Open 24 hours which is very convenient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-taking-selfie-with-mobile-phone-while-enjoying-meal-together-restaurant-friends-concept_58466-16339.jpg",
-        },
-        {
-          id: "4",
-          name: "Bilal Saeed",
-          role: "Visitor",
-          testimonial: "Great atmosphere and quick delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/having-breakfast-home_1098-13946.jpg",
-        },
-        {
-          id: "5",
-          name: "Sara Malik",
-          role: "Customer",
-          testimonial: "Very hygienic and affordable prices.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
-        },
-      ]}
-      title="What Our Customers Say"
-      description="Rated 4.0 by our valued guests."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            title="What Our Customers Say"
+            description="Rated 4.0 by our valued guests."
+            testimonials={[
+              { id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Excellent food quality and fast service." },
+              { id: "2", name: "Ali Khan", handle: "@alikhan", testimonial: "Best family restaurant in Jampur." },
+              { id: "3", name: "Fatima Zahra", handle: "@fatima", testimonial: "Open 24 hours which is very convenient." }
+            ]}
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Are you open 24/7?",
-          content: "Yes, we are open 24 hours every day for your convenience.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer home delivery?",
-          content: "Yes, we offer fast delivery services to your doorstep.",
-        },
-        {
-          id: "f3",
-          title: "Is the environment family-friendly?",
-          content: "Absolutely, we pride ourselves on a welcoming and family-friendly atmosphere.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about our restaurant? We have answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            faqs={[
+              { id: "f1", title: "Are you open 24/7?", content: "Yes, we are open 24 hours every day for your convenience." },
+              { id: "f2", title: "Do you offer home delivery?", content: "Yes, we offer fast delivery services to your doorstep." },
+              { id: "f3", title: "Is the environment family-friendly?", content: "Absolutely, we pride ourselves on a welcoming and family-friendly atmosphere." }
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Have questions about our restaurant? We have answers."
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Visit us at Sharqi Bypass Road, Jampur, or call +92 333 8563580. We are open 24/7."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Get in touch"
+            title="Visit Sada Bahar Today"
+            description="Sharqi Bypass Road, Jampur. Call us at +92 333 8563580."
+            buttons={[{ text: "Call Now", href: "tel:+923338563580" }, { text: "Get Directions", href: "#" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Sada Bahar"
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Jampur",
-              href: "#",
-            },
-            {
-              label: "Call Us",
-              href: "tel:+923338563580",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Sada Bahar Hotel & Restaurant. All Rights Reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Sada Bahar"
+            columns={[
+              { title: "Links", items: [{ label: "Menu", href: "#products" }, { label: "Services", href: "#features" }] },
+              { title: "Contact", items: [{ label: "Jampur", href: "#" }, { label: "Call Us", href: "tel:+923338563580" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}