419 lines
16 KiB
TypeScript
419 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Sparkles, Flame, MapPin, Star, ChefHat } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Order Online", id: "order" },
|
|
{ name: "Gift Cards", id: "gift-cards" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Careers", id: "careers" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "/",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "/menu",
|
|
},
|
|
{
|
|
label: "Order Online",
|
|
href: "https://order.toasttab.com/online/corazon-6800-visitors-circle",
|
|
},
|
|
{
|
|
label: "Gift Cards",
|
|
href: "/gift-cards",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "https://instagram.com/corazoncocinamexicana",
|
|
},
|
|
{
|
|
label: "Facebook",
|
|
href: "https://facebook.com",
|
|
},
|
|
{
|
|
label: "Google Reviews",
|
|
href: "https://g.page/r/CZumIN3la0mCEAE/review",
|
|
},
|
|
{
|
|
label: "TripAdvisor",
|
|
href: "https://www.tripadvisor.com",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Phone",
|
|
href: "tel:+1-407-237-9490",
|
|
},
|
|
{
|
|
label: "6800 Visitors Circle, Orlando, FL 32819",
|
|
href: "https://maps.google.com/?q=6800+Visitors+Circle,+Orlando,+FL+32819",
|
|
},
|
|
{
|
|
label: "Hours",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "/careers",
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Corazón"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
button={{
|
|
text: "Order Now",
|
|
href: "https://order.toasttab.com/online/corazon-6800-visitors-circle",
|
|
}}
|
|
className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50"
|
|
buttonClassName="bg-primary-cta hover:opacity-90 text-white font-semibold px-6 py-2 rounded-full shadow-lg transition-all"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Authentic Mexican Cuisine — Made With Corazón"
|
|
description="Family-owned restaurant featuring traditional Mexican dishes prepared by authentic Mexican chefs. Voted Best Around in Orlando. Fresh ingredients. Sizzling fajitas. Homemade tamales. Unforgettable flavors."
|
|
tag="Now Open"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
buttons={[
|
|
{
|
|
text: "View Menu",
|
|
href: "/menu",
|
|
},
|
|
{
|
|
text: "Order Online",
|
|
href: "https://order.toasttab.com/online/corazon-6800-visitors-circle",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-different-vegetables-coriander-hot-peppers-bell-peppers-cut-into-pieces-round-tree-wood-board-cherry-tomatoes-peppers-yellow-ochre-background-free-space_140725-108077.jpg?_wi=1",
|
|
imageAlt: "Sizzling fajitas on cast iron skillet",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg?_wi=1",
|
|
imageAlt: "Homemade corn tamales",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-stuffed-cabbage-plate-stuffed-cabbage-with-lemon-herbs-sauce-bowls-rice-colorful-spices-black-pepper-black-table_140725-110561.jpg?_wi=1",
|
|
imageAlt: "Colorful enchiladas with traditional sauce",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-lunch-inside-plate-dark-green-surface_140725-61856.jpg?_wi=1",
|
|
imageAlt: "Traditional chiles rellenos with mole",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-tamales-plate_23-2148942297.jpg?_wi=1",
|
|
imageAlt: "Fresh guacamole prepared tableside",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-night-party_23-2147640529.jpg?_wi=1",
|
|
imageAlt: "Colorful margarita in cantina setting",
|
|
},
|
|
]}
|
|
className="w-full min-h-screen"
|
|
containerClassName="relative"
|
|
textBoxClassName="text-center"
|
|
titleClassName="text-5xl md:text-7xl font-extrabold leading-tight"
|
|
descriptionClassName="text-lg md:text-xl max-w-2xl mx-auto mt-6"
|
|
buttonContainerClassName="flex flex-col md:flex-row gap-4 justify-center mt-8"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Corazón means heart in Spanish—and",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration_23-2149317302.jpg",
|
|
alt: "Corazón restaurant interior",
|
|
},
|
|
{
|
|
type: "text",
|
|
content: "our heart goes into every dish",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Call Us",
|
|
href: "tel:+1-407-237-9490",
|
|
},
|
|
{
|
|
text: "Get Directions",
|
|
href: "https://maps.google.com/?q=6800+Visitors+Circle,+Orlando,+FL+32819",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
headingClassName="text-4xl md:text-5xl font-extrabold leading-tight"
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
buttonContainerClassName="flex flex-col md:flex-row gap-4 mt-10"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-dishes" data-section="featured-dishes">
|
|
<ProductCardFour
|
|
title="Our Signature Dishes"
|
|
description="Experience the authentic flavors that make Corazón a local favorite. Each dish is crafted with fresh ingredients and traditional recipes."
|
|
tag="Must Try"
|
|
tagIcon={Flame}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "fajitas",
|
|
name: "Sizzling Fajitas",
|
|
price: "Market Price",
|
|
variant: "Chicken, Beef, or Shrimp",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-different-vegetables-coriander-hot-peppers-bell-peppers-cut-into-pieces-round-tree-wood-board-cherry-tomatoes-peppers-yellow-ochre-background-free-space_140725-108077.jpg?_wi=2",
|
|
imageAlt: "Sizzling fajitas on cast iron skillet",
|
|
},
|
|
{
|
|
id: "tamales",
|
|
name: "Homemade Corn Tamales",
|
|
price: "Market Price",
|
|
variant: "Traditional Family Recipe",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086032.jpg?_wi=2",
|
|
imageAlt: "Fresh homemade tamales",
|
|
},
|
|
{
|
|
id: "enchiladas",
|
|
name: "Enchiladas",
|
|
price: "Market Price",
|
|
variant: "Verdes or Rojo Sauce",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-stuffed-cabbage-plate-stuffed-cabbage-with-lemon-herbs-sauce-bowls-rice-colorful-spices-black-pepper-black-table_140725-110561.jpg?_wi=2",
|
|
imageAlt: "Colorful enchiladas with sauce",
|
|
},
|
|
{
|
|
id: "chiles-rellenos",
|
|
name: "Chiles Rellenos",
|
|
price: "Market Price",
|
|
variant: "Poblano with Mole Sauce",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-lunch-inside-plate-dark-green-surface_140725-61856.jpg?_wi=2",
|
|
imageAlt: "Traditional chiles rellenos",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-lg mt-4 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hours-location" data-section="hours-location">
|
|
<FeatureCardEight
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Sunday - Thursday",
|
|
description: "12:00 PM - 12:00 AM",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-people-navigating_23-2147654143.jpg?_wi=1",
|
|
imageAlt: "Restaurant location",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Friday - Saturday",
|
|
description: "12:00 PM - 12:30 AM",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration_23-2149317302.jpg?_wi=1",
|
|
imageAlt: "Restaurant interior",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Location",
|
|
description: "6800 Visitors Circle, Orlando, FL 32819",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/retro-floor-tiles-pattern_23-2147519726.jpg?_wi=1",
|
|
imageAlt: "Restaurant decor",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Contact",
|
|
description: "+1 (407) 237-9490",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/assortment-flat-design-business-card-icons_23-2148353980.jpg?_wi=1",
|
|
imageAlt: "Phone contact",
|
|
},
|
|
]}
|
|
title="Hours & Location"
|
|
description="Find us at 6800 Visitors Circle in Orlando. Open daily for lunch and dinner with extended hours on weekends."
|
|
tag="Visit Us"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Get Directions",
|
|
href: "https://maps.google.com/?q=6800+Visitors+Circle,+Orlando,+FL+32819",
|
|
},
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:+1-407-237-9490",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-lg mt-4 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Maria González",
|
|
role: "Regular Guest",
|
|
company: "Orlando Local",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg?_wi=1",
|
|
imageAlt: "Maria González",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Thompson",
|
|
role: "Family Owner",
|
|
company: "Repeat Customer",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-jacket-posing_171337-19811.jpg?_wi=1",
|
|
imageAlt: "James Thompson",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sofia Ramirez",
|
|
role: "Food Enthusiast",
|
|
company: "Orlando Foodie",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg?_wi=1",
|
|
imageAlt: "Sofia Ramirez",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Martinez",
|
|
role: "Business Professional",
|
|
company: "Downtown Orlando",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg?_wi=1",
|
|
imageAlt: "David Martinez",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "Best Around",
|
|
label: "Voted in Orlando",
|
|
},
|
|
{
|
|
value: "Family-Owned",
|
|
label: "Authentic Heritage",
|
|
},
|
|
{
|
|
value: "Fresh Ingredients",
|
|
label: "Daily Preparation",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
title="What Our Customers Say"
|
|
description="Hear from families and friends who've made Corazón their favorite restaurant. Voted Best Around in Orlando."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
titleClassName="text-4xl md:text-5xl font-extrabold"
|
|
descriptionClassName="text-lg mt-4 max-w-2xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta-section" data-section="cta-section">
|
|
<ContactCenter
|
|
tag="Ready to Order?"
|
|
tagIcon={ChefHat}
|
|
tagAnimation="slide-up"
|
|
title="Order Online Now"
|
|
description="Current offer: Spend $40, get a free item! Browse our full menu and order for pickup or delivery through our online system."
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Started"
|
|
termsText="By signing up, you agree to our Terms and Conditions."
|
|
containerClassName="py-16 md:py-24 px-4 md:px-8"
|
|
contentClassName="max-w-2xl mx-auto text-center"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Corazón Cocina Mexicana. All rights reserved."
|
|
containerClassName="py-12 px-4 md:px-8"
|
|
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
|
|
columnClassName="flex flex-col"
|
|
columnTitleClassName="font-extrabold text-lg mb-4"
|
|
columnItemClassName="text-sm mb-3 hover:opacity-70 transition-opacity"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |