266 lines
13 KiB
TypeScript
266 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "Contact",id: "#contact"}]}
|
|
brandName="El Cañon"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCarouselLogo
|
|
logoText="El Cañon"
|
|
description="Experience the authentic flavors of Mexico right here in Grove City. Fresh ingredients, traditional recipes, and a vibrant atmosphere await you."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Order Online", href: "https://software.bistroux.com"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-plate_23-2148764372.jpg", imageAlt: "Delicious Mexican tacos platter"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-slice-lemon-cherry_140725-8778.jpg", imageAlt: "Colorful Mexican cocktails"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317298.jpg", imageAlt: "Warm cozy Mexican restaurant interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-smiling-showing-delicious-salad-made-fresh-vegetables-man-holding-dish-with-salad-his-hand-background-professional-restaurant-kitchen-with-special-kitchenware_651396-3918.jpg", imageAlt: "Chef preparing Mexican food in kitchen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ketchup-vegetable-salad-chips-bowls_181624-59639.jpg", imageAlt: "Crispy nachos supreme"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-mexican-beef-stripes-with-vegetables-tortilla_23-2148042465.jpg", imageAlt: "Sizzling grilled steak fajitas"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
tagAnimation="blur-reveal"
|
|
title="Bringing Authentic Mexican Flavors to Grove City Since Day One"
|
|
buttons={[
|
|
{
|
|
text: "Learn More"},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "dine-in", title: "Dine-In", subtitle: "Enjoy our vibrant atmosphere and exceptional table service for a memorable meal.", category: "Service", value: "Vibrant Atmosphere"},
|
|
{
|
|
id: "takeout", title: "Takeout", subtitle: "Call ahead or order online for convenient pickup of your freshly prepared favorites.", category: "Service", value: "Convenient Pickup"},
|
|
{
|
|
id: "delivery", title: "No-Contact Delivery", subtitle: "Get delicious Mexican food delivered safely to your door, perfect for a cozy night in.", category: "Service", value: "Doorstep Delivery"},
|
|
{
|
|
id: "popular-dishes", title: "Popular Dishes", subtitle: "Explore fan favorites like sizzling Fajitas Nachos and savory Tacos De Carnitas.", category: "Highlights", value: "Crowd Pleasers"},
|
|
]}
|
|
title="Experience El Cañon Your Way"
|
|
description="Whether you're dining with family, grabbing a quick lunch, or enjoying a night in, we make it easy to savor your favorite Mexican dishes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Tacos De Carnitas", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-taco-ingredients_23-2148629331.jpg", imageAlt: "Traditional Carnitas Tacos"},
|
|
{
|
|
id: "p2", name: "Fajitas Nachos", price: "$15.50", imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-still-life_23-2148131286.jpg", imageAlt: "Sizzling Fajitas Nachos"},
|
|
{
|
|
id: "p3", name: "Enchilada Rice and Refried Beans", price: "$13.25", imageSrc: "http://img.b2bpic.net/free-photo/spring-roll_74190-4964.jpg", imageAlt: "Enchiladas with Rice and Beans"},
|
|
{
|
|
id: "p4", name: "Quesadilla Rice and Beans", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-fillet-lavash-with-grilled-green-pepper-tomatoes-red-sauce_114579-2968.jpg", imageAlt: "Chicken Quesadilla with Rice and Beans"},
|
|
{
|
|
id: "p5", name: "Nachos Supreme", price: "$14.75", imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-tortilla-chips-with-black-beans-guacamole-tomato-jalapeno-wooden-table_123827-20434.jpg", imageAlt: "Loaded Nachos Supreme"},
|
|
{
|
|
id: "p6", name: "Chips and Salsa", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/assorted-dressings-toppings-marble-surface_114579-54668.jpg", imageAlt: "Fresh Chips and Salsa"},
|
|
]}
|
|
title="Our Signature Menu Items"
|
|
description="Hand-picked favorites that capture the essence of Mexican cuisine. Made with fresh, authentic ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "700+", title: "Happy Reviews", items: [
|
|
"Consistently rated highly by our cherished customers."],
|
|
},
|
|
{
|
|
id: "m2", value: "10+", title: "Years Serving", items: [
|
|
"A long-standing tradition of authentic Mexican cuisine in Grove City."],
|
|
},
|
|
{
|
|
id: "m3", value: "50+", title: "Authentic Recipes", items: [
|
|
"A diverse menu crafted from time-honored family recipes."],
|
|
},
|
|
]}
|
|
title="Our Dedication to Excellence"
|
|
description="We are proud of our commitment to quality, authenticity, and creating memorable dining experiences for our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", role: "Local Resident", company: "Grove City", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg"},
|
|
{
|
|
id: "t2", name: "Michael C.", role: "Food Enthusiast", company: "Columbus", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-holding-basket-with-potato-cips-eating-them-blue-wall-cinema-movie-film-theater-male_140725-71575.jpg"},
|
|
{
|
|
id: "t3", name: "Emily R.", role: "Family Diner", company: "Grove City", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-young-female-with-bushy-hairstyle-dressed-casually-holds-sunglasses-spends-leisure-time-coffee-shop-has-informal-meeting_273609-3180.jpg"},
|
|
{
|
|
id: "t4", name: "David K.", role: "Regular Customer", company: "Grove City", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427602.jpg"},
|
|
{
|
|
id: "t5", name: "Jessica L.", role: "Visitor", company: "Ohio", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-banana-slices_23-2150241106.jpg"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear directly from our customers about their favorite dishes and experiences at El Cañon."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What are your operating hours?", content: "We are open Tuesday to Sunday from 11 AM to 9 PM. Closed on Mondays."},
|
|
{
|
|
id: "faq2", title: "Do you offer vegetarian or vegan options?", content: "Yes, we have a variety of delicious vegetarian and vegan dishes. Please ask your server for recommendations."},
|
|
{
|
|
id: "faq3", title: "Can I make a reservation?", content: "We primarily operate on a first-come, first-served basis, especially on weekends. For larger parties or special events, please call us directly."},
|
|
{
|
|
id: "faq4", title: "Do you cater for events?", content: "Yes, we offer catering services for various events. Please contact us for more details and menu options."},
|
|
]}
|
|
sideTitle="Questions? We Have Answers!"
|
|
sideDescription="Find quick answers to common questions about our restaurant, menu, and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Visit Us or Get in Touch! \nWe'd love to hear from you."
|
|
buttons={[
|
|
{
|
|
text: "Call Us: (614) 277-8645", href: "tel:+16142778645"},
|
|
{
|
|
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=2714+London+Groveport+Rd,+Grove+City,+OH+43123"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="El Cañon"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Tacos", href: "#menu"},
|
|
{
|
|
label: "Fajitas", href: "#menu"},
|
|
{
|
|
label: "Enchiladas", href: "#menu"},
|
|
{
|
|
label: "Margaritas", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{
|
|
label: "Our Story",href: "#about"},
|
|
{
|
|
label: "Reviews",href: "#reviews"},
|
|
{
|
|
label: "Careers",href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",items: [
|
|
{
|
|
label: "FAQ",href: "#faq"},
|
|
{
|
|
label: "Contact Us",href: "#contact"},
|
|
{
|
|
label: "Order Online",href: "https://software.bistroux.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 El Cañon Mexican Restaurant | All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|