From 7ffc707718b530d8f412288d88a39dd034d3e829 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 17:25:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 294 ++++++++++++++++++-----------------------------
 1 file changed, 111 insertions(+), 183 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 40154d4..651b0d5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,219 +1,147 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroCentered from "@/components/sections/hero/HeroCentered";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Facebook, Instagram } from "lucide-react";
+import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { TrendingUp, Users, ShoppingCart, Globe, Mail, Sparkles } from "lucide-react";
 
-export default function VallartaLanding() {
+export default function Home() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="reveal-blur"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="compact"
+      contentWidth="large"
       sizing="large"
-      background="aurora"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
-      headingFontWeight="normal"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="Vallarta"
-          navItems={[
-            { name: "Menu", id: "menu-highlights" },
-            { name: "Atmosphere", id: "atmosphere" },
-            { name: "Drinks", id: "drinks" },
-            { name: "Reviews", id: "reviews" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{
-            text: "Order Takeout",            href: "#takeout"
-          }}
-        />
-      </div>
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "About", id: "#about" },
+          { name: "Pricing", id: "#pricing" },
+          { name: "Contact", id: "#contact" },
+        ]}
+        button={{ text: "Get Started", href: "#contact" }}
+        brandName="Vallarta"
+      />
 
       <div id="hero" data-section="hero">
-        <HeroCentered
-          title="Experience the Flavor of Vallarta"
-          description="Authentic Mexican cuisine, handcrafted margaritas, and a vibrant dining atmosphere where every moment celebrates the energy of Puerto Vallarta."
-          background={{ variant: "radial-gradient" }}
-          avatars={[
-            {
-              src: "http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg",              alt: "Vallarta Mexican Grill signature dish"
-            },
-          ]}
-          avatarText="Trusted by locals and travelers"
+        <HeroLogo
+          logoText="Vallarta Mexican Grill"
+          description="Experience authentic Mexican cuisine and handcrafted margaritas"
           buttons={[
-            { text: "View Menu", href: "#menu-highlights" },
-            { text: "Order Takeout", href: "#takeout" },
+            { text: "View Menu", href: "#about" },
+            { text: "Reserve a Table", href: "#contact" },
           ]}
-          buttonAnimation="slide-up"
-          ariaLabel="Vallarta Mexican Grill Hero Section"
+          imageSrc="/placeholders/placeholder5.jpg"
+          imageAlt="Vallarta Mexican Grill ambiance"
+          showDimOverlay={true}
         />
       </div>
 
