"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Om oss",
          id: "about",
        },
        {
          name: "Meny",
          id: "products",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      brandName="Harrys Korvbar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "plain",
      }}
      title="Harrys Korvbar: Smaken av Kvalitet"
      description="Vi serverar Sveriges godaste korv med fokus på lokala råvaror och traditionellt hantverk. Välkommen till din nya favoritstopp."
      buttons={[
        {
          text: "Se vår Meny",
          href: "#products",
        },
        {
          text: "Hitta oss",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-tasty-hot-dogs-with-sauces_23-2147684600.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Tradition och Kvalitet"
      description="Hos Harrys Korvbar handlar allt om smak. Vi har sedan starten arbetat med noggrant utvalda råvaror för att ge dig den ultimata korvupplevelsen. Varje tugga räknas."
      metrics={[
        {
          value: "15+",
          title: "År av Erfarenhet",
        },
        {
          value: "100%",
          title: "Svenskt Kött",
        },
        {
          value: "5000+",
          title: "Nöjda Gäster",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/butcher-pepper-tied-piece-steak-meat-smoke-closeup_346278-622.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Klassiker",
          name: "Harrys Original",
          price: "45 kr",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-hot-dogs-arrangement_23-2148768200.jpg",
        },
        {
          id: "p2",
          brand: "Special",
          name: "Chili Cheese Deluxe",
          price: "65 kr",
          rating: 5,
          reviewCount: "89",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-with-sausages-dark-green-surface_140725-61888.jpg",
        },
        {
          id: "p3",
          brand: "Grön",
          name: "Veggie Korv",
          price: "55 kr",
          rating: 4,
          reviewCount: "45",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-hot-dogs-with-flowers_23-2149453842.jpg",
        },
        {
          id: "p4",
          brand: "Lyx",
          name: "Bacon Explosion",
          price: "75 kr",
          rating: 5,
          reviewCount: "112",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pan-with-sausages-sauces_23-2148679034.jpg",
        },
        {
          id: "p5",
          brand: "Smakrik",
          name: "Harrys Lök Special",
          price: "55 kr",
          rating: 5,
          reviewCount: "95",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-two-appetizing-hot-dogs_23-2147684585.jpg",
        },
        {
          id: "p6",
          brand: "Klassiker",
          name: "Harrys Pickles",
          price: "45 kr",
          rating: 4,
          reviewCount: "67",
          imageSrc: "http://img.b2bpic.net/free-photo/assorted-pickled-vegetables-white-plate-with-tablecloth_114579-15491.jpg",
        },
      ]}
      title="Vår Meny"
      description="Från klassiska korvar med bröd till våra specialiteter med spännande toppings."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Erik Svensson",
          handle: "@erik_s",
          testimonial: "Den absolut bästa korven jag någonsin ätit! Snabbt och gott.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-with-beatiful-smile-keeping-cup-coffee-looking-camera_7502-9179.jpg",
        },
        {
          id: "t2",
          name: "Maria Andersson",
          handle: "@mariaa",
          testimonial: "Harrys har räddat min lunch många gånger. Toppenkvalitet.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selling-crops-from-his-garden_329181-16539.jpg",
        },
        {
          id: "t3",
          name: "Johan Lindgren",
          handle: "@johanl",
          testimonial: "Enkelhet och perfekt smak. Rekommenderas varmt!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-holding-delivery-bowl-light-pink-background_140725-40682.jpg",
        },
        {
          id: "t4",
          name: "Sara Nilsson",
          handle: "@sara_n",
          testimonial: "Alltid trevligt bemötande och fantastiska råvaror.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571486.jpg",
        },
        {
          id: "t5",
          name: "Karl Berg",
          handle: "@karlb",
          testimonial: "Harrys Korvbar levererar varje gång. Bästa street food!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
        },
      ]}
      showRating={true}
      title="Vad våra gäster säger"
      description="Harrys Korvbar är en institution i stan."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Har ni veganska alternativ?",
          content: "Ja, vi har en fantastisk vegansk korv som tillagas på samma sätt som våra klassiska.",
        },
        {
          id: "f2",
          title: "Var finns ni?",
          content: "Vi finns på Storgatan 12, precis vid torget.",
        },
        {
          id: "f3",
          title: "Har ni catering?",
          content: "Absolut! Kontakta oss för bokning och prisförslag.",
        },
      ]}
      mediaAnimation="slide-up"
      title="Vanliga Frågor"
      description="Vi har svarat på de vanligaste frågorna här."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-hot-dog_23-2148768185.jpg"
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={[
        "Lokal Mat",
        "Köttmästarna",
        "Stadens Råvaror",
        "Green Harvest",
        "Matvännerna",
        "Kvalitetskorv",
        "Street Food Alliance",
      ]}
      title="Våra samarbetspartners"
      description="Vi arbetar med de bästa lokala leverantörerna."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Kontakt"
      title="Hitta till oss"
      description="Kom förbi och säg hej eller hör av dig för catering."
      buttons={[
        {
          text: "Ring oss",
          href: "tel:0701234567",
        },
        {
          text: "Email",
          href: "mailto:info@harryskorvbar.se",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571771.jpg"
      logoText="Harrys Korvbar"
      columns={[
        {
          title: "Meny",
          items: [
            {
              label: "Klassiker",
              href: "#products",
            },
            {
              label: "Veganskt",
              href: "#products",
            },
            {
              label: "Specialiteter",
              href: "#products",
            },
          ],
        },
        {
          title: "Företaget",
          items: [
            {
              label: "Om oss",
              href: "#about",
            },
            {
              label: "Kontakt",
              href: "#contact",
            },
            {
              label: "Catering",
              href: "#contact",
            },
          ],
        },
        {
          title: "Juridiskt",
          items: [
            {
              label: "Integritetspolicy",
              href: "#",
            },
            {
              label: "Villkor",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
