"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Clock, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Menu",          id: "product"},
        {
          name: "Our Story",          id: "about"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="The Igloo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="The Igloo"
      description="Small-batch ice cream crafted daily in Chambersburg since the 1950s."
      buttons={[
        {
          text: "Visit Us Today",          href: "#contact"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/serving-ice-cream-portion-bowls_23-2148141388.jpg",          imageAlt: "gourmet ice cream scoop close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-cheese-near-fork-table_23-2148037618.jpg",          imageAlt: "gourmet ice cream scoop close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vanilla-chocolate-chips-extreme-close-up-ice-cream_23-2148430680.jpg",          imageAlt: "gourmet ice cream scoop close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-waffle-cone_169016-3123.jpg",          imageAlt: "gourmet ice cream scoop close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cake-frosting-texture-background-close-up_53876-134240.jpg",          imageAlt: "gourmet ice cream scoop close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-eating-ice-cream_23-2149031259.jpg",          imageAlt: "gourmet ice cream scoop close up"},
      ]}
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          handle: "@localcustomer",          testimonial: "Nothing like some good hometown ice cream.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-american-man-holding-ice-cream_171337-14914.jpg"},
        {
          id: "2",          name: "Michael Chen",          handle: "@familytradition",          testimonial: "We’ve been coming here since I was a kid.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-couple-eating-donuts-having-fun-cafe_637285-7994.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          handle: "@icecreamlover",          testimonial: "Best ice cream in Chambersburg.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-delicious-ice-cream-waffle-cone-outdoors_169016-43904.jpg"},
        {
          id: "4",          name: "David Kim",          handle: "@regularvisitor",          testimonial: "So creamy I had two sundaes.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244886.jpg"},
        {
          id: "5",          name: "Jessica Lee",          handle: "@summernights",          testimonial: "The perfect end to a summer night.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-eating-ice-cream_23-2149488683.jpg"},
      ]}
      showRating={true}
      title="Loved by Locals"
      description="Our community is what makes The Igloo special. Here is what our neighbors have to say."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Community",          title: "A Gathering Spot",          items: [
            "Screened-in porch",            "Outdoor games",            "Family friendly"],
        },
        {
          id: "f2",          label: "Quality",          title: "Crafted Daily",          items: [
            "Small batches",            "Premium ingredients",            "Fresh every morning"],
        },
        {
          id: "f3",          label: "Vibe",          title: "Pet-Friendly",          items: [
            "Outdoor seating",            "Welcoming to all",            "Hometown ritual"],
        },
      ]}
      title="A Place You Grew Up With"
      description="For over 50 years, The Igloo has been more than a stop for ice cream. It’s where games ended, summers slowed down, and traditions began."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Legacy of Taste"
      description="From our doors since the 1950s, we've dedicated ourselves to the craft of traditional ice cream. We're a multi-generational ritual that still prioritizes quality, freshness, and friendliness above all else."
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488673.jpg"
      imageAlt="vintage ice cream stand exterior"
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "50+",          title: "Years Served",          description: "Serving Chambersburg since 1950s",          icon: Clock,
        },
        {
          id: "m2",          value: "100%",          title: "Freshness",          description: "Crafted fresh in small batches",          icon: Award,
        },
        {
          id: "m3",          value: "10k+",          title: "Regulars",          description: "Loved by multi-generational families",          icon: Users,
        },
      ]}
      title="Decades of Smiles"
      description="Building memories one scoop at a time."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Classic Sundae",          price: "$6.50",          variant: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-marshmallow-cookies-glass-cup_114579-16005.jpg",          imageAlt: "gourmet strawberry ice cream sundae"},
        {
          id: "p2",          name: "Waffle Cone Scoop",          price: "$4.00",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-ice-cream-cone_23-2149835990.jpg",          imageAlt: "vanilla bean ice cream cone"},
        {
          id: "p3",          name: "Fudge Ripple Sundae",          price: "$7.00",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sundae-ice-cream_1339-5762.jpg",          imageAlt: "chocolate fudge sundae dessert"},
        {
          id: "p4",          name: "Black Raspberry",          price: "$4.50",          variant: "Local Favorite",          imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-3174.jpg",          imageAlt: "black raspberry artisan ice cream"},
        {
          id: "p5",          name: "Peanut Butter Bliss",          price: "$4.50",          variant: "Local Favorite",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-ice-cream-scoops-concept_23-2148425380.jpg",          imageAlt: "peanut butter ice cream scoop"},
        {
          id: "p6",          name: "Grape-Nut Special",          price: "$4.50",          variant: "Local Favorite",          imageSrc: "http://img.b2bpic.net/free-photo/roasted-plums-ice-cream-bowl-with-spoon_53876-106010.jpg",          imageAlt: "grape nut classic ice cream"},
      ]}
      title="Signature Treats"
      description="Handcrafted daily with passion, our ice cream is the taste you remember."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Are you pet friendly?",          content: "Yes! We welcome well-behaved pets on our outdoor porch."},
        {
          id: "q2",          title: "Do you make ice cream daily?",          content: "Absolutely. Everything we serve is crafted in small batches every morning."},
        {
          id: "q3",          title: "Can I rent the space for an event?",          content: "We love being part of the community. Contact us to discuss your event plans."},
      ]}
      title="Common Questions"
      description="Everything you need to know to enjoy your experience at The Igloo."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Visit Us Today"
      description="Ready for a treat? Come visit us in Chambersburg. Your next stop is closer than you think."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "email",          type: "email",          placeholder: "Email Address"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cupcakes-with-christmas-decoration-cup_1162-201.jpg"
      imageAlt="vintage ice cream shop night time"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318391.jpg"
      logoText="The Igloo"
      columns={[
        {
          title: "Visit",          items: [
            {
              label: "Location Map",              href: "#"},
            {
              label: "Parking Info",              href: "#"},
          ],
        },
        {
          title: "Menu",          items: [
            {
              label: "Daily Flavors",              href: "#product"},
            {
              label: "Sundaes",              href: "#product"},
          ],
        },
        {
          title: "Tradition",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
      ]}
      imageAlt="vintage ice cream shop night time"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}