Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Users, Utensils, Star } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -27,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
@@ -40,108 +41,95 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroCarouselLogo
+          <HeroBillboardScroll
-            logoText="City Restaurant"
+            title="Experience the Best Dining in Lucknow"
-            description="Experience the Best Dining in Lucknow. Delicious food, cozy ambiance, and an unforgettable experience. Rated 4.8 by 80+ happy foodies."
+            description="Delicious food, cozy ambiance, and an unforgettable experience. Rated 4.8 by 80+ happy foodies."
             buttons={[
               { text: "View Menu", href: "#menu" },
-              { text: "Call Now", href: "tel:09454363252" },
               { text: "Book a Table", href: "#contact" },
             ]}
-            slides={[
+            background={{ variant: "sparkles-gradient" }}
-              { imageSrc: "http://img.b2bpic.net/free-photo/vintage-chairs-antique-store_23-2149640752.jpg", imageAlt: "Elegant restaurant interior" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg?_wi=1", imageAlt: "Signature Biryani Dish" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/culinary-arts-meet-precision-as-chef-sprinkles-parsley-gourmet-dish_482257-121148.jpg?_wi=1", imageAlt: "Dining experience" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg?_wi=1", imageAlt: "Starters" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg?_wi=1", imageAlt: "Desserts" },
-            ]}
           />
         </div>
 
         <div id="about" data-section="about">
-          <MediaAbout
+          <AboutMetric
-            useInvertedBackground={false}
             title="A Legacy of Taste in Lucknow"
-            description="City Restaurant is known for serving the finest North Indian and Mughlai cuisine. With a focus on high-quality ingredients, clean ambiance, and legendary service, we ensure every meal is special. Our signature Biryani is a must-try for everyone visiting Lucknow."
+            metrics={[
-            imageSrc="http://img.b2bpic.net/free-photo/culinary-arts-meet-precision-as-chef-sprinkles-parsley-gourmet-dish_482257-121148.jpg?_wi=2"
+              { icon: Utensils, label: "Authentic Cuisine", value: "100%" },
-            imageAlt="Our famous North Indian cuisine"
+              { icon: Users, label: "Happy Guests", value: "10k+" },
+              { icon: Star, label: "Google Rating", value: "4.8" },
+            ]}
+            metricsAnimation="blur-reveal"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="menu" data-section="menu">
-          <ProductCardFour
+          <ProductCardTwo
             animationType="slide-up"
             textboxLayout="split"
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={true}
-            products={[
-              { id: "1", name: "Lucknowi Signature Biryani", price: "₹349", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg?_wi=2" },
-              { id: "2", name: "Paneer Tikka Starter", price: "₹249", variant: "Starters", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg?_wi=2" },
-              { id: "3", name: "Royal Shahi Tukda", price: "₹199", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg?_wi=2" },
-            ]}
             title="Our Signature Menu"
             description="From aromatic Biryani to decadent desserts, explore our carefully curated selection."
+            products={[
+              { id: "1", brand: "Authentic", name: "Lucknowi Signature Biryani", price: "₹349", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg?_wi=2" },
+              { id: "2", brand: "Starter", name: "Paneer Tikka Starter", price: "₹249", rating: 4, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg?_wi=2" },
+              { id: "3", brand: "Dessert", name: "Royal Shahi Tukda", price: "₹199", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/spicy-marinated-tomatoes-bowl_114579-87441.jpg?_wi=2" },
+            ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardSixteen
+          <TestimonialCardTen
             textboxLayout="split"
             useInvertedBackground={false}
-            animationType="slide-up"
-            testimonials={[
-              { id: "1", name: "Sarah J.", role: "Food Critic", company: "Lucknow Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg?_wi=1" },
-              { id: "2", name: "Rahul V.", role: "Local Resident", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-adult-friends-having-dinner-together_23-2148454168.jpg" },
-              { id: "3", name: "Ananya K.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-dinner-party_23-2150648860.jpg" },
-              { id: "4", name: "David M.", role: "Tourist", company: "Global Traveler", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg" },
-              { id: "5", name: "Priya S.", role: "Food Blogger", company: "Lucknow Diaries", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg?_wi=2" },
-            ]}
-            kpiItems={[
-              { value: "4.8", label: "Google Rating" },
-              { value: "10k+", label: "Happy Guests" },
-              { value: "15", label: "Years Served" },
-            ]}
             title="Loved by Foodies"
             description="See what our cherished guests have to say about their dining experience."
+            testimonials={[
+              { id: "1", title: "Exceptional Taste", quote: "The best biryani in Lucknow! Absolutely loved it.", name: "Sarah J.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg?_wi=1" },
+              { id: "2", title: "Cozy Vibe", quote: "Perfect place for family gatherings and celebrations.", name: "Rahul V.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/group-adult-friends-having-dinner-together_23-2148454168.jpg" },
+            ]}
           />
         </div>
 
         <div id="features" data-section="features">
-          <FeatureCardSeven
+          <FeatureCardTwelve
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={true}
-            features={[
-              { id: 1, title: "Full Accessibility", description: "Wheelchair-accessible parking, entrance, and facilities.", imageSrc: "http://img.b2bpic.net/free-photo/culinary-arts-meet-precision-as-chef-sprinkles-parsley-gourmet-dish_482257-121148.jpg?_wi=3" },
-              { id: 2, title: "Service Options", description: "Dine-in, kerbside pickup, and no-contact delivery available.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-assortment_23-2148821514.jpg?_wi=3" },
-              { id: 3, title: "Family Friendly", description: "Kids' menu, birthday celebrations, and changing tables.", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-tomato-bulgur_2829-20007.jpg?_wi=3" },
-            ]}
             title="Why Choose City Restaurant?"
-            description="We offer more than just food; we provide an all-encompassing dining experience with top-tier accessibility and service."
+            description="We offer more than just food; we provide an all-encompassing dining experience."
+            features={[
+              { id: "1", label: "Accessibility", title: "Full Accessibility", items: ["Wheelchair-accessible parking", "Accessible entrance", "Accessible facilities"] },
+              { id: "2", label: "Convenience", title: "Service Options", items: ["Dine-in available", "Kerbside pickup", "No-contact delivery"] },
+              { id: "3", label: "Family", title: "Family Friendly", items: ["Kids' menu", "Celebrations support", "Changing tables"] },
+            ]}
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactSplitForm
-            useInvertedBackground={false}
-            background={{ variant: "gradient-bars" }}
             title="Reserve Your Table"
-            description="Visit us at City Chauraha, Railway Station, Nabiullah Rd, Kaiser Bagh, Lucknow. Book now to secure your spot. Or call us directly for inquiries."
+            description="Visit us at City Chauraha, Railway Station, Nabiullah Rd, Kaiser Bagh, Lucknow. Book now to secure your spot."
-            buttonText="Book Now"
+            inputs={[
-            tag="Contact Us"
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "How many guests? Any special requests?", rows: 4 }}
+            buttonText="Submit Request"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterBaseCard
-            imageSrc="http://img.b2bpic.net/free-photo/entrance-bar-called-glance_1122-1247.jpg"
-            imageAlt="City Restaurant Exterior"
-            columns={[
-              { title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
-              { title: "Service", items: [{ label: "Reservations", href: "#contact" }, { label: "Delivery", href: "#" }] },
-              { title: "Contact", items: [{ label: "Call: 09454363252", href: "tel:09454363252" }, { label: "Location", href: "#contact" }] },
-            ]}
             logoText="City Restaurant"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+              { title: "Information", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            ]}
             copyrightText="© 2025 City Restaurant Lucknow. All rights reserved."
           />
         </div>