-      <div id="menu-highlights" data-section="menu-highlights">
-        <ProductCardFour
-          title="Menu Highlights"
-          description="Discover our most beloved dishes crafted with authentic recipes and the finest ingredients."
-          tag="Customer Favorites"
-          products={[
+      <div id="about" data-section="about">
+        <AboutMetric
+          title="Vallarta Mexican Grill - Where Tradition Meets Innovation"
+          metrics={[
+            { icon: TrendingUp, label: "Years of Excellence", value: "25+" },
+            { icon: ShoppingCart, label: "Dishes Created", value: "100+" },
+            { icon: Users, label: "Happy Customers", value: "50K+" },
+            { icon: Globe, label: "Premium Ingredients", value: "100%" },
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardThree
+          title="Our Menu Categories"
+          description="Explore our authentic Mexican cuisine offerings"
+          tag="Menu"
+          plans={[
             {
-              id: "1",              name: "Chimichanga",              price: "Market Price",              variant: "Crispy & Golden",              imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-rolls_74190-1839.jpg",              imageAlt: "Crispy Chimichanga"
+              id: "1",              price: "Appetizers",              name: "Start Your Journey",              buttons: [
+                { text: "View Dishes", onClick: () => console.log("Appetizers") },
+                { text: "Learn More", onClick: () => console.log("Details") },
+              ],
+              features: [
+                "Guacamole & Chips",                "Cheese Quesadillas",                "Fish Tacos",                "Ceviche"],
             },
             {
-              id: "2",              name: "Polo Loco Burrito",              price: "Market Price",              variant: "Roasted Chicken",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-sandwich-with-grilled-meat-sliced-with-salad-white-space_140725-75703.jpg",              imageAlt: "Polo Loco Burrito"
+              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "Main Courses",              name: "Chef's Specialties",              buttons: [
+                { text: "View Dishes", onClick: () => console.log("Main") },
+                { text: "Learn More", onClick: () => console.log("Details") },
+              ],
+              features: [
+                "Chiles Rellenos",                "Fajitas",                "Enchiladas Verdes",                "Carnitas"],
             },
             {
-              id: "3",              name: "Cheese Enchiladas",              price: "Market Price",              variant: "Authentic Recipe",              imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-cooked-ground-beef-bowl-with-mexican-nachos-chips-blue-wooden-desk_23-2148042445.jpg",              imageAlt: "Cheese Enchiladas"
+              id: "3",              price: "Beverages",              name: "Handcrafted Drinks",              buttons: [
+                { text: "View Drinks", onClick: () => console.log("Beverages") },
+                { text: "Learn More", onClick: () => console.log("Details") },
+              ],
+              features: [
+                "Margaritas",                "Mojitos",                "Aguas Frescas",                "Mexican Beers"],
             },
           ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "View Full Menu", href: "#" },
-          ]}
-        />
-      </div>
-
-      <div id="atmosphere" data-section="atmosphere">
-        <FeatureCardTwentyOne
-          title="The Vallarta Experience"
-          description="Step into an atmosphere that captures the vibrant spirit of Puerto Vallarta nightlife with lively music, exceptional service, and an unforgettable dining experience."
-          tag="Atmosphere"
-          imageSrc="http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg"
-          imageAlt="Vallarta Restaurant Interior"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          useInvertedBackground={false}
-          accordionItems={[
-            {
-              id: "1",              title: "Live Music & Energy",              content: "Experience the rhythm of authentic Mexican culture with carefully curated music that sets the perfect mood for celebration, romance, or gathering with friends."
-            },
-            {
-              id: "2",              title: "Warm, Welcoming Service",              content: "Our team treats every guest like family. We ensure your evening is seamless, attentive, and filled with genuine hospitality that makes you feel at home."
-            },
-            {
-              id: "3",              title: "Perfect for Every Occasion",              content: "Whether it's a romantic date night, family celebration, or night out with friends, Vallarta provides the ideal backdrop for creating lasting memories."
-            },
-          ]}
-          buttons={[
-            { text: "Reserve Table", href: "#" },
-          ]}
-        />
-      </div>
-
-      <div id="drinks" data-section="drinks">
-        <ProductCardFour
-          title="Signature Handcrafted Drinks"
-          description="Master mixologists create our signature drinks using premium spirits and fresh ingredients that elevate every sip."
-          tag="Drink Specialties"
-          products={[
-            {
-              id: "1",              name: "Premium Margarita",              price: "Market Price",              variant: "Handcrafted Daily",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-fruit-cocktail-with-ice-cubes-brown-wooden-desk-fruit-drink-cocktail-juice_140725-26168.jpg",              imageAlt: "Craft Margarita"
-            },
-            {
-              id: "2",              name: "Authentic Michelada",              price: "Market Price",              variant: "Spicy & Refreshing",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-negroni-cocktail-with-lime_23-2149451553.jpg",              imageAlt: "Authentic Michelada"
-            },
-          ]}
-          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="reviews" data-section="reviews">
-        <TestimonialCardSixteen
-          title="What Our Guests Say"
-          description="Real experiences from locals, travelers, and food lovers who've made Vallarta their favorite Mexican restaurant."
-          tag="4.5 Star Rated"
-          testimonials={[
-            {
-              id: "1",              name: "Maria Rodriguez",              role: "Local Resident",              company: "Community Member",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg",              imageAlt: "Maria Rodriguez"
-            },
-            {
-              id: "2",              name: "James & Sofia",              role: "Couple",              company: "Date Night Regular",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg",              imageAlt: "James & Sofia"
-            },
-            {
-              id: "3",              name: "The Chen Family",              role: "Family Visitors",              company: "Hotel Guests",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-female-with-curly-bushy-afro-hairstyle-rests-cafe_273609-2873.jpg",              imageAlt: "The Chen Family"
-            },
-            {
-              id: "4",              name: "David Martinez",              role: "Food Enthusiast",              company: "Travel Writer",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12106.jpg",              imageAlt: "David Martinez"
-            },
-          ]}
-          kpiItems={[
-            { value: "46+", label: "Five-Star Reviews" },
-            { value: "4.5★", label: "Average Rating" },
-            { value: "1000+", label: "Happy Guests Monthly" },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="takeout" data-section="takeout">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Craving Vallarta at Home?" },
-          ]}
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Order Online Now", href: "#" },
-            { text: "Call for Takeout", href: "tel:+1234567890" },
-          ]}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Stay Connected"
-          title="Join Our Community"
-          description="Subscribe to our newsletter for weekly specials, new menu items, and exclusive offers from Vallarta Mexican Grill."
-          background={{ variant: "radial-gradient" }}
+        <ContactCTA
+          tag="Ready to Join Us?"
+          tagIcon={Mail}
+          title="Book Your Table Today"
+          description="Experience the authentic flavors of Mexico. Reserve your seat at Vallarta Mexican Grill and enjoy an unforgettable dining experience with family and friends."
+          buttons={[
+            {
+              text: "Make a Reservation",              href: "tel:+1234567890",              onClick: () => console.log("Call to reserve"),
+            },
+            { text: "Visit Website", href: "https://example.com" },
+          ]}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg"
-          imageAlt="Vallarta Mexican Grill"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy and send updates only about specials and new dishes."
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Vallarta"
-          copyrightText="© 2025 Vallarta Mexican Grill. All rights reserved."
-          socialLinks={[
-            {
-              icon: Facebook,
-              href: "https://facebook.com/vallartamexicangrill",              ariaLabel: "Facebook"
-            },
-            {
-              icon: Instagram,
-              href: "https://instagram.com/vallartamexicangrill",              ariaLabel: "Instagram"
-            },
-          ]}
-        />
-      </div>
+      <FooterBaseReveal
+        columns={[
+          {
+            title: "Restaurant",            items: [
+              { label: "About Us", href: "#about" },
+              { label: "Menu", href: "#pricing" },
+              { label: "Reservations", href: "#contact" },
+            ],
+          },
+          {
+            title: "Connect",            items: [
+              { label: "Contact", href: "#contact" },
+              { label: "Hours", href: "#" },
+              { label: "Location", href: "#" },
+            ],
+          },
+          {
+            title: "Follow",            items: [
+              { label: "Facebook", href: "https://facebook.com" },
+              { label: "Instagram", href: "https://instagram.com" },
+              { label: "Twitter", href: "https://twitter.com" },
+            ],
+          },
+        ]}
+        copyrightText="© 2025 Vallarta Mexican Grill. All rights reserved."
+      />
     </ThemeProvider>
   );
 }
-- 
2.49.1