Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0d741bdbd4 | |||
| 41cd6eb705 | |||
| 7ffc707718 | |||
| c31d813fbc | |||
| 523e810799 | |||
| cd60ac7df2 | |||
| 2dfdd9620d | |||
| b845a48175 |
@@ -1,62 +1,36 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Vallarta Mexican Grill | Authentic Mexican Cuisine & Drinks", description: "Experience luxury Mexican dining with authentic cuisine, handcrafted margaritas, and vibrant atmosphere. Dine in or order takeout from Vallarta Mexican Grill.", keywords: "Mexican restaurant, authentic Mexican food, margaritas, handcrafted drinks, Puerto Vallarta dining, fine dining, takeout", metadataBase: new URL("https://vallartamexicangrill.com"),
|
||||
alternates: {
|
||||
canonical: "https://vallartamexicangrill.com"},
|
||||
openGraph: {
|
||||
title: "Vallarta Mexican Grill | Luxury Mexican Dining Experience", description: "Discover authentic Mexican cuisine with vibrant atmosphere and signature handcrafted drinks at Vallarta Mexican Grill.", url: "https://vallartamexicangrill.com", siteName: "Vallarta Mexican Grill", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg", alt: "gourmet mexican food plated restaurant"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Vallarta Mexican Grill | Authentic Mexican Cuisine", description: "Experience vibrant Mexican dining with handcrafted drinks and authentic recipes.", images: ["http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Vallarta Mexican Grill", description: "Experience authentic Mexican cuisine and handcrafted margaritas at Vallarta Mexican Grill"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${manrope.variable} ${dmSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<body className={`${inter.variable}`}>
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
||||
document.documentElement.classList.add('dark')
|
||||
} else {
|
||||
document.documentElement.classList.remove('dark')
|
||||
}
|
||||
`,
|
||||
}}
|
||||
/>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1424,7 +1398,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
293
src/app/page.tsx
293
src/app/page.tsx
@@ -1,219 +1,148 @@
|
||||
"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 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="medium"
|
||||
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%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
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