"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Clock, Diamond, MessageCircle, Star, Sun, ThumbsUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="'N Ice"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain",
      }}
      logoText="'N Ice"
      description="Delight in every scoop. Freshly made ice cream for a perfect treat by the beach."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Find Us",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-teenager-holding-ice-cream_23-2149299587.jpg"
      imageAlt="Delicious ice cream cone on a vibrant background"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Kiddies Sugar Cone",
          price: "R25",
          variant: "Chocolate & Vanilla",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-licking-ice-cream-cone_23-2149426710.jpg",
          imageAlt: "Kiddies sugar cone with chocolate and vanilla soft serve",
        },
        {
          id: "p2",
          name: "Medium Tub",
          price: "R40",
          variant: "Chocolate & Vanilla",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ice-cream-with-cookies_23-2149681850.jpg",
          imageAlt: "Medium tub of chocolate and vanilla ice cream",
        },
        {
          id: "p3",
          name: "Bar-One Swirl Soft Serve",
          price: "R35",
          variant: "Rich Chocolate",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-bars-white_114579-39188.jpg",
          imageAlt: "Bar-One chocolate swirl soft serve ice cream",
        },
        {
          id: "p4",
          name: "Strawberry Delight Cone",
          price: "R30",
          variant: "Fresh Berry",
          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-crumble-bingsu_1339-4641.jpg",
          imageAlt: "Strawberry ice cream cone",
        },
        {
          id: "p5",
          name: "Pistachio Dream Tub",
          price: "R45",
          variant: "Nutty & Creamy",
          imageSrc: "http://img.b2bpic.net/free-photo/pistachio-ice-cream_658428-296.jpg",
          imageAlt: "Pistachio ice cream tub",
        },
        {
          id: "p6",
          name: "Mango Sorbet Scoop",
          price: "R30",
          variant: "Tropical & Dairy-Free",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-homemade-icecream_23-2148900956.jpg",
          imageAlt: "Mango sorbet scoop",
        },
      ]}
      title="Our Delicious Flavors"
      description="Explore our handcrafted ice cream, sorbets, and soft serves, perfectly crafted for every palate. From classic favorites to seasonal specialties, there's always something new to discover."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="About 'N Ice"
      description="Nestled perfectly on the vibrant Strand beachfront, 'N Ice is your go-to destination for artisanal ice cream. We've been a beloved local spot for years, known for our commitment to fresh, high-quality ingredients and a warm, welcoming atmosphere. Whether you're craving a classic cone or an adventurous new flavor, we guarantee a delightful experience with every visit. Come taste the tradition and innovation that make 'N Ice a true beachfront gem."
      tag="Our Story"
      imageSrc="http://img.b2bpic.net/free-photo/windows-buildings-colors_1160-87.jpg"
      imageAlt="'N Ice Cream Shop exterior"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Beachfront Bliss",
          description: "Enjoy your favorite treat with stunning ocean views, just steps from the sand.",
          icon: Sun,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-eating-ice-cream_23-2149735948.jpg",
              imageAlt: "Person holding ice cream by the beach",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-young-woman-straw-summer-hat-white-blouse-eats-delicious-cake-restaurant-being-satisfied-with-good-service-has-pleasant-conversation-with-someone-laughs-joyfully_273609-2449.jpg",
              imageAlt: "Person holding ice cream by the beach",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teenager-holding-ice-cream_23-2149299587.jpg",
          imageAlt: "person holding ice cream by beach",
        },
        {
          title: "Handcrafted Flavors",
          description: "From classic vanilla to exotic specials, every scoop is made with passion and premium ingredients.",
          icon: Diamond,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/male-hands-holding-easter-paska_1303-21763.jpg",
              imageAlt: "Chef making artisanal ice cream",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/color-berry-ice-popsicle-stick-black-plate-with-pieces-ice-black-wooden-background-with-space-text-girl-s-hand-takes-ice-cream-homemade-summer-dessert_628469-24.jpg",
              imageAlt: "Chef making artisanal ice cream",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-licking-ice-cream-cone_23-2149426710.jpg",
          imageAlt: "person holding ice cream by beach",
        },
        {
          title: "Quick & Friendly Service",
          description: "Even on busy days, our efficient team ensures you get your fix fast and with a smile.",
          icon: ThumbsUp,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-delivery-woman-uniform-holds-hands-open-isolated-orange-wall_141793-65954.jpg",
              imageAlt: "Friendly cashier serving ice cream",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-salon_23-2149975487.jpg",
              imageAlt: "Friendly cashier serving ice cream",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ice-cream-with-cookies_23-2149681850.jpg",
          imageAlt: "person holding ice cream by beach",
        },
        {
          title: "Perfect for All Ages",
          description: "Kiddie cones, family tubs, or a solo indulgence – we have something for everyone.",
          icon: Users,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-kitchen-have-breakfast_1157-28706.jpg",
              imageAlt: "Family eating ice cream on the beach",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-ice-cream-together_23-2150244943.jpg",
              imageAlt: "Family eating ice cream on the beach",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-bars-white_114579-39188.jpg",
          imageAlt: "person holding ice cream by beach",
        },
      ]}
      title="Sweet Experiences Await"
      description="At 'N Ice, we craft more than just ice cream – we create moments of joy. Discover what makes us the sweetest spot on the beach."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "4.5",
          title: "Average Rating",
          description: "Across hundreds of satisfied customers.",
          icon: Star,
        },
        {
          id: "m2",
          value: "458+",
          title: "Happy Reviews",
          description: "Real feedback from real ice cream lovers.",
          icon: MessageCircle,
        },
        {
          id: "m3",
          value: "9 PM",
          title: "Late Hours",
          description: "Open late for your evening sweet cravings.",
          icon: Clock,
        },
      ]}
      title="Our Sweet Achievements"
      description="Numbers don't lie – our customers love what we do. See what makes 'N Ice a local favorite."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Marcelle Armstrong",
          handle: "@marcelle.a",
          testimonial: "Lots of choice, friendly service, perfectly situated on Strand beach front. Very popular and busy at times, but service is quick and efficient. Best ice cream in town!",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-impressed-by-big-size-ice-cream-keeps-mouth-widely-opened-looks-appetizing-dessert-wants-eat-it-immediately-wears-stylish-clothes_273609-51439.jpg",
          imageAlt: "Marcelle Armstrong",
        },
        {
          id: "t2",
          name: "Stephan M Jacobs",
          handle: "@stephan.j",
          testimonial: "I always stop at 'N Ice when I'm in Strand. Their selection is fantastic, and the ice cream is consistently delicious. A must-visit!",
          imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
          imageAlt: "Stephan M Jacobs",
        },
        {
          id: "t3",
          name: "Jessica Lee",
          handle: "@jessica.l",
          testimonial: "'N Ice is my absolute favorite! The Bar-one swirl is a game changer, and the staff are always so welcoming. Perfect treat for a beach day.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
          imageAlt: "Jessica Lee",
        },
        {
          id: "t4",
          name: "David Kim",
          handle: "@david.k",
          testimonial: "Fantastic variety and incredible flavors. 'N Ice truly captures the joy of ice cream. Their chocolate & vanilla is simply unbeatable.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-jogging-through-surf_1163-3300.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "t5",
          name: "Sarah Miller",
          handle: "@sarah.m",
          testimonial: "A delightful spot with the freshest ice cream! The location is superb, and the quality is always top-notch. Highly recommend to everyone.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-girl-medium-shot_23-2149168284.jpg",
          imageAlt: "Sarah Miller",
        },
        {
          id: "t6",
          name: "Michael Brown",
          handle: "@michael.b",
          testimonial: "The best ice cream by the beach, hands down! So many options and every scoop is a taste of pure happiness. I keep coming back for more!",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-pretty-woman-with-ice-cream_1153-5531.jpg",
          imageAlt: "Michael Brown",
        },
      ]}
      title="What Our Scoop-er Fans Say"
      description="Don't just take our word for it – hear directly from the community that makes 'N Ice so special."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What are your opening hours?",
          content: "We are open from 10 AM until 9 PM daily, perfect for a refreshing treat any time.",
        },
        {
          id: "q2",
          title: "Do you offer vegan or dairy-free options?",
          content: "Yes, we have a delicious selection of sorbets and dairy-free ice creams. Ask our friendly staff for today's options!",
        },
        {
          id: "q3",
          title: "Can I order for takeaway?",
          content: "Absolutely! All our treats are available for takeaway, so you can enjoy 'N Ice wherever you go.",
        },
        {
          id: "q4",
          title: "Do you offer delivery?",
          content: "Currently, we offer convenient takeaway services directly from our shop. For potential delivery options, please check with third-party delivery apps that might partner with local businesses in the area.",
        },
      ]}
      title="Got Questions? We've Got Answers!"
      description="Find quick answers to the most common questions about 'N Ice, our flavors, and our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Find Your Sweet Spot at 'N Ice"
      description="Come visit us at our iconic beachfront location in Strand. We're ready to serve you the perfect scoop!"
      inputPlaceholder="Your message or inquiry"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="'N Ice"
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "All Flavors",
              href: "#menu",
            },
            {
              label: "Soft Serve",
              href: "#menu",
            },
            {
              label: "Cones & Tubs",
              href: "#menu",
            },
          ],
        },
        {
          title: "About",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Visit Us",
          items: [
            {
              label: "Directions",
              href: "https://maps.app.goo.gl/YourGoogleMapsLink",
            },
            {
              label: "Hours",
              href: "#contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "TikTok",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 'N Ice. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
