"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Menu",          id: "#products"},
        {
          name: "Catering",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Wonder Café & Bakery"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Welcome to Wonder Café & Bakery"
      description="Indulge in our freshly baked goods and artisanal coffee. A cozy spot where every moment is a treat."
      tag="Experience the Taste of Joy"
      buttons={[
        {
          text: "View Menu",          href: "#products"},
        {
          text: "Order Online",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-old-grinder_1204-103.jpg",          imageAlt: "Cozy café interior with delicious pastries"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-brownies-inside-purple-forms-along-with-cup-tea-holding-by-female-white-candy-color-sweets_140725-25018.jpg",          imageAlt: "Barista preparing coffee and fresh croissants"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Over 1000 happy customers"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Story & Passion"
      description="Wonder Café & Bakery was founded on a simple principle: to bring exceptional coffee and delightful pastries to our community. We believe in quality ingredients, artisanal methods, and creating a warm, welcoming space for everyone."
      metrics={[
        {
          value: "10+",          title: "Years of Experience"},
        {
          value: "100%",          title: "Fresh Ingredients"},
        {
          value: "50K+",          title: "Happy Customers"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232502.jpg"
      imageAlt="Happy customers enjoying coffee and pastries at Wonder Café"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Coffee",          title: "Artisanal Coffee Blends",          subtitle: "Expertly roasted and brewed.",          description: "Savor the rich aroma and exquisite taste of our carefully selected coffee beans, sourced from the finest regions and roasted to perfection. Each cup is a journey for your senses.",          imageSrc: "http://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798051.jpg",          imageAlt: "Barista preparing a specialty coffee"},
        {
          tag: "Bakery",          title: "Freshly Baked Delights",          subtitle: "Handcrafted daily from scratch.",          description: "From flaky croissants to decadent cakes, our bakery offers a wide array of treats, baked fresh every morning using traditional methods and the highest quality ingredients. Pure bliss in every bite.",          imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg",          imageAlt: "Assortment of freshly baked pastries"},
        {
          tag: "Ambiance",          title: "Cozy & Inviting Space",          subtitle: "Your perfect spot to relax.",          description: "Our café provides a warm and comfortable environment, ideal for catching up with friends, working remotely, or simply enjoying a quiet moment with your favorite beverage and treat. Come, relax, and feel at home.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-reading-book-club_23-2150062120.jpg",          imageAlt: "Cozy and inviting cafe interior"},
      ]}
      title="Our Specialties"
      description="Discover what makes Wonder Café & Bakery a unique experience for every visitor."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "prod-1",          brand: "Wonder Blends",          name: "Classic Cappuccino",          price: "$4.50",          rating: 5,
          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg",          imageAlt: "Perfectly crafted cappuccino with latte art"},
        {
          id: "prod-2",          brand: "Wonder Bakes",          name: "Butter Croissant",          price: "$3.75",          rating: 5,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissants-with-raspberry-jam-raspberry-fruits_114579-11669.jpg",          imageAlt: "Golden brown croissant with flaky layers"},
        {
          id: "prod-3",          brand: "Wonder Bakes",          name: "Chocolate Cake Slice",          price: "$6.00",          rating: 5,
          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/portioned-chocolate-cake-garnished-with-chocolate-syrup-berries_140725-5050.jpg",          imageAlt: "Slice of rich chocolate cake with berries"},
        {
          id: "prod-4",          brand: "Wonder Bakes",          name: "Sourdough Bread",          price: "$7.50",          rating: 5,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-wooden-board_23-2147686512.jpg",          imageAlt: "Artisanal Sourdough Bread"},
        {
          id: "prod-5",          brand: "Wonder Sips",          name: "Berry Smoothie",          price: "$6.25",          rating: 4,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/mixed-berries-with-yogurt-smoothies_1339-7930.jpg",          imageAlt: "Berry smoothie in a tall glass fresh fruit"},
        {
          id: "prod-6",          brand: "Wonder Bites",          name: "Avocado Toast",          price: "$9.50",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7326.jpg",          imageAlt: "Avocado toast with poached egg and chilli flakes"},
      ]}
      title="Our Menu Highlights"
      description="Explore a selection of our most popular and beloved items, crafted with passion and the finest ingredients."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "package-1",          badge: "Popular",          badgeIcon: Sparkles,
          price: "Starting at $150",          name: "Small Gathering Package",          buttons: [
            {
              text: "Inquire Now",              href: "#contact"},
          ],
          features: [
            "Assorted Pastries (12 pcs)",            "Coffee Carafe (12 servings)",            "Juice Selection (6 bottles)",            "Delivery included (local)"],
        },
        {
          id: "package-2",          badge: "Best Value",          badgeIcon: Award,
          price: "Starting at $300",          name: "Office Event Package",          buttons: [
            {
              text: "Inquire Now",              href: "#contact"},
          ],
          features: [
            "Assorted Pastries (24 pcs)",            "Coffee Carafe (24 servings)",            "Tea Selection (12 servings)",            "Fruit Platter",            "Delivery & Setup included"],
        },
        {
          id: "package-3",          badge: "Premium",          badgeIcon: Star,
          price: "Custom Quote",          name: "Grand Celebration Package",          buttons: [
            {
              text: "Get a Quote",              href: "#contact"},
          ],
          features: [
            "Custom Cake Design",            "Full Pastry & Dessert Bar",            "Unlimited Coffee & Tea Bar",            "Hot Food Add-ons Available",            "Dedicated Event Coordinator"],
        },
      ]}
      title="Catering & Special Event Packages"
      description="Let Wonder Café & Bakery elevate your next event with our delightful catering options, tailored to your needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515853.jpg"},
        {
          id: "2",          name: "Mark D.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-man-isolated_273609-35974.jpg"},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-3855.jpg"},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-wise-man-posing-studio_23-2149883498.jpg"},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-middle-age-couple-dating-enjoying-picnic-bench-city-park_613910-21218.jpg"},
      ]}
      cardTitle="Wonder Café & Bakery has truly mastered the art of coffee and pastries. Every visit is a delight, and their croissants are simply divine!"
      cardTag="Rave Reviews"
      cardTagIcon={Star}
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What are your operating hours?",          content: "We are open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM. Holiday hours may vary, please check our social media for updates."},
        {
          id: "faq-2",          title: "Do you offer vegan or gluten-free options?",          content: "Yes, we have a selection of delicious vegan and gluten-free pastries and sandwiches. Please ask our staff for today's specials and options."},
        {
          id: "faq-3",          title: "Can I place a custom cake order?",          content: "Absolutely! We love creating custom cakes for special occasions. Please contact us at least 72 hours in advance to discuss your design and flavor preferences."},
        {
          id: "faq-4",          title: "Do you have Wi-Fi available?",          content: "Yes, we provide complimentary Wi-Fi for our customers. Feel free to connect and enjoy your time while you work or relax."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/nice-female-barista-making-raf-coffee-smiling-cheerfully-looking-happy_176420-7876.jpg"
      imageAlt="Cafe staff helping a customer at the counter"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about Wonder Café & Bakery."
      tag="Need Help?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Connect With Us"
      title="Get In Touch"
      description="Have a question, custom order request, or just want to say hello? We'd love to hear from you!"
      imageSrc="http://img.b2bpic.net/free-photo/houseplant-natural-floral-foliage-decoration_53876-23382.jpg"
      imageAlt="Cozy cafe exterior with a warm glow"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Wonder Café & Bakery"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Our Menu",              href: "#products"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Catering",              href: "#pricing"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
        {
          title: "Follow Us",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/wondercafe"},
            {
              label: "Facebook",              href: "https://facebook.com/wondercafe"},
            {
              label: "Twitter",              href: "https://twitter.com/wondercafe"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Email: info@wondercafe.com",              href: "mailto:info@wondercafe.com"},
            {
              label: "Phone: (123) 456-7890",              href: "tel:+1234567890"},
            {
              label: "Address: 123 Bakery Lane, City, State",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Wonder Café & Bakery. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
