"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Candy, Coffee, IceCream, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="medium"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Our Treats",
          id: "#treats",
        },
        {
          name: "What People Say",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Candy Cafe & Ice Cream"
      button={{
        text: "Order Online",
        href: "https://cash.app",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      logoText="Candy Cafe & Ice Cream"
      description="Your Sweet Escape in Williamston, MI! Indulge in delightful candies and delicious ice cream, making every visit a joyful memory."
      buttons={[
        {
          text: "Explore Menu",
          href: "#treats",
        },
        {
          text: "Find Us",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/almond-sweet-delight-table_140725-6483.jpg?_wi=1"
      imageAlt="Colorful candy shop and ice cream parlor interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="About Our Sweet Spot"
      description="Nestled in Keller's Plaza, Candy Cafe & Ice Cream is Williamston's favorite destination for a delightful array of treats. We pride ourselves on offering a wide selection of candies, including imported varieties, bulk options, and nostalgic novelties, alongside generous servings of delicious ice cream. Our cozy and adorable decor creates the perfect atmosphere for families and friends to make sweet memories. Come visit us for exceptional customer service and yummy delights!"
      imageSrc="http://img.b2bpic.net/free-photo/world-pride-day-still-life-food-composition_23-2148960493.jpg?_wi=1"
      imageAlt="Inside view of Candy Cafe & Ice Cream with colorful decor"
    />
  </div>

  <div id="offerings" data-section="offerings">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "World of Candies",
          description: "Explore an incredible selection of imported, bulk, and novelty candies.",
          bentoComponent: "reveal-icon",
          icon: Candy,
          imageSrc: "http://img.b2bpic.net/free-vector/colorful-halloween-candy-collection-with-flat-design_23-2147906249.jpg",
          imageAlt: "candy icon sweet snack symbol",
        },
        {
          title: "Delicious Ice Cream",
          description: "Enjoy generous servings of our many creamy ice cream flavors.",
          bentoComponent: "reveal-icon",
          icon: IceCream,
          imageSrc: "http://img.b2bpic.net/free-photo/almond-sweet-delight-table_140725-6483.jpg?_wi=2",
          imageAlt: "candy icon sweet snack symbol",
        },
        {
          title: "Crafted Milkshakes",
          description: "Indulge in our delicious coffee vanilla milkshakes and more!",
          bentoComponent: "reveal-icon",
          icon: Coffee,
          imageSrc: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-food-composition_23-2148960493.jpg?_wi=2",
          imageAlt: "candy icon sweet snack symbol",
        },
        {
          title: "Charming Atmosphere",
          description: "Experience our adorable decor and welcoming vibe perfect for families.",
          bentoComponent: "reveal-icon",
          icon: Sparkles,
          imageSrc: "http://img.b2bpic.net/free-photo/3d-ice-cream-cone-cartoon-icon-illustration-3d-food-drink-object-icon-concept-isolated-premium-design-flat-cartoon-style_138676-3592.jpg",
          imageAlt: "candy icon sweet snack symbol",
        },
      ]}
      title="Our Delicious Offerings"
      description="From classic favorites to unique international finds, we have something to satisfy every sweet craving. Don't forget our incredible ice cream selection and delightful shakes!"
    />
  </div>

  <div id="candy-products" data-section="candy-products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          brand: "Sweet Spot",
          name: "Assorted Gummy Bears",
          price: "$5.99/lb",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/various-jelly-beans-blue-background_58702-2175.jpg",
          imageAlt: "Colorful gummy bears",
        },
        {
          id: "2",
          brand: "Gourmet Bites",
          name: "Premium Chocolate Bar",
          price: "$7.50",
          rating: 4.5,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-arrangement-with-copy-space_23-2148549349.jpg",
          imageAlt: "Premium chocolate bar",
        },
        {
          id: "3",
          brand: "Fun Treats",
          name: "Giant Swirl Lollipops",
          price: "$3.00",
          rating: 4.8,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-ball-lollipops_52683-127483.jpg",
          imageAlt: "Giant swirl lollipop",
        },
        {
          id: "4",
          brand: "Global Sweets",
          name: "Imported Japanese KitKats",
          price: "$4.99",
          rating: 4.9,
          reviewCount: "20",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pastries-plate_23-2147987885.jpg",
          imageAlt: "Imported Japanese KitKats",
        },
        {
          id: "5",
          brand: "Timeless Classics",
          name: "Retro Candy Mix",
          price: "$8.25",
          rating: 4.7,
          reviewCount: "10",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-marmalade-candies-wooden-surface_114579-73330.jpg",
          imageAlt: "Assortment of retro candies",
        },
        {
          id: "6",
          brand: "Your Choice",
          name: "Bulk Candy Selection",
          price: "$4.50/lb",
          rating: 5,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-candy-arrangement_23-2150897073.jpg",
          imageAlt: "Colorful bulk candies in bins",
        },
      ]}
      title="A World of Candy Delights"
      description="Discover imported delights, bulk candies, and nostalgic treats that will transport you back to your childhood. Our selection is always expanding!"
    />
  </div>

  <div id="ice-cream-menu" data-section="ice-cream-menu">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "scoop-single",
          title: "Single Scoop",
          price: "$3.50",
          period: "starting at",
          features: [
            "Choose from classic flavors",
            "Freshly made waffle cone option",
            "Generous serving size",
          ],
          button: {
            text: "View Flavors",
            href: "#",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/charcoal-toast-with-ice-cream_1339-5223.jpg",
          imageAlt: "Vanilla ice cream scoop",
        },
        {
          id: "scoop-double",
          title: "Double Scoop",
          price: "$5.00",
          period: "starting at",
          features: [
            "Mix and match any two flavors",
            "Perfect for sharing or extra indulgence",
            "Topping options available",
          ],
          button: {
            text: "View Flavors",
            href: "#",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-ice-cream-whipped-cream_1339-4963.jpg",
          imageAlt: "Chocolate ice cream scoops",
        },
        {
          id: "milkshake",
          title: "Signature Milkshake",
          price: "$6.75",
          period: "classic size",
          features: [
            "Thick and creamy blends",
            "Variety of flavor combinations",
            "Whipped cream and cherry included",
          ],
          button: {
            text: "Build Your Shake",
            href: "#",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-smoothie-with-waffles-chocolate-white-plate-marble-surface_114579-33855.jpg",
          imageAlt: "Strawberry milkshake with whipped cream",
        },
        {
          id: "sundae",
          title: "Custom Sundae",
          price: "$7.25",
          period: "unlimited toppings",
          features: [
            "Build your dream sundae",
            "Unlimited toppings & sauces",
            "Perfect for a sweet celebration",
          ],
          button: {
            text: "Create Sundae",
            href: "#",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-whipping-cream-chocolate-topping_141793-807.jpg",
          imageAlt: "Ice cream sundae with various toppings",
        },
      ]}
      title="Scoops & Shakes Menu"
      description="Indulge in our amazing ice cream flavors, generous servings, and delightful milkshakes. Perfect for any time of day!"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sierra VanAntwerp",
          role: "Local Guide",
          company: "Customer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-eating-ice-cream_23-2149488683.jpg",
          imageAlt: "Customer Sierra VanAntwerp",
        },
        {
          id: "2",
          name: "Christa Frizzell",
          role: "Local Guide",
          company: "Customer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-little-beautiful-daughter-dressed-warm-sweaters-street_291650-1192.jpg",
          imageAlt: "Customer Christa Frizzell",
        },
        {
          id: "3",
          name: "Bri West",
          role: "Local Guide",
          company: "Customer",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg",
          imageAlt: "Customer Bri West",
        },
        {
          id: "4",
          name: "Jessica Lee",
          role: "Happy Visitor",
          company: "Community Member",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/wanna-share-cocktail-with-me-joyful-carefree-friendlylooki_197531-30895.jpg",
          imageAlt: "Customer Jessica Lee",
        },
        {
          id: "5",
          name: "Mark Thompson",
          role: "Sweet Tooth Enthusiast",
          company: "Regular",
          rating: 4.5,
          imageSrc: "http://img.b2bpic.net/free-photo/always-is-great-spend-some-time-with-friends_329181-2895.jpg",
          imageAlt: "Customer Mark Thompson",
        },
      ]}
      kpiItems={[
        {
          value: "4.9",
          label: "Average Rating",
        },
        {
          value: "24+",
          label: "Happy Reviews",
        },
        {
          value: "Open Daily",
          label: "Serving Williamston",
        },
      ]}
      title="What Our Sweet Fans Say"
      description="Hear directly from our happy customers about their favorite treats and experiences at Candy Cafe & Ice Cream. Your satisfaction is our priority!"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What kind of candies do you offer?",
          content: "We offer a wide variety including imported candies, bulk selections, novelty treats, and classic nostalgic favorites. Our inventory is always changing, so there's always something new to discover!",
        },
        {
          id: "q2",
          title: "Do you have options for dietary restrictions?",
          content: "We strive to offer a diverse selection and have some options for various dietary needs. Please ask our staff for assistance, and they'll be happy to guide you through our current offerings.",
        },
        {
          id: "q3",
          title: "What are your most popular ice cream flavors?",
          content: "Our most popular flavors include classic vanilla, rich chocolate, and refreshing strawberry. We also feature seasonal specials and unique combinations that are always a hit!",
        },
        {
          id: "q4",
          title: "Can I place a special order for an event?",
          content: "Yes, we can accommodate special requests for events or larger quantities of candy. Please contact us in advance to discuss your needs, and we'll do our best to help make your event sweeter!",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-little-cookie-cake-with-lemon-slices-candies-dark-background-cake-biscuit-fruit-citrus-sweet-cookies_140725-110230.jpg"
      imageAlt="Assortment of colorful ice cream scoops"
      mediaAnimation="slide-up"
      title="Sweet Questions Answered"
      description="Got a question about our candies, ice cream, or services? Find your answers here! If you don't see what you're looking for, feel free to contact us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Visit Us"
      title="Get Your Sweet Fix Today!"
      description="Located at 110 E Grand River Ave Suite 102, Williamston, MI 48895. We're open until 9 PM! Stop by for a treat, or reach out to us at (517) 775-7100."
      inputPlaceholder="Enter your email for sweet updates"
      buttonText="Sign Up for News"
      termsText="By clicking Sign Up, you're confirming that you agree with our sweet deals and updates."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Candy Cafe & Ice Cream"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
