"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Coffee, Heart, Scissors } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLarge"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Hjem",
          id: "hero",
        },
        {
          name: "Behandlinger",
          id: "pricing",
        },
        {
          name: "Om oss",
          id: "about",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      brandName="Nordnes Frisør"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Nordnes Frisør"
      description="En frisør der du føler deg hjemme – med faglig dyktighet, gjestfrihet og tid til detaljene."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg",
        },
      ]}
      buttons={[
        {
          text: "Bestill time",
          href: "#",
        },
        {
          text: "Se behandlinger",
          href: "#pricing",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg",
          alt: "Stylist 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg",
          alt: "Stylist 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg",
          alt: "Stylist 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
          alt: "Stylist 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
          alt: "Stylist 5",
        },
      ]}
      avatarText="Vårt dyktige team er klare for deg"
      marqueeItems={[
        {
          type: "text",
          text: "Moderne stil",
        },
        {
          type: "text",
          text: "Profesjonalitet",
        },
        {
          type: "text",
          text: "Gjestfrihet",
        },
        {
          type: "text",
          text: "Kvalitet",
        },
        {
          type: "text",
          text: "Presisjon",
        },
      ]}
    />
  </div>

  <div id="usp" data-section="usp">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Profesjonell presisjon",
          description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.",
          bentoComponent: "reveal-icon",
          icon: Scissors,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
          imageAlt: "Woman getting treatment at hairdresser shop",
        },
        {
          title: "Hjemlig atmosfære",
          description: "Du skal føle deg trygg, sett og avslappet fra første sekund.",
          bentoComponent: "reveal-icon",
          icon: Coffee,
          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
          imageAlt: "Woman getting treatment at hairdresser shop",
        },
        {
          title: "Gjestfrihet i fokus",
          description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.",
          bentoComponent: "reveal-icon",
          icon: Heart,
          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
          imageAlt: "Woman getting treatment at hairdresser shop",
        },
      ]}
      title="Mer enn en klipp"
      description="Vi prioriterer kvalitet, atmosfære og profesjonalitet."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "1",
          name: "Herreklipp",
          price: "Fra 4xx,-",
          features: [
            "Presis klipp",
            "Styling inkludert",
          ],
          buttons: [
            {
              text: "Bestill",
            },
          ],
        },
        {
          id: "2",
          name: "Dameklipp",
          price: "Fra 6xx,-",
          features: [
            "Tilpasset hårtype",
            "Vask og føn",
          ],
          buttons: [
            {
              text: "Bestill",
            },
          ],
        },
        {
          id: "3",
          name: "Skjegg & konturer",
          price: "Fra 3xx,-",
          features: [
            "Ryddige linjer",
            "Perfekt form",
          ],
          buttons: [
            {
              text: "Bestill",
            },
          ],
        },
        {
          id: "4",
          name: "Styling & føn",
          price: "Fra 3xx,-",
          features: [
            "Perfekt for fest",
            "Profesjonell finish",
          ],
          buttons: [
            {
              text: "Bestill",
            },
          ],
        },
      ]}
      title="Behandlinger"
      description="Kvalitet først, alltid."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Daniel Minh Pham",
          role: "Kunde",
          company: "Moss",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
        },
        {
          id: "2",
          name: "Are Brynildsen",
          role: "Kunde",
          company: "Moss",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
        },
        {
          id: "3",
          name: "Saeb Salamski",
          role: "Kunde",
          company: "Norge",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
        },
        {
          id: "4",
          name: "Tony",
          role: "Kunde",
          company: "Moss",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
        },
        {
          id: "5",
          name: "Kunde",
          role: "Kunde",
          company: "Moss",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
        },
      ]}
      title="Kundene våre sier det best"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Om oss"
      title="Nordnes Frisør i Storgata 1"
      description="Vi tar oss tid. Vi lytter. Vi legger merke til detaljene – hvordan du lever, jobber og uttrykker deg – og skaper en frisyre som faktisk passer deg."
      subdescription="Her møter du profesjonell fagkunnskap, varm gjestfrihet og en rolig atmosfære."
      icon={Scissors}
      imageSrc="http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Besøk oss i Storgata 1, 1531 Moss. Ring 92 07 92 92 eller bestill time online."
      buttons={[
        {
          text: "Bestill time",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Nordnes Frisør"
      columns={[
        {
          title: "Navigasjon",
          items: [
            {
              label: "Hjem",
              href: "#hero",
            },
            {
              label: "Behandlinger",
              href: "#pricing",
            },
            {
              label: "Kontakt",
              href: "#contact",
            },
          ],
        },
        {
          title: "Åpningstider",
          items: [
            {
              label: "Man-Fre: 10-18",
              href: "#",
            },
            {
              label: "Lør: 10-17",
              href: "#",
            },
            {
              label: "Søn: Stengt",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© Nordnes Frisør 2026"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
