Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Mulish } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  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.',
+  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.',
   openGraph: {
     "title": "Shan-e-Zaika Fast Food",
     "description": "Authentic flavor and gourmet dining.",

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/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";
+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";
 
 export default function LandingPage() {
   return (
@@ -20,244 +19,129 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
-        contentWidth="small"
-        sizing="mediumLargeSizeMediumTitles"
-        background="noise"
-        cardStyle="outline"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
+      brandName="Shah"
       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">
-      <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."
+      <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" }}
       mediaItems={[
-        {
-          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"},
+        { 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" }
       ]}
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
-      <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"
+      <TextAbout
+      title="Crafting Perfection Since 1990"
+      tag="Our Story"
+      useInvertedBackground={true}
+      buttons={[{ text: "Learn More" }]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
+      <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"
-      useInvertedBackground={false}
-      products={[
-        {
-          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."},
+      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" }
       ]}
-      title="Why Choose Us?"
-      description="We are dedicated to providing the best dining experience in town."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardSeven
+      <MetricCardThree
+      title="The Shah Difference"
+      description="We rely on proven quality and dedicated service."
+      textboxLayout="split"
       animationType="slide-up"
-      textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          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"],
-        },
+        { 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" }
       ]}
-      title="Quality by the Numbers"
-      description="Our commitment to excellence reflected in every plate served."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardFive
+      title="Voices of Our Guests"
+      description="What our customers are saying about us."
+      textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          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"},
+        { 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" }
       ]}
-      cardTitle="Loved by Foodies"
-      cardTag="Our Stories"
-      cardAnimation="blur-reveal"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
+      <FaqSplitText
+      sideTitle="Need Assistance?"
+      sideDescription="Here are the answers to our most popular inquiries."
       useInvertedBackground={false}
       faqs={[
-        {
-          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."},
+        { 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." }
       ]}
-      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"
+      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <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"
+      <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}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Shan-e-Zaika"
+      <FooterSimple
       columns={[
-        {
-          title: "Menu",          items: [
-            {
-              label: "Specials",              href: "#menu"},
-            {
-              label: "Drinks",              href: "#menu"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Home" }, { label: "About" }] },
+        { title: "Support", items: [{ label: "Help Center" }, { label: "Reservations" }] }
       ]}
-      copyrightText="© 2024 Shan-e-Zaika. All rights reserved."
+      bottomLeftText="© 2024 Shah Cuisine"
+      bottomRightText="Privacy Policy"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}