"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Coffee, Croissant, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
      ]}
      button={{
        text: "Order Now",
        href: "#contact",
      }}
      topBarButton={{
        text: "View Menu",
        href: "#products",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61812.jpg"
      logoAlt="Bilbell Premium Bakery Café Logo"
      brandName="Bilbell"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      title="Freshly Baked Happiness, Every Day"
      description="Artisan breads, cakes, pastries, and specialty coffee crafted with premium ingredients. Experience cozy moments at Bilbell."
      kpis={[
        {
          value: "15+",
          label: "Years of Craft",
        },
        {
          value: "100%",
          label: "Daily Fresh Bakes",
        },
        {
          value: "5000+",
          label: "Happy Customers",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "View Menu",
          href: "#products",
        },
        {
          text: "Order Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/types-foods-cookies-drinks-put-table-front-flower-vase_181624-21166.jpg?_wi=1"
      imageAlt="Assortment of freshly baked goods and coffee"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-modern-woman-home_23-2148115589.jpg",
          alt: "Happy customer avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
          alt: "Satisfied customer avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
          alt: "Smiling customer avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
          alt: "Delighted customer avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/confused-bearded-guy-expressing-genuine-reaction-having-puzzled-clueless-look-doesn-t-know-how-answer-tricky-question-posing-isolated-human-reaction-feelings-attitude_343059-1708.jpg",
          alt: "Pleased customer avatar",
        },
      ]}
      avatarText="Loved by over 5000+ customers!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Freshly Baked Daily",
          icon: Croissant,
        },
        {
          type: "text",
          text: "Specialty Coffee",
        },
        {
          type: "text-icon",
          text: "Handcrafted with Love",
          icon: Heart,
        },
        {
          type: "text",
          text: "Custom Cakes for Every Occasion",
        },
        {
          type: "text-icon",
          text: "Cozy Atmosphere Awaits",
          icon: Coffee,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Artisan Story: Passion in Every Bite"
      description="At Bilbell, we believe in the magic of traditional baking, blending time-honored techniques with the finest local ingredients. Every pastry, bread, and cake is a testament to our dedication to flavor, quality, and your delight. Join us for a taste of authentic craftsmanship."
      bulletPoints={[
        {
          title: "Finest Ingredients",
          description: "Sourced locally and globally for unparalleled taste.",
        },
        {
          title: "Handcrafted Perfection",
          description: "Baked fresh daily by our passionate artisan team.",
        },
        {
          title: "Cozy Atmosphere",
          description: "Your perfect spot for relaxation and indulgence.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-making-shaped-cookies-christmas-living-room-decorated-with-christmas-decorations-background-woman-apron_1157-44693.jpg?_wi=1"
      imageAlt="Baker decorating a cake in a warm bakery kitchen"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Beyond the Bake: Our Specialties"
      description="Discover the exquisite range of offerings that make Bilbell more than just a bakery. From our expertly crafted coffees to personalized celebration cakes, we cater to every taste and occasion with unparalleled quality."
      accordionItems={[
        {
          id: "specialty-coffee",
          title: "Artisan Specialty Coffee",
          content: "Sip on meticulously roasted beans, expertly brewed to perfection by our skilled baristas. From velvety lattes to robust espressos, every cup is an experience.",
        },
        {
          id: "custom-cakes",
          title: "Custom Celebration Cakes",
          content: "Turn your special moments into unforgettable memories with our bespoke cakes. Crafted to your vision, each cake is a masterpiece of flavor and design.",
        },
        {
          id: "seasonal-pastries",
          title: "Seasonal & Signature Pastries",
          content: "Indulge in our ever-evolving selection of seasonal pastries and Bilbell signatures, reflecting the freshest ingredients and innovative flavors.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-latte-art_23-2151942578.jpg?_wi=1"
      imageAlt="Specialty coffee and a custom cake"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Bilbell",
          name: "Classic Butter Croissant",
          price: "$4.50",
          rating: 5,
          reviewCount: "89 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-chocolate-croissants-wooden-surface_181624-21767.jpg?_wi=1",
          imageAlt: "Golden classic butter croissant",
        },
        {
          id: "p2",
          brand: "Bilbell",
          name: "Decadent Chocolate Cupcake",
          price: "$5.75",
          rating: 4,
          reviewCount: "62 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/mini-chocolate-souffle-cupcakes_114579-62738.jpg",
          imageAlt: "Chocolate cupcake with frosting and sprinkles",
        },
        {
          id: "p3",
          brand: "Bilbell",
          name: "Artisan Sourdough Loaf",
          price: "$8.00",
          rating: 5,
          reviewCount: "120 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wrapped-french-bread-baguettes_23-2148438637.jpg",
          imageAlt: "Rustic artisan sourdough bread loaf",
        },
        {
          id: "p4",
          brand: "Bilbell",
          name: "Fresh Berry Fruit Tart",
          price: "$6.25",
          rating: 5,
          reviewCount: "75 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/view-hot-herbal-tea-soft-cake-with-fruits-chocolate-bars-mixed-color-table_140725-86518.jpg",
          imageAlt: "Fruit tart with fresh berries",
        },
        {
          id: "p5",
          brand: "Bilbell",
          name: "Assorted French Macarons",
          price: "$12.00",
          rating: 5,
          reviewCount: "95 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/squirrel-cake-decorated-with-christmas-ornaments-board-marble_114579-24284.jpg",
          imageAlt: "Assorted colorful French macarons",
        },
        {
          id: "p6",
          brand: "Bilbell",
          name: "Gourmet Chocolate Chip Cookie",
          price: "$3.50",
          rating: 4,
          reviewCount: "110 reviews",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-dogwoods-light-pink-surface_140725-44400.jpg",
          imageAlt: "Warm chocolate chip cookie",
        },
      ]}
      title="Our Delicious Creations"
      description="Explore our curated selection of freshly baked goods, each crafted with care and the finest ingredients. Find your next favorite treat or a perfect gift."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          date: "March 15, 2024",
          title: "Best Bakery in Town!",
          quote: "Bilbell's croissants are absolutely heavenly – flaky, buttery, and perfectly golden. Their coffee is top-notch too, making it my favorite morning spot!",
          tag: "Daily Customer",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg",
          avatarAlt: "Sarah Johnson avatar",
          imageSrc: "http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61812.jpg",
          imageAlt: "happy woman smiling cafe",
        },
        {
          id: "t2",
          name: "Michael D.",
          date: "February 28, 2024",
          title: "Custom Cake Perfection",
          quote: "Ordered a custom cake for my wife's birthday, and it was stunning and delicious! Bilbell truly delivered beyond expectations. Highly recommend for any celebration.",
          tag: "Event Planner",
          avatarSrc: "http://img.b2bpic.net/free-photo/shot-gloomy-young-bald-male-with-bushy-beard-being-dissatisfied-with-unfair-results-competition-pursuing-lips-trying-hide-his-anger_343059-1713.jpg",
          avatarAlt: "Michael Davis avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/types-foods-cookies-drinks-put-table-front-flower-vase_181624-21166.jpg?_wi=2",
          imageAlt: "happy woman smiling cafe",
        },
        {
          id: "t3",
          name: "Emily R.",
          date: "March 10, 2024",
          title: "Cozy & Inviting Ambiance",
          quote: "I love coming to Bilbell for a quiet afternoon. The cozy atmosphere, combined with their incredible pastries, makes it the perfect escape from a busy day.",
          tag: "Local Resident",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-pointing-her-smile-with-forefinger-white-background_176474-117520.jpg",
          avatarAlt: "Emily Roberts avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-shaped-cookies-christmas-living-room-decorated-with-christmas-decorations-background-woman-apron_1157-44693.jpg?_wi=2",
          imageAlt: "happy woman smiling cafe",
        },
        {
          id: "t4",
          name: "David K.",
          date: "February 20, 2024",
          title: "Quality You Can Taste",
          quote: "Every item at Bilbell tastes like it's made with love and the best ingredients. The sourdough bread is a staple in our home now!",
          tag: "Food Enthusiast",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-white-card-yellow-wall-man-color-model_140725-26511.jpg",
          avatarAlt: "David Kim avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-latte-art_23-2151942578.jpg?_wi=2",
          imageAlt: "happy woman smiling cafe",
        },
        {
          id: "t5",
          name: "Jessica L.",
          date: "January 5, 2024",
          title: "Seamless Online Ordering",
          quote: "Ordering online from Bilbell is so easy and convenient. My fresh bakes are always ready for pickup, saving me time and starting my day perfectly.",
          tag: "Busy Professional",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-using-smartphone-cafe_1170-698.jpg",
          avatarAlt: "Jessica Lee avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-chocolate-croissants-wooden-surface_181624-21767.jpg?_wi=2",
          imageAlt: "happy woman smiling cafe",
        },
      ]}
      title="Hear From Our Happy Customers"
      description="Don't just take our word for it—see what our cherished customers are saying about their Bilbell experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer gluten-free options?",
          content: "Yes, we have a selection of delicious gluten-free pastries and breads available daily. Please ask our staff for today's options.",
        },
        {
          id: "f2",
          title: "Can I place a custom cake order online?",
          content: "Absolutely! You can submit a custom cake inquiry through our 'Order Now' section, and our team will get back to you to finalize the details.",
        },
        {
          id: "f3",
          title: "What are your operating hours?",
          content: "Bilbell is open Tuesday to Sunday, from 7 AM to 6 PM. We are closed on Mondays.",
        },
        {
          id: "f4",
          title: "Do you provide catering services?",
          content: "Yes, we offer catering for events and corporate orders. Please contact us directly to discuss your specific needs and our catering menu.",
        },
      ]}
      title="Your Questions, Answered"
      description="Find quick answers to the most common questions about Bilbell, our products, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Visit & Order"
      title="Experience Bilbell: Visit Us or Order Online"
      description="Whether you prefer the cozy ambiance of our café or the convenience of online ordering, Bilbell is ready to serve you. Find us or place your order today!"
      buttons={[
        {
          text: "Get Directions",
          href: "https://maps.google.com/?q=Bilbell+Bakery+Café",
        },
        {
          text: "Order Online",
          href: "#products",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61812.jpg"
      logoText="Bilbell"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Menu",
              href: "#products",
            },
            {
              label: "Custom Cakes",
              href: "#features",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/bilbellbakery",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/bilbellbakery",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Bilbell Premium Bakery Café. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
