Merge version_3 into main #4
294
src/app/page.tsx
294
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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user