Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 05348e2c50 |
173
src/app/page.tsx
173
src/app/page.tsx
@@ -2,9 +2,9 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
@@ -31,46 +31,31 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="El Bigote"
|
brandName="El Bigote"
|
||||||
button={{
|
button={{
|
||||||
text: "Book Table",
|
text: "Book Table", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
logoText="El Bigote"
|
logoText="El Bigote"
|
||||||
description="Authentic Mexican flavors, bold spices, and the heart of Mexico. Experience the true taste of El Bigote."
|
description="Authentic Mexican flavors, bold spices, and the heart of Mexico. Experience the true taste of El Bigote."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "View Menu",
|
text: "View Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Book Table",
|
text: "Book Table", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tacos-wooden-table_23-2148629356.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tacos-wooden-table_23-2148629356.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -94,19 +79,13 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Flame,
|
icon: Flame,
|
||||||
title: "Bold Authentic Spices",
|
title: "Bold Authentic Spices", description: "Authentic heat and flavors straight from Mexico."},
|
||||||
description: "Authentic heat and flavors straight from Mexico.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
title: "Traditional Recipes",
|
title: "Traditional Recipes", description: "Family-owned recipes with a modern twist."},
|
||||||
description: "Family-owned recipes with a modern twist.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
title: "Vibrant Atmosphere",
|
title: "Vibrant Atmosphere", description: "Perfect for family dinners, dates, and parties."},
|
||||||
description: "Perfect for family dinners, dates, and parties.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why El Bigote?"
|
title="Why El Bigote?"
|
||||||
description="We are committed to delivering the most authentic Mexican dining experience in the city."
|
description="We are committed to delivering the most authentic Mexican dining experience in the city."
|
||||||
@@ -121,47 +100,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Street Tacos", price: "$12", variant: "Authentic Mexican", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-tacos-plate_23-2148629339.jpg"},
|
||||||
name: "Street Tacos",
|
|
||||||
price: "$12",
|
|
||||||
variant: "Authentic Mexican",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-tacos-plate_23-2148629339.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Enchiladas Suizas", price: "$16", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2151902526.jpg"},
|
||||||
name: "Enchiladas Suizas",
|
|
||||||
price: "$16",
|
|
||||||
variant: "Traditional",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2151902526.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Fresh Guacamole", price: "$9", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-nachos-top-view_114579-7079.jpg"},
|
||||||
name: "Fresh Guacamole",
|
|
||||||
price: "$9",
|
|
||||||
variant: "Appetizer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-nachos-top-view_114579-7079.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Cheese Quesadillas", price: "$10", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-with-spices-marble-background_23-2148224140.jpg"},
|
||||||
name: "Cheese Quesadillas",
|
|
||||||
price: "$10",
|
|
||||||
variant: "Vegetarian",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-with-spices-marble-background_23-2148224140.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Churros", price: "$7", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-delicious-churros-blanket-sugar_23-2148379647.jpg"},
|
||||||
name: "Churros",
|
|
||||||
price: "$7",
|
|
||||||
variant: "Dessert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-delicious-churros-blanket-sugar_23-2148379647.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Horchata", price: "$5", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/apple-juice-cup-with-cinnamon-flavour-checked-towel_114579-11519.jpg"},
|
||||||
name: "Horchata",
|
|
||||||
price: "$5",
|
|
||||||
variant: "Drink",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-juice-cup-with-cinnamon-flavour-checked-towel_114579-11519.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Menu"
|
title="Our Signature Menu"
|
||||||
description="Savor the flavors of our most popular authentic Mexican dishes."
|
description="Savor the flavors of our most popular authentic Mexican dishes."
|
||||||
@@ -175,40 +124,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Juan Perez", handle: "@juanp", testimonial: "Best street tacos I have had outside of Mexico City!", imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg"},
|
||||||
name: "Juan Perez",
|
|
||||||
handle: "@juanp",
|
|
||||||
testimonial: "Best street tacos I have had outside of Mexico City!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Maria Garcia", handle: "@mariag", testimonial: "El Bigote feels like home. The atmosphere is just perfect.", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
|
||||||
name: "Maria Garcia",
|
|
||||||
handle: "@mariag",
|
|
||||||
testimonial: "El Bigote feels like home. The atmosphere is just perfect.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Carlos Lopez", handle: "@carlosl", testimonial: "The guacamole is incredibly fresh. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg"},
|
||||||
name: "Carlos Lopez",
|
|
||||||
handle: "@carlosl",
|
|
||||||
testimonial: "The guacamole is incredibly fresh. Highly recommend!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Lucia Diaz", handle: "@luciad", testimonial: "Delicious enchiladas and excellent service every time.", imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2148014955.jpg"},
|
||||||
name: "Lucia Diaz",
|
|
||||||
handle: "@luciad",
|
|
||||||
testimonial: "Delicious enchiladas and excellent service every time.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2148014955.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Pedro Ruiz", handle: "@pedror", testimonial: "A true culinary gem. Do not skip the churros!", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||||
name: "Pedro Ruiz",
|
|
||||||
handle: "@pedror",
|
|
||||||
testimonial: "A true culinary gem. Do not skip the churros!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Guests Say"
|
title="What Our Guests Say"
|
||||||
description="The best Mexican food in town, no questions asked."
|
description="The best Mexican food in town, no questions asked."
|
||||||
@@ -216,43 +140,38 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
title="Get in Touch"
|
||||||
background={{
|
description="Reservations, feedback, or catering inquiries — we would love to hear from you."
|
||||||
variant: "plain",
|
inputs={[
|
||||||
}}
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
tag="Visit Us"
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||||
title="Ready to Experience Authentic Mexican Food?"
|
|
||||||
description="Join us today for an unforgettable dinner. We are located at 123 Mexican Ave, Flavor City."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:+123456789",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Book Table",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
textarea={{ name: "message", placeholder: "How can we help?", required: true }}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-working-as-waiter-restaurant_23-2148766947.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterBaseReveal
|
||||||
logoText="El Bigote"
|
logoText="El Bigote"
|
||||||
copyrightText="© 2025 El Bigote. All rights reserved."
|
columns={[
|
||||||
socialLinks={[
|
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
title: "Menu", items: [
|
||||||
href: "#",
|
{ label: "Street Tacos", href: "#menu" },
|
||||||
ariaLabel: "Instagram",
|
{ label: "Specialties", href: "#menu" },
|
||||||
|
{ label: "Drinks", href: "#menu" }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
title: "Company", items: [
|
||||||
href: "#",
|
{ label: "About Us", href: "#about" },
|
||||||
ariaLabel: "Facebook",
|
{ label: "Book Table", href: "#contact" }
|
||||||
},
|
]
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
|
copyrightText="© 2025 El Bigote. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user