"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Tag, Star, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Tartine Café"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "About Us", id: "#about" },
            { name: "Menu", id: "#menu" },
            { name: "Specials", id: "#specials" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Welcome to Tartine Café"
          description="Your cozy escape in Bielefeld. Experience exquisite coffee, fresh pastries, and a warm ambiance designed for relaxation and enjoyment."
          background={{
            variant: "plain"
          }}
          leftCarouselItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-zym9dyj9.jpg?_wi=1", imageAlt: "Cozy cafe interior with green wall and yellow couch" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-2rpkigiu.jpg?_wi=1", imageAlt: "Table with delicious breakfast spread and coffee" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-m8s1gjau.jpg", imageAlt: "Outdoor cafe table with backgammon game and coffee" }
          ]}
          rightCarouselItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-8li6v3am.jpg?_wi=1", imageAlt: "Cafe counter with coffee machine and plants" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-3lrm77cf.jpg", imageAlt: "Another table setting with tartines and coffee" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-cookies-decorative-items-white_176474-4989.jpg", imageAlt: "Close-up of a beautifully crafted latte" }
          ]}
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Visit Us", href: "#contact" }
          ]}
          carouselPosition="right"
          ariaLabel="Hero section showcasing cafe ambiance and offerings"
        />
      </div>
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Tartine Café: A Place to Feel Good"
          description="Nestled in Bielefeld, Tartine Café is more than just a coffee shop. It's a lovingly designed space where every detail invites you to linger and enjoy the moment."
          subdescription="We pride ourselves on serving high-quality, locally-sourced coffee and offering a fine selection of homemade pastries, savory tartines, and delectable treats."
          icon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-zym9dyj9.jpg?_wi=2"
          imageAlt="Warm and inviting interior of Tartine Café"
          mediaAnimation="none"
          useInvertedBackground={false}
          ariaLabel="About Tartine Café section"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Handcrafted Delights & Premium Coffee"
          description="Discover a curated selection of fresh pastries, savory tartines, and meticulously brewed coffee, all made with passion and the finest ingredients for an unforgettable experience."
          tag="Our Offerings"
          accordionItems={[
            { id: "1", title: "Specialty Coffee Selection", content: "Enjoy expertly brewed coffee using beans from local roasters, ensuring freshness and exceptional flavor in every cup." },
            { id: "2", title: "Homemade Pastries & Cakes", content: "Indulge in our daily selection of freshly baked pastries, croissants, and cakes, all prepared with traditional recipes and love." },
            { id: "3", title: "Savory Tartines & Brunch", content: "Explore our delicious open-faced sandwiches, known as tartines, featuring fresh, seasonal ingredients perfect for a light meal or brunch." }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-2rpkigiu.jpg?_wi=2"
          imageAlt="Close-up of food and coffee on a wooden table at Tartine Café"
          mediaAnimation="none"
          useInvertedBackground={true}
          mediaPosition="right"
          ariaLabel="Features of Tartine Café's menu"
        />
      </div>
      <div id="menu" data-section="menu">
        <ProductCardThree
          products={[
            { id: "1", name: "Espresso", price: "€2.50", imageSrc: "http://img.b2bpic.net/free-photo/steel-italian-mug-bar-two_1172-308.jpg", imageAlt: "A shot of rich espresso" },
            { id: "2", name: "Cappuccino", price: "€3.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_1339-2572.jpg", imageAlt: "A cup of cappuccino with latte art" },
            { id: "3", name: "Latte Macchiato", price: "€3.80", imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-13484.jpg", imageAlt: "A tall glass of latte macchiato" },
            { id: "4", name: "Butter Croissant", price: "€2.90", imageSrc: "http://img.b2bpic.net/free-photo/yummy-cookie-table_140725-5626.jpg", imageAlt: "A golden, flaky butter croissant" },
            { id: "5", name: "Avocado Tartine", price: "€8.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritious-breakfast-meal-assortment_23-2148833905.jpg", imageAlt: "A savory avocado tartine" },
            { id: "6", name: "Cheesecake Slice", price: "€4.90", imageSrc: "http://img.b2bpic.net/free-photo/big-biscuit-cake-with-cream-strawberries-cutted-portions_8353-10478.jpg", imageAlt: "A slice of delicious cheesecake" }
          ]}
          carouselMode="buttons"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          title="Indulge Your Senses"
          description="From invigorating espresso to comforting lattes and delicious breakfast spreads, our menu is crafted to delight your palate and start your day right."
          tag="Our Menu"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Tartine Café menu products"
        />
      </div>
      <div id="specials" data-section="specials">
        <PricingCardTwo
          plans={[
            { id: "basic-combo", badge: "Value", badgeIcon: Tag, price: "€5.50", subtitle: "Coffee & Croissant", buttons: [{ text: "Order Now" }], features: ["Your choice of coffee (small)", "Fresh butter croissant", "Perfect start to your day"] },
            { id: "deluxe-combo", badge: "Popular", badgeIcon: Star, price: "€10.90", subtitle: "Tartine & Drink", buttons: [{ text: "Order Now" }], features: ["Your choice of savory tartine", "Any coffee or tea (medium)", "Satisfying light meal"] },
            { id: "premium-combo", badge: "Best Offer", badgeIcon: Award, price: "€14.90", subtitle: "Breakfast Special", buttons: [{ text: "Order Now" }], features: ["Avocado tartine or pastry", "Large specialty coffee", "Fresh orange juice", "Seasonal fruit bowl"] }
          ]}
          animationType="slide-up"
          title="Perfect Pairings & Combos"
          description="Explore our value-packed combinations for a complete café experience. Enjoy more for less with our specially curated breakfast and lunch specials."
          tag="Daily Specials"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Pricing for cafe combo deals"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Tania Hryniuk", imageSrc: "http://img.b2bpic.net/free-photo/handsome-office-worker-wearing-blue-shirt-posing-studio-raising-one-brow_273609-12359.jpg" },
            { id: "2", name: "Benjamin Wabnitz", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg" },
            { id: "3", name: "Judith Hafner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-very-attractive-young-woman_329181-11287.jpg" },
            { id: "4", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-shelf-near-plants_23-2147785092.jpg" },
            { id: "5", name: "Max Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-talking-phone_1303-9907.jpg" }
          ]}
          cardTitle="What Our Community Says"
          cardTag="Voices of Our Guests"
          cardAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials"
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Local Roasters Co.",            "Organic Bakery",            "Fresh Produce Market",            "Artisan Tea Blenders",            "Community Crafts",            "Sustainable Suppliers",            "Bielefeld Local"
          ]}
          title="Proudly Sourcing Local"
          description="We believe in supporting local businesses and ensuring the freshest ingredients for our patrons. Our partnerships reflect our commitment to quality and community."
          tag="Quality Partnerships"
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
          ariaLabel="Local partners and suppliers"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
            { id: "1", title: "What are your opening hours?", content: "We are open Wednesday to Sunday from 10:00 to 18:00. Mondays and Tuesdays are our rest days. We look forward to seeing you!" },
            { id: "2", title: "Do you take reservations?", content: "Yes, we recommend making reservations, especially on weekends, to ensure you get a spot. You can call us at 0521 54395474 to reserve a table." },
            { id: "3", title: "Do you offer vegan or gluten-free options?", content: "We strive to accommodate various dietary needs. Please ask our staff about our current vegan and gluten-free options available on the menu." },
            { id: "4", title: "Where are you located?", content: "You can find us at Auf dem Calvinenfelde 25, 33604 Bielefeld, near Bäckerplatz. We are easily accessible and have a cozy indoor and outdoor seating area." }
          ]}
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about our café, menu, opening hours, and reservation policies."
          tag="Need Answers?"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Frequently asked questions"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Visit Us"
          title="Get in Touch or Reserve Your Spot"
          description="We look forward to welcoming you to Tartine Café. Reach out for inquiries, feedback, or make a reservation for your next delightful visit."
          background={{
            variant: "plain"
          }}
          useInvertedBackground={true}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExwuCLRXs9hZ5ZIsaREmudsIDq/uploaded-1781133792266-8li6v3am.jpg?_wi=2"
          imageAlt="Cafe counter with coffee machine and plants"
          mediaAnimation="none"
          mediaPosition="left"
          inputPlaceholder="Your email address"
          buttonText="Send Message"
          termsText="By sending a message, you agree to our Privacy Policy."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoSrc="http://img.b2bpic.net/free-vector/restaurant-logo-template_23-2149493579.jpg"
          logoAlt="Tartine Café Logo"
          columns={[
            { items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }] },
            { items: [{ label: "Specials", href: "#specials" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQs", href: "#faq" }] },
            { items: [{ label: "Contact", href: "#contact" }, { label: "Instagram", href: "https://www.instagram.com/tartine.baeckerplatz" }, { label: "Google Reviews", href: "https://www.google.com/search?q=Tartine+Caf%C3%A9+Bielefeld#lrd=0x47bbd7b1e4c3d4f5:0x857d425b8b2b7a97,1,,,," }] }
          ]}
          logoText="Tartine Café"
          ariaLabel="Site footer navigation"
        />
      </div>
    </ThemeProvider>
  );
}
