"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Crown, Scissors, Star, Brush, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Anasayfa",          id: "#hero"},
        {
          name: "Hakkımızda",          id: "#about"},
        {
          name: "Hizmetler",          id: "#services"},
        {
          name: "Fiyatlar",          id: "#pricing"},
        {
          name: "Ekibimiz",          id: "#team"},
        {
          name: "Randevu",          id: "#contact"},
      ]}
      brandName="Hollywood Erkek Kuaförü"
      button={{
        text: "Randevu Al",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "animated-grid"}}
      title="Modern Tıraş Sanatı, Bursa'da Burada"
      description="Profesyonel erkek kuaför hizmetleri ve çeşitli tıraş stilleri. Anında randevu alın, fiyatlarımızı keşfedin."
      buttons={[
        {
          text: "Randevu Al",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-barber-cutting-hair-man_23-2147737060.jpg"
      imageAlt="Modern barbershop interior with a barber at work"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/haidresser-combing-customer-hair_23-2148298325.jpg",          alt: "Haidresser combing customer hair"},
        {
          src: "http://img.b2bpic.net/free-photo/man-work-with-hair-hairdresser-with-client_1157-43578.jpg",          alt: "Man work with hair. Hairdresser with a client."},
        {
          src: "http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg",          alt: "Old-fashioned tattooed hipster wearing a white shirt with suspenders holds a scissors."},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150668459.jpg",          alt: "Side view man getting a haircut"},
        {
          src: "asset://hero-avatar-5",          alt: "Happy client barbershop"},
      ]}
      avatarText="1000+ Memnun Müşteri"
      marqueeItems={[
        {
          type: "text",          text: "Klasik Tıraş"},
        {
          type: "text",          text: "Modern Kesim"},
        {
          type: "text",          text: "Sakal Bakımı"},
        {
          type: "text",          text: "Cilt Bakımı"},
        {
          type: "text",          text: "Profesyonel Ekip"},
      ]}
      marqueeSpeed={30}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Hakkımızda"
      title="Hollywood Erkek Kuaförü: Mükemmelliğin Adresi"
      description="Bursa'nın kalbinde, modern tıraş sanatını ve geleneksel berberciliği bir araya getiren bir deneyim sunuyoruz. Yılların tecrübesi ve yenilikçi yaklaşımlarımızla her müşterimize özel bir stil vaat ediyoruz."
      subdescription="Detaylı hizmetlerimizle, her ziyaretinizde kendinizi yenilenmiş ve bakımlı hissedeceksiniz. Randevu kolaylığı ve şeffaf fiyatlandırma ile zamanınız bizim için değerli."
      icon={Scissors}
      imageSrc="http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101903.jpg"
      imageAlt="Close-up of traditional barber tools and a gold-colored razor"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Saç Kesimi ve Şekillendirme",          description: "Modern trendlere uygun veya klasik tarzda, yüz şeklinize ve isteğinize özel saç kesimleri.",          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg",          imageAlt: "A barber giving a modern haircut to a client",          buttonIcon: Scissors,
        },
        {
          title: "Sakal ve Bıyık Bakımı",          description: "Uzman ellerden detaylı sakal ve bıyık düzeltme, şekillendirme ve bakım hizmetleri.",          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-with-glasses-smartphone_1153-1397.jpg",          imageAlt: "A barber trimming a man's beard",          buttonIcon: Star,
        },
        {
          title: "Geleneksel Tıraş",          description: "Sıcak havlu, özel kremler ve jilet ile pürüzsüz ve rahatlatıcı geleneksel sakal tıraşı.",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-own-beard-with-straight-razor-with-closed-eyes-isolated-olive-green-background_141793-85011.jpg",          imageAlt: "A barber giving a traditional hot towel shave",          buttonIcon: Brush,
        },
        {
          title: "Cilt Bakımı",          description: "Canlandırıcı maskeler ve nemlendiricilerle cildinizi yenileyin ve parlak bir görünüm kazanın.",          imageSrc: "http://img.b2bpic.net/free-photo/clay-mask-young-handsome-mans-face-beauty-clinic_343596-2982.jpg",          imageAlt: "Man getting a facial treatment at a barbershop",          buttonIcon: Sparkles,
        },
      ]}
      title="Hizmetlerimiz"
      description="Her erkeğe özel, kusursuz görünüm için çeşitli profesyonel tıraş ve bakım hizmetleri sunuyoruz."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p-1",          name: "Hollywood Pomad",          price: "249 TL",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420623.jpg",          imageAlt: "Jar of Hollywood Pomade"},
        {
          id: "p-2",          name: "Sakal Bakım Yağı",          price: "189 TL",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg",          imageAlt: "Bottle of beard oil"},
        {
          id: "p-3",          name: "Erkek Şampuanı",          price: "129 TL",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323152.jpg",          imageAlt: "Bottle of men's shampoo"},
        {
          id: "p-4",          name: "Tıraş Sonrası Losyon",          price: "159 TL",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963090.jpg",          imageAlt: "Bottle of aftershave lotion"},
        {
          id: "p-5",          name: "Yüz Temizleyici",          price: "139 TL",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-holding-cotton-pad_23-2148686034.jpg",          imageAlt: "Tube of facial cleanser"},
        {
          id: "p-6",          name: "Saç Tonik",          price: "169 TL",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-isolated-grey-wall_171337-17640.jpg",          imageAlt: "Bottle of hair tonic"},
      ]}
      title="Özel Bakım Ürünlerimiz"
      description="Profesyonel berberlerimiz tarafından özenle seçilmiş, en kaliteli saç ve sakal bakım ürünleri."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",          badge: "Standart",          price: "250 TL",          subtitle: "Kapsamlı saç kesimi",          features: [
            "Saç Yıkama",            "Saç Kesimi",            "Fön ve Şekillendirme"],
        },
        {
          id: "plan-2",          badge: "Premium",          badgeIcon: Crown,
          price: "400 TL",          subtitle: "Hollywood deneyimi",          features: [
            "Saç Yıkama",            "Saç Kesimi",            "Sakal Tıraşı/Düzeltme",            "Sıcak Havlu Bakımı",            "Fön ve Şekillendirme"],
        },
        {
          id: "plan-3",          badge: "Komple Bakım",          badgeIcon: Star,
          price: "550 TL",          subtitle: "Tamamen yenilenin",          features: [
            "Saç Yıkama",            "Saç Kesimi",            "Sakal Tıraşı/Düzeltme",            "Cilt Bakımı (Maske)",            "Sıcak Havlu Bakımı",            "Fön ve Şekillendirme"],
        },
      ]}
      title="Fiyat Listemiz"
      description="Şeffaf fiyatlandırma politikamızla, bütçenize uygun kaliteli hizmetlerimizden yararlanın."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "m-1",          name: "Ali Yılmaz",          role: "Baş Berber",          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",          imageAlt: "Portrait of experienced male barber Ali Yılmaz"},
        {
          id: "m-2",          name: "Can Demir",          role: "Saç Uzmanı",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-male-blue-shirt-grey-bow-tie_613910-8044.jpg",          imageAlt: "Portrait of young trendy male barber Can Demir"},
        {
          id: "m-3",          name: "Emre Kaya",          role: "Sakal Uzmanı",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033328.jpg",          imageAlt: "Portrait of seasoned male barber Emre Kaya"},
        {
          id: "m-4",          name: "Deniz Arslan",          role: "Stil Danışmanı",          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-showing-pointing-up-with-fingers-number-three_141793-37278.jpg",          imageAlt: "Portrait of friendly male barber Deniz Arslan"},
      ]}
      title="Ekibimiz"
      description="Hollywood Erkek Kuaförü'nün arkasındaki yetenekli ve deneyimli berberlerimizle tanışın."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "Ahmet Güler",          handle: "@ahmetguler",          testimonial: "Bursa'da kesinlikle en iyi berber! Her zaman istediğim tarzı yakalıyorlar ve atmosfer harika. Artık başka yere gitmiyorum.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-male-brushing-his-hair_23-2149106317.jpg",          imageAlt: "Ahmet Güler, satisfied customer"},
        {
          id: "t-2",          name: "Burak Can",          handle: "@burakcan",          testimonial: "Sakal tıraşım her zaman mükemmel oluyor. Randevu sistemi çok pratik, zamandan tasarruf etmemi sağlıyor.",          imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-wearing-uniform-glasses-headband-holding-straight-razor-shaving-razor-looking-camera-shouting-out-loudly-isolated-red-background_141793-137010.jpg",          imageAlt: "Burak Can, satisfied customer"},
        {
          id: "t-3",          name: "Cem Yılmaz",          handle: "@cemyilmaz",          testimonial: "Genç ve dinamik bir ekip. En son saç trendlerini takip ediyorlar. Her gittiğimde yeni bir tarz deniyorum ve çok beğeniyorum.",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",          imageAlt: "Cem Yılmaz, satisfied young customer"},
        {
          id: "t-4",          name: "Deniz Akın",          handle: "@denizakin",          testimonial: "Profesyonellikleri ve müşteri odaklı yaklaşımları takdire şayan. İş için her zaman bakımlı olmam gerekiyor ve Hollywood bunun için ideal.",          imageSrc: "http://img.b2bpic.net/free-photo/smart-man-with-phone-his-ear_1262-728.jpg",          imageAlt: "Deniz Akın, professional client"},
        {
          id: "t-5",          name: "Efe Tekin",          handle: "@efetekin",          testimonial: "Yıllardır geldiğim tek adres. Kaliteden asla ödün vermiyorlar. Sıcak havlu tıraşı efsane!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-using-tweezers_23-2149137912.jpg",          imageAlt: "Efe Tekin, loyal customer"},
      ]}
      title="Müşterilerimiz Ne Diyor?"
      description="Memnuniyetiniz bizim için öncelik. Müşterilerimizin Hollywood Erkek Kuaförü deneyimleri."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Randevu Al"
      title="Şimdi Randevunuzu Oluşturun!"
      description="Kolay ve hızlı online randevu sistemimizle, Hollywood Erkek Kuaförü'nde size özel zamanınızı hemen ayırtın."
      buttons={[
        {
          text: "Randevu Oluştur"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Hollywood Erkek Kuaförü"
      columns={[
        {
          title: "Hizmetler",          items: [
            {
              label: "Saç Kesimi",              href: "#services"},
            {
              label: "Sakal Bakımı",              href: "#services"},
            {
              label: "Geleneksel Tıraş",              href: "#services"},
            {
              label: "Cilt Bakımı",              href: "#services"},
          ],
        },
        {
          title: "Hızlı Erişim",          items: [
            {
              label: "Anasayfa",              href: "#hero"},
            {
              label: "Fiyatlar",              href: "#pricing"},
            {
              label: "Ekibimiz",              href: "#team"},
            {
              label: "Randevu",              href: "#contact"},
          ],
        },
        {
          title: "İletişim",          items: [
            {
              label: "Adres: Bursa, Türkiye",              href: "#"},
            {
              label: "Telefon: +90 555 123 45 67",              href: "#"},
            {
              label: "E-posta: info@hollywoodkuafor.com",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Hollywood Erkek Kuaförü | Tüm Hakları Saklıdır."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
