167 lines
12 KiB
TypeScript
167 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Heart, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Menu", id: "#menu" },
|
|
{ name: "Our Story", id: "#about" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
brandName="Coyote Cafe"
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="The Best Meal You Didn't Plan to Find"
|
|
description="Hidden in the heart of the desert, Coyote Cafe serves unforgettable breakfasts, legendary burgers, and small-town hospitality that keeps people coming back. Every visit feels like discovering home for the first time."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "100%", label: "Satisfaction" },
|
|
{ value: "5-Star", label: "Ratings" },
|
|
{ value: "20+", label: "Years Served" }
|
|
]}
|
|
enableKpiAnimation={false}
|
|
buttons={[
|
|
{ text: "Explore the Menu", href: "#menu" }
|
|
]}
|
|
imageSrc="https://pixabay.com/get/g70bba72a2057f8c0669994d3714a83d790724c17f20a5c5976ce46e052460963322a2ec44cc11c11554ee7fc9be8266f71987ef982d2f702dfcae31b6a58a3f4_1280.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="Coyote Cafe exterior at sunrise"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Desert Gem Story"
|
|
description="For over two decades, Coyote Cafe has been a cherished landmark, a place where genuine warmth meets culinary excellence. We've cultivated a space that feels like home, serving dishes crafted with passion and local ingredients, embodying the spirit of the desert."
|
|
bulletPoints={[
|
|
{ title: "Bold Flavors", description: "Experience a culinary adventure with our unique desert-inspired dishes.", icon: Sparkles },
|
|
{ title: "Warm Hospitality", description: "Our team ensures every guest feels like family, making each visit memorable.", icon: Heart },
|
|
{ title: "Fresh Ingredients", description: "Sourcing local produce and the finest ingredients for unparalleled taste.", icon: Leaf }
|
|
]}
|
|
imageSrc="https://pixabay.com/get/gc015d7b95d554138b7e80b3cfb656907394c49ac95d961c76946f9324df893bd19fff95e74cd38fc1c5454d7de18a9aed5e28f2588456289eebd103bdd8bee79_1280.jpg"
|
|
imageAlt="Coyote Cafe interior with cozy seating"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Our Legendary Menu"
|
|
description="From sunrise to sunset, our kitchen crafts dishes that tantalize the taste buds and warm the soul. Discover our breakfast classics and savory lunch specials."
|
|
products={[
|
|
{ id: "1", name: "Signature Desert Scramble", price: "$18", variant: "Eggs, Chorizo, Cactus Salsa", imageSrc: "https://pixabay.com/get/ge02d7cf3cfbdf4861df72f253a94c67afd25b2fc04cad96e155196288f56af77fce449aa1d7024b35a4d622848583668b4f2e5bf7805dc64c95989a1c5fc961f_1280.jpg", imageAlt: "Signature Desert Scramble" },
|
|
{ id: "2", name: "Coyote Burger Deluxe", price: "$22", variant: "Grass-fed Beef, Green Chile, Brioche", imageSrc: "https://pixabay.com/get/ga222b854ae081284264eae292c2cc0263ebf3ab55be0157d015f2dee219d3cca1ea0d3edfb7d300d124b19a2c61f9be108029456d53566139076870d096800e1_1280.jpg", imageAlt: "Coyote Burger Deluxe" },
|
|
{ id: "3", name: "Blue Corn Pancakes Stack", price: "$16", variant: "Prickly Pear Syrup, Fresh Berries", imageSrc: "https://pixabay.com/get/gf62c399acb40118c0cae1ac6c37d5376eeebceee3b0852f531d32a5692bb2e6e229e43f874116272d36d7f434ce15c3d9887758682c608620ec23fcdb8872a9d_1280.jpg", imageAlt: "Blue Corn Pancakes Stack" },
|
|
{ id: "4", name: "Southwest Chicken Sandwich", price: "$19", variant: "Grilled Chicken, Avocado, Chipotle Aioli", imageSrc: "https://pixabay.com/get/g551a31a568ef5f1957ec8a77faf43849d384b4de0a7eedaab19a7e3a26c957eecf45bf2ed9101ea196117f892431b6b18696587efee2813e67996bbe36f9130c_1280.jpg", imageAlt: "Southwest Chicken Sandwich" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Guests Say"
|
|
description="Hear directly from the adventurers and regulars who've made Coyote Cafe their unforgettable desert stop."
|
|
testimonials={[
|
|
{ id: "1", title: "A True Hidden Gem!", quote: "Stumbled upon Coyote Cafe on our road trip and it was the best decision! The breakfast was incredible, truly bold flavors, and the staff made us feel so welcome. A must-stop!", name: "Jessica L.", role: "Road Trip Adventurer", imageSrc: "https://pixabay.com/get/g2bc6be2b9a1563aea7b07695931b7ca26e7c0a12610530aa2f380c03d950b252f8b46adfc5e552924438102fb19d1a81a7a2876b6d26f69d73b6349133915014_1280.jpg", imageAlt: "Jessica L. headshot" },
|
|
{ id: "2", title: "My New Comfort Spot", quote: "As a local, I've tried many places, but Coyote Cafe feels like home. The portions are generous, the coffee's always hot, and the hospitality is simply unmatched. Consistent quality every time.", name: "Robert S.", role: "Regional Regular", imageSrc: "https://pixabay.com/get/g4fcaaa5539642312ddcceccd1d6cfc4e15e5e79d0f599fea23d02725de4bb67678146f2056f2d82a5b02315900f86472a324c05e143b8ba535115eef3c9dc8ab_1280.jpg", imageAlt: "Robert S. headshot" },
|
|
{ id: "3", title: "Culinary Delight in the Desert", quote: "The food here is truly exceptional. Every dish is a carefully crafted experience, bursting with authentic regional flavors. Coyote Cafe is a foodie's paradise and a culinary novelty.", name: "Maya K.", role: "Food Enthusiast", imageSrc: "https://pixabay.com/get/gb20865cb15234ac50381932e9f6fa69a873daa24d55be0f1aa3789a1196869bf685abd0c3a9c28f5db01f643bcb230b5e4ab1cf9c119ec7211bf8e59ee0eadff_1280.jpg", imageAlt: "Maya K. headshot" },
|
|
{ id: "4", title: "Unforgettable Morning Experience", quote: "The bold flavors of the breakfast burrito were out of this world, and the fresh-squeezed orange juice was the perfect complement. The service was impeccable, making for an unforgettable morning.", name: "David M.", role: "Travel Blogger", imageSrc: "https://pixabay.com/get/g556fd68ac34a6036c74f910478c7d7d9d2a6ca34112a7a8352af58c4a4923c23d25c92f97d0d6ba93cc98aa0eb31bac5b8fe52d286c1f3cc7ce5e0c60987b7c2_1280.jpg", imageAlt: "David M. headshot" },
|
|
{ id: "5", title: "Warmth and Incredible Food", quote: "From the moment we walked in, we felt like cherished guests. The atmosphere is so inviting, and every bite of their legendary burger was pure bliss. Highly recommend!", name: "Sophia G.", role: "Frequent Diner", imageSrc: "https://pixabay.com/get/gd513711d081b8245c35d67c6b72e4bc40a7016b9bbb823b492795026e94711ad2abb3ff7dd96d6162c3ec0f1cf62c14eb667adaa1237fd12c170bae4a32ae2cb_1280.jpg", imageAlt: "Sophia G. headshot" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Featured in Local Guides"
|
|
description="Coyote Cafe is proudly recognized by local culinary blogs, travel guides, and community publications as a top dining destination."
|
|
names={[
|
|
"Desert Eats", "Roadside Bites Magazine", "Southwest Foodie", "Hidden Gems Guide", "Local Favorites Monthly", "Eater's Choice", "Taste of the West"
|
|
]}
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions"
|
|
sideDescription="Find answers to frequently asked questions about our menu, reservations, and desert location."
|
|
faqs={[
|
|
{ id: "1", title: "What are your operating hours?", content: "Coyote Cafe is open for breakfast and lunch from 7 AM to 3 PM, Tuesday through Sunday. We are closed on Mondays." },
|
|
{ id: "2", title: "Do you take reservations?", content: "We primarily operate on a first-come, first-served basis. For larger parties (6+ people), please call us directly to inquire about reservations." },
|
|
{ id: "3", title: "Is your menu suitable for dietary restrictions?", content: "We offer a variety of options and can accommodate many dietary needs. Please speak to your server, and they will be happy to guide you through the menu." },
|
|
{ id: "4", title: "Do you offer takeout?", content: "Yes, takeout orders are available! You can place your order in person or call us ahead of time for quicker service." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Plan Your Visit"
|
|
description="Whether you're a road trip adventurer or a local regular, we can't wait to welcome you to Coyote Cafe. Reach out for any inquiries or special requests."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Your Message or Special Request...", rows: 5, required: true }}
|
|
buttonText="Send Message"
|
|
imageSrc="https://pixabay.com/get/g8b88f9bc3d59d16a8ce6bcc19fb2b39dfce75586b4f75241d08d3043e25a19171166323f2e821b2da6b78824d4fef199193382291cbbcfcddd6ee6c7b2baa90f_1280.jpg"
|
|
imageAlt="Coyote Cafe exterior for contact"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "Our Story", href: "#about" }, { label: "Testimonials", href: "#testimonials" }] },
|
|
{ title: "Visit Us", items: [{ label: "Directions", href: "https://maps.google.com" }, { label: "Hours", href: "#contact" }, { label: "Contact", href: "#contact" }] }
|
|
]}
|
|
logoText="Coyote Cafe"
|
|
copyrightText="© 2024 Coyote Cafe. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|