Update src/app/page.tsx

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Mulish } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Shan-e-Zaika Fast Food | Gourmet Dining',
-  description: 'Discover delicious, flavor-packed meals at Shan-e-Zaika. The ultimate fast food experience with premium quality ingredients.',
+  title: 'Shan-e-Zaika | Taste the True Perfection',
+  description: 'Experience culinary excellence at Shan-e-Zaika. Serving fresh, flavor-packed fast food with premium ingredients.',
   openGraph: {
     "title": "Shan-e-Zaika Fast Food",
     "description": "Authentic flavor and gourmet dining.",

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import TextAbout from '@/components/sections/about/TextAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Shield, Star, Clock } from "lucide-react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Award, CheckCircle, Clock, Shield, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,129 +20,244 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
-        contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="glass-elevated"
+        contentWidth="small"
+        sizing="mediumLargeSizeMediumTitles"
+        background="noise"
+        cardStyle="outline"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="semibold"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      brandName="Shah"
+      <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Menu", id: "menu" },
-        { name: "Contact", id: "contact" },
+        {
+          name: "Home",          id: "hero"},
+        {
+          name: "About",          id: "about"},
+        {
+          name: "Menu",          id: "menu"},
+        {
+          name: "Contact",          id: "contact"},
       ]}
+      brandName="Shan-e-Zaika"
       button={{ text: "Order Now", href: "#menu" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      title="Authentic Taste of Shah"
-      description="Experience the legendary flavors that define our heritage. Every dish is a masterpiece of spice and tradition."
-      tag="New Culinary Heights"
-      rating={5}
-      ratingText="Rated 5/5 by food critics"
-      background={{ variant: "sparkles-gradient" }}
+      <HeroBillboardGallery
+      background={{
+        variant: "gradient-bars"}}
+      title="Taste the True Perfection"
+      description="Experience culinary excellence at Shan-e-Zaika. We serve fresh, flavor-packed fast food crafted with premium ingredients for the ultimate satisfaction."
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6292.jpg?_wi=1", imageAlt: "Grilled Steak" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/pizza-salami-with-salt_140725-4129.jpg?_wi=1", imageAlt: "Supreme Pizza" }
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6292.jpg",          imageAlt: "delicious fast food plate"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-dark-wooden-surface_1150-44340.jpg",          imageAlt: "grilled chicken platter food"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-fries-along-with-sandwiches-inside-peach-plate_140725-29823.jpg",          imageAlt: "fresh pizza food photography"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg",          imageAlt: "juicy steak meal dinner"},
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg",          imageAlt: "classic fast food combo"},
       ]}
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      title="Crafting Perfection Since 1990"
-      tag="Our Story"
-      useInvertedBackground={true}
-      buttons={[{ text: "Learn More" }]}
+      <MetricSplitMediaAbout
+      useInvertedBackground={false}
+      title="The Art of Flavor"
+      description="Shan-e-Zaika is more than just food; it's a passion for quality. We combine traditional spices with modern cooking techniques to bring you an unmatched dining experience."
+      metrics={[
+        {
+          value: "15+",          title: "Years Experience"},
+        {
+          value: "50k+",          title: "Happy Customers"},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728005.jpg"
+      imageAlt="restaurant kitchen chefs working"
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardFour
-      title="Our Signature Creations"
-      description="A curated selection of our most loved dishes, prepared with passion."
-      useInvertedBackground={false}
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
+      <ProductCardTwo
       animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={false}
       products={[
-        { id: "1", name: "Signature Shah Steak", price: "$24.99", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring_74190-6292.jpg?_wi=2" },
-        { id: "2", name: "Traditional Spice Pizza", price: "$18.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/pizza-salami-with-salt_140725-4129.jpg?_wi=2" }
+        {
+          id: "1",          brand: "Shan-e",          name: "Classic Burger",          price: "$12.99",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/beef-bacon-hamburger_74190-5976.jpg"},
+        {
+          id: "2",          brand: "Shan-e",          name: "Crispy Chicken",          price: "$15.99",          rating: 5,
+          reviewCount: "98",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-148921.jpg"},
+        {
+          id: "3",          brand: "Shan-e",          name: "Supreme Pizza",          price: "$18.99",          rating: 4,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/pizza-salami-with-salt_140725-4129.jpg"},
+        {
+          id: "4",          brand: "Shan-e",          name: "Garden Salad",          price: "$9.99",          rating: 4,
+          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-salad-consists-cucumber-cheese-tomatoes-inside-plate-dark-background_179666-19411.jpg"},
+        {
+          id: "5",          brand: "Shan-e",          name: "Creamy Pasta",          price: "$14.99",          rating: 5,
+          reviewCount: "72",          imageSrc: "http://img.b2bpic.net/free-photo/pasta-fettuccini-cream-cheese-chicken-mushrooms-sumakh-side-view_141793-12455.jpg"},
       ]}
+      title="Signature Menu"
+      description="Explore our chef's special collection of fast food delights."
+    />
+  </div>
+
+  <div id="features" data-section="features">
+      <FeatureHoverPattern
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        {
+          icon: CheckCircle,
+          title: "Fresh Ingredients",          description: "We source the finest local produce daily."},
+        {
+          icon: Award,
+          title: "Award-Winning",          description: "Voted best taste by local food critics."},
+        {
+          icon: Shield,
+          title: "Safety First",          description: "Our kitchen adheres to the highest health standards."},
+        {
+          icon: Clock,
+          title: "Rapid Service",          description: "Your meal is prepared and served in minutes."},
+        {
+          icon: Star,
+          title: "Chef Specials",          description: "Unique culinary creations by expert chefs."},
+      ]}
+      title="Why Choose Us?"
+      description="We are dedicated to providing the best dining experience in town."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      title="The Shah Difference"
-      description="We rely on proven quality and dedicated service."
-      textboxLayout="split"
+      <MetricCardSeven
       animationType="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", icon: Shield, title: "Quality", value: "100%" },
-        { id: "m2", icon: Star, title: "Rating", value: "4.9" },
-        { id: "m3", icon: Clock, title: "Speed", value: "15min" }
+        {
+          id: "m1",          value: "100%",          title: "Quality Satisfaction",          items: [
+            "Fresh Produce",            "Organic Spices"],
+        },
+        {
+          id: "m2",          value: "20min",          title: "Average Delivery",          items: [
+            "Rapid Service",            "Hot Arrival"],
+        },
+        {
+          id: "m3",          value: "500+",          title: "Daily Orders",          items: [
+            "Popular Choice",            "Community Trust"],
+        },
+        {
+          id: "m4",          value: "4.9",          title: "Google Rating",          items: [
+            "Top Reviewed",            "Consistent Excellence"],
+        },
+        {
+          id: "m5",          value: "95%",          title: "Returning Guests",          items: [
+            "Loyalty First",            "Dine-in Comfort"],
+        },
       ]}
+      title="Quality by the Numbers"
+      description="Our commitment to excellence reflected in every plate served."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      title="Voices of Our Guests"
-      description="What our customers are saying about us."
-      textboxLayout="default"
+      <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Alex R.", date: "Oct 2023", title: "Exceptional!", quote: "The best dining experience I've had in years.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg" }
+        {
+          id: "1",          name: "John D.",          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg"},
+        {
+          id: "2",          name: "Sarah P.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg"},
+        {
+          id: "3",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg"},
+        {
+          id: "4",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg"},
+        {
+          id: "5",          name: "Mike B.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-741.jpg"},
       ]}
+      cardTitle="Loved by Foodies"
+      cardTag="Our Stories"
+      cardAnimation="blur-reveal"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      sideTitle="Need Assistance?"
-      sideDescription="Here are the answers to our most popular inquiries."
+      <FaqSplitMedia
+      textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "Opening Hours", content: "We are open daily from 11 AM to 11 PM." },
-        { id: "q2", title: "Location", content: "Find us at the heart of the downtown culinary district." }
+        {
+          id: "q1",          title: "Do you offer vegan options?",          content: "Yes, we have a selection of vegan dishes prepared with care."},
+        {
+          id: "q2",          title: "What are your delivery hours?",          content: "We deliver from 10:00 AM until midnight every day."},
+        {
+          id: "q3",          title: "Can I book a table?",          content: "Absolutely, feel free to contact us to secure your spot."},
+        {
+          id: "q4",          title: "Is there parking available?",          content: "Yes, we have a dedicated parking space for guests."},
+        {
+          id: "q5",          title: "Do you host events?",          content: "We host private events and birthday parties."},
       ]}
-      faqsAnimation="slide-up"
+      title="Common Questions"
+      description="Have questions about our menu or service? Find answers here."
+      faqsAnimation="blur-reveal"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929551.jpg?_wi=1"
+      imageAlt="modern restaurant entrance facade"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      tag="Get in Touch"
-      title="Reserve Your Experience"
-      description="Ready to taste the legacy? Join us for an unforgettable meal."
-      background={{ variant: "sparkles-gradient" }}
-      buttons={[{ text: "Contact Us" }]}
-      useInvertedBackground={true}
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
+      tag="Visit Us"
+      title="Hungry? Let's Connect"
+      description="Drop us a line for reservations or inquiries. We'd love to hear from you."
+      imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929551.jpg?_wi=2"
+      imageAlt="modern restaurant entrance facade"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="Shan-e-Zaika"
       columns={[
-        { title: "Navigation", items: [{ label: "Home" }, { label: "About" }] },
-        { title: "Support", items: [{ label: "Help Center" }, { label: "Reservations" }] }
+        {
+          title: "Menu",          items: [
+            {
+              label: "Specials",              href: "#menu"},
+            {
+              label: "Drinks",              href: "#menu"},
+          ],
+        },
+        {
+          title: "Support",          items: [
+            {
+              label: "FAQ",              href: "#faq"},
+            {
+              label: "Contact",              href: "#contact"},
+          ],
+        },
       ]}
-      bottomLeftText="© 2024 Shah Cuisine"
-      bottomRightText="Privacy Policy"
+      copyrightText="© 2024 Shan-e-Zaika. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}