"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Droplet, Droplets, Globe, Leaf, Smile, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Our Story",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/brewery-logo-design-template_23-2150125334.jpg"
      logoAlt="Coca-Cola Logo"
      brandName="Coca-Cola"
      bottomLeftText="Taste the Feeling"
      bottomRightText="Enjoy@Coke.com"
      button={{
        text: "Find a Store",
        href: "#products",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Experience the Refreshment of Coca-Cola"
      description="Dive into the iconic world of Coca-Cola, a timeless taste that brings joy and celebration to every moment. Discover our story, products, and commitment to a refreshing future."
      buttons={[
        {
          text: "Explore Our Products",
          href: "#products",
        },
        {
          text: "Learn Our Story",
          href: "#about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cherry-soda-cans_23-2151955828.jpg"
      imageAlt="3D rendered Coca-Cola bottle with splashes"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Our Legacy of Refreshment"
      description="For over a century, Coca-Cola has been a symbol of happiness and connection. From a humble soda fountain drink to a global icon, our journey is one of innovation, community, and an unwavering commitment to quality. Join us as we continue to craft moments of pure joy."
      imageSrc="http://img.b2bpic.net/free-photo/delicious-sangria-glass-yellow-surface_23-2149380881.jpg"
      imageAlt="Vintage Coca-Cola advertisement with happy people"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Sparkles,
          title: "Timeless Taste",
          description: "The unmistakable flavor that has delighted generations, crafted to perfection with a secret formula.",
        },
        {
          icon: Droplets,
          title: "Refreshing Bubbles",
          description: "Every sip delivers a crisp, effervescent sensation, revitalizing your senses with pure refreshment.",
        },
        {
          icon: Users,
          title: "Global Community",
          description: "Bringing people together across cultures and continents, creating shared moments of happiness.",
        },
        {
          icon: Leaf,
          title: "Sustainable Future",
          description: "Committed to creating a more sustainable world through responsible practices and innovative packaging.",
        },
      ]}
      title="The Coca-Cola Difference"
      description="Beyond just a drink, Coca-Cola offers an experience built on unique qualities and shared values."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "classic-coke",
          brand: "Coca-Cola",
          name: "Classic Coca-Cola",
          price: "$2.49",
          rating: 5,
          reviewCount: "1.2M",
          imageSrc: "http://img.b2bpic.net/free-photo/red-sparkling-pomegranate-drink-glass-with-dramatic-lighting_84443-83933.jpg",
          imageAlt: "Classic Coca-Cola bottle",
        },
        {
          id: "diet-coke",
          brand: "Coca-Cola",
          name: "Diet Coke",
          price: "$2.49",
          rating: 4,
          reviewCount: "800K",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-tin-can_23-2151113087.jpg",
          imageAlt: "Diet Coke can",
        },
        {
          id: "coke-zero-sugar",
          brand: "Coca-Cola",
          name: "Coke Zero Sugar",
          price: "$2.49",
          rating: 4,
          reviewCount: "950K",
          imageSrc: "http://img.b2bpic.net/free-photo/line-black-beer-bottles_23-2148098760.jpg",
          imageAlt: "Coke Zero Sugar bottle",
        },
        {
          id: "sprite",
          brand: "Sprite",
          name: "Sprite",
          price: "$2.29",
          rating: 4,
          reviewCount: "700K",
          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-bottle-beer-table_23-2148342204.jpg",
          imageAlt: "Sprite can",
        },
        {
          id: "fanta-orange",
          brand: "Fanta",
          name: "Fanta Orange",
          price: "$2.29",
          rating: 4,
          reviewCount: "600K",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-orange-slice_52683-86018.jpg",
          imageAlt: "Fanta Orange bottle",
        },
        {
          id: "minute-maid-oj",
          brand: "Minute Maid",
          name: "Minute Maid Orange Juice",
          price: "$3.99",
          rating: 4,
          reviewCount: "500K",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-lemonade-glass-jar-with-daisies-white-table_114579-29816.jpg",
          imageAlt: "Minute Maid Orange Juice carton",
        },
      ]}
      title="Explore Our Refreshing Range"
      description="From the classic taste you love to exciting new flavors, find your perfect Coca-Cola moment."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "countries",
          value: "200+",
          title: "Countries Served",
          description: "Our beverages are enjoyed in over 200 countries and territories worldwide.",
          icon: Globe,
        },
        {
          id: "servings",
          value: "1.9B+",
          title: "Servings Daily",
          description: "People around the world choose Coca-Cola products nearly 2 billion times a day.",
          icon: Droplet,
        },
        {
          id: "smiles",
          value: "Countless",
          title: "Moments of Joy",
          description: "Bringing smiles and happiness through refreshing experiences, one sip at a time.",
          icon: Smile,
        },
      ]}
      title="Impact and Reach"
      description="Coca-Cola's presence spans the globe, touching lives and communities every day."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          role: "Marketing Specialist",
          testimonial: "Coca-Cola is my go-to for a refreshing break. The classic taste is simply unbeatable!",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-glass-lemonade-hot-summer-day_169016-23191.jpg",
          imageAlt: "Sarah J.",
        },
        {
          id: "2",
          name: "Michael L.",
          role: "Software Engineer",
          testimonial: "Nothing beats a cold Coke on a hot day. It’s the perfect pick-me-up every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-beer-glass-chatting-with-friends-video-call_482257-20889.jpg",
          imageAlt: "Michael L.",
        },
        {
          id: "3",
          name: "Emily R.",
          role: "Student",
          testimonial: "I love sharing a Coca-Cola with friends. It always adds to the fun!",
          imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-fun-together-outdoors-with-plastic-cups_23-2149073974.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "4",
          name: "David K.",
          role: "Small Business Owner",
          testimonial: "Coca-Cola has been a part of my life for as long as I can remember. A true classic.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-holding-cup-posing-white-wall_114579-46988.jpg",
          imageAlt: "David K.",
        },
        {
          id: "5",
          name: "Jessica T.",
          role: "Fitness Enthusiast",
          testimonial: "After a long workout, a refreshing Coke hits different. It's the little treat I look forward to.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-friends-resting-after-exercising-by-lake_23-2148730618.jpg",
          imageAlt: "Jessica T.",
        },
        {
          id: "6",
          name: "Robert B.",
          role: "Chef",
          testimonial: "The perfect pairing for any meal. Coca-Cola always complements my cooking.",
          imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-drinking-water-with-orange-slices-while-having-picnic-park_23-2149304543.jpg",
          imageAlt: "Robert B.",
        },
      ]}
      title="What Our Fans Say"
      description="Hear from people who love the unique taste and moments created by Coca-Cola."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Sports Federation",
        "International Music Festivals",
        "World Food Program",
        "Major Retail Chains",
        "Leading Restaurant Groups",
        "Olympic Games Committee",
        "Environmental Initiatives",
        "Local Community Centers",
      ]}
      title="Proudly Partnering Globally"
      description="Our collaborations help us reach every corner of the world and make a positive impact."
      showCard={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Connect With Us"
      title="Join the Coca-Cola Family"
      description="Have questions, feedback, or just want to share your Coca-Cola moment? We'd love to hear from you!"
      imageSrc="http://img.b2bpic.net/free-photo/top-view-colorful-smoothies-with-copy-space_23-2148303038.jpg"
      imageAlt="Variety of Coca-Cola bottles"
      mediaAnimation="slide-up"
      inputPlaceholder="Enter your email"
      buttonText="Submit"
      termsText="By clicking Submit you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/brewery-logo-design-template_23-2150125334.jpg"
      logoAlt="Coca-Cola Logo"
      logoText="Coca-Cola"
      columns={[
        {
          title: "Products",
          items: [
            {
              label: "Coca-Cola Classic",
              href: "#products",
            },
            {
              label: "Diet Coke",
              href: "#products",
            },
            {
              label: "Coke Zero Sugar",
              href: "#products",
            },
            {
              label: "Other Brands",
              href: "#products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Sustainability",
              href: "#",
            },
            {
              label: "Investors",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "FAQ",
              href: "#",
            },
            {
              label: "Customer Service",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Use",
              href: "#",
            },
            {
              label: "Cookie Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 The Coca-Cola Company. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
