"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>
  );
}
