"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Heart, CheckCircle, Shield, Award, Camera, Building, HelpCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Ателие 21"
          navItems={[
            { name: "Услуги", id: "services" },
            { name: "Защо Ни Избирате", id: "why-us" },
            { name: "Галерия", id: "gallery" },
            { name: "Отзиви", id: "testimonials" },
            { name: "Контакт", id: "contact" },
          ]}
          button={{ text: "Запази час", href: "#booking" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Перфектен маникюр във Варна"
          description="Прецизност, внимание и дълготраен резултат – защото заслужавате най-доброто. Ателие 21 Маникюр е място, където красотата на ръцете се съчетава с индивидуален подход и професионализъм."
          tag="Премиум Студио за Красота"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Запази час", href: "#booking" },
            { text: "Обади се", href: "tel:+359-xxx-xxx-xxx" },
          ]}
          dashboard={{
            title: "Нашите Услуги",            logoIcon: Heart,
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-sangria-drink_23-2149380885.jpg",            searchPlaceholder: "Търси услуга...",            sidebarItems: [
              { icon: Sparkles, active: true },
              { icon: Heart },
              { icon: Star },
            ],
            buttons: [
              { text: "Галерия", href: "#gallery" },
              { text: "Контакт", href: "#contact" },
            ],
            stats: [
              {
                title: "Задоволени Клиенти",                values: [500, 750, 1000],
                description: "От основаването"
              },
              {
                title: "Маникюри Месечно",                values: [150, 200, 250],
                description: "Постоянни клиенти"
              },
              {
                title: "Средна Оценка",                values: [4.8, 4.9, 5],
                valueSuffix: "/5",                description: "От клиентски отзиви"
              },
            ],
            listTitle: "Защо да ни посетите",            listItems: [
              { icon: CheckCircle, title: "Прецизна работа", status: "Гарантирано" },
              { icon: Shield, title: "Висока хигиена", status: "Стандартно" },
              { icon: Award, title: "Дълготраен резултат", status: "Перфектно" },
            ],
          }}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Нашите Услуги"
          description="Професионални услуги за маникюр, разработени специално за вашите нужди. От класически маникюр до креативен nail art."
          products={[
            {
              id: "1",              name: "Класически Маникюр",              price: "От 25 лв",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg",              imageAlt: "Класически маникюр"
            },
            {
              id: "2",              name: "Гел Лак",              price: "От 40 лв",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg",              imageAlt: "Гел лак маникюр"
            },
            {
              id: "3",              name: "Nail Art & Декорации",              price: "От 35 лв",              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg",              imageAlt: "Nail art дизайн"
            },
            {
              id: "4",              name: "Поддръжка на Гел",              price: "От 20 лв",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg",              imageAlt: "Поддръжка"
            },
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricSplitMediaAbout
          tag="Избирайте Ни"
          tagIcon={Heart}
          title="Защо Клиентите Ни Избират"
          description="Ателие 21 Маникюр предлага комбинация от професионализъм, хигиена и индивидуално внимание. Всеки клиент е специален и всеки маникюр е създаден с перфекционизъм."
          metrics={[
            { value: "1000+", title: "Задоволени Клиенти" },
            { value: "5.0/5", title: "Средна Оценка" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349195.jpg"
          imageAlt="Ателие 21 Маникюр салон интериор"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardNineteen
          title="Портфолио Галерия"
          description="Вижте примери от нашата работа - всеки маникюр е произведение на изкуството, създано с любов и внимание към детайлите."
          tag="Галерия"
          tagIcon={Camera}
          features={[
            {
              id: 1,
              tag: "Класически",              title: "Нежен Минимализъм",              subtitle: "Елегантен и простен дизайн",              description: "Класически маникюр с нежни цветове - идеален за всеки ден. Перфектна хигиена и прецизна работа.",              imageSrc: "http://img.b2bpic.net/free-photo/graceful-thin-fingers-girl-with-trendy-pastel-nude-manicure-fluffy-soft-sweater-cute-silver-ring-bow_343596-7953.jpg",              imageAlt: "Нежен класически маникюр"
            },
            {
              id: 2,
              tag: "Декоративен",              title: "Луксозен Дизайн",              subtitle: "С камъни и блясък",              description: "Креативен nail art със стъкла и декорации - за специални случаи или когато искате да блеснете.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-flower_23-2148749794.jpg",              imageAlt: "Луксозен маникюр със декорации"
            },
            {
              id: 3,
              tag: "Модерен",              title: "Геометричен Стил",              subtitle: "Съвременни форми и цветове",              description: "Модерни геометрични дизайни с актуални цветови комбинации - за тези, които обичат тенденциите.",              imageSrc: "http://img.b2bpic.net/free-photo/charming-black-haired-girl-posing-with-surprised-smile-attractive-young-woman-with-dark-hair-laughing_197531-14009.jpg",              imageAlt: "Модерен геометричен маникюр"
            },
            {
              id: 4,
              tag: "Специален",              title: "Романтичен Маникюр",              subtitle: "За специални моменти",              description: "Елегантен дизайн за сватби, годеци и други важни събития - прецизна работа и внимание.",              imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-grater-background_23-2148722058.jpg",              imageAlt: "Романтичен маникюр за специален случай"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Отзиви от Нашите Клиенти"
          description="Чувайте какво казват нашите постоянни клиенти за опита си в Ателие 21 Маникюр."
          tag="Отзиви"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Миглена Тодорова",              role: "Клиент",              company: "Варна",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-holding-clipboard-with-smiley-face_23-2148538758.jpg",              imageAlt: "Миглена Тодорова"
            },
            {
              id: "2",              name: "Kristina Zdravcheva",              role: "Постоянна Клиентка",              company: "Варна",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-wearing-against-gray-loft-wall_8353-6186.jpg",              imageAlt: "Kristina Zdravcheva"
            },
            {
              id: "3",              name: "Rosica Minkova",              role: "Клиент",              company: "Варна",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blonde-walks-summer-city-with-cup-coffee_1157-36225.jpg",              imageAlt: "Rosica Minkova"
            },
            {
              id: "4",              name: "Елена Петрова",              role: "Редовна Клиентка",              company: "Варна",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/successful-woman-drink-coffee-smiling_176420-16239.jpg",              imageAlt: "Елена Петрова"
            },
          ]}
          kpiItems={[
            { value: "180+", label: "Задоволени клиенти" },
            { value: "96%", label: "Препоръчват ни приятели" },
            { value: "5.0", label: "Google рейтинг звезди" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardNineteen
          title="За Ателие 21 Маникюр"
          description="Местен бизнес във Варна, посветен на красотата и благополучието на ръцете ви. Ние вярваме, че грижата за себе си е инвестиция, а не лукс."
          tag="За Нас"
          tagIcon={Building}
          features={[
            {
              id: 1,
              tag: "Прецизност",              title: "Внимание към Детайлите",              subtitle: "Всеки маникюр е произведение на изкуството",              description: "Работим с професионално внимание, като всеки детайл е важен. Нашите маникюристи имат години опит и любов към своето занятие.",              imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130314.jpg",              imageAlt: "Прецизна работа в студиото"
            },
            {
              id: 2,
              tag: "Хигиена",              title: "Висока Чистота и Безопасност",              subtitle: "Вашето здраве е наша приоритет",              description: "Използваме санитарни инструменти и професионални стерилизирани материали. Всеки клиент получава чисти и дезинфекцирани материали.",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss-arrangement_23-2149681554.jpg",              imageAlt: "Хигиенни стандарти"
            },
            {
              id: 3,
              tag: "Качество",              title: "Премиум Продукти",              subtitle: "Само най-добрите материали",              description: "Работим само с професионални гел лакове и продукти от проверени производители. Качеството е гарантирано.",              imageSrc: "http://img.b2bpic.net/free-psd/flat-design-nail-salon-facebook-template_23-2150628792.jpg",              imageAlt: "Качествени продукти"
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="booking" data-section="booking">
        <ContactText
          text="Готови ли сте за пръв клас маникюр? Запазете своя час днес и открийте разликата в нашето студио."
          animationType="entrance-slide"
          buttons={[
            { text: "Запази час", href: "#booking-form" },
            { text: "Обади се: +359-xxx-xxx-xxx", href: "tel:+359-xxx-xxx-xxx" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <FaqSplitMedia
          title="Често Задавани Въпроси"
          description="Намерете отговори на вашите въпроси относно нашите услуги, цени и работен процес."
          tag="Поддържка"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "Колко дълго издържа гел лакът?",              content: "Гел лакът обикновено издържа 3-4 седмици, в зависимост от растежа на натуралния нокът. Препоръчваме редовна поддръжка всеки 3 седмици."
            },
            {
              id: "2",              title: "Какви материали използвате?",              content: "Използваме само професионални гел лакове от проверени марки и стерилизирани инструменти. Всички материали са безопасни и хипоалергенни."
            },
            {
              id: "3",              title: "Какъв е работният ви график?",              content: "Работим от вторник до неделя. Точния график е публикуван на нашата страница. Препоръчваме предварително запазване."
            },
            {
              id: "4",              title: "Предлагате ли отстъпки за постоянни клиенти?",              content: "Да! Имаме карта за лоялност и специални предложения за постоянни клиенти. Питайте нас при следващото посещение."
            },
            {
              id: "5",              title: "Какво ако не съм доволна от резултата?",              content: "Вашата удовлетвореност е наша приоритет. Ако имате проблем, свържете се с нас незабавно и ще намерим решение."
            },
            {
              id: "6",              title: "Имам алергия - какво мога да направя?",              content: "Моля, информирайте ни за всякакви алергии преди сеанса. Имаме хипоалергенни опции и ще подберем подходящите материали за вас."
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/elements-person-traveling_23-2148195172.jpg"
          imageAlt="Локация в Варна"
          mediaAnimation="slide-up"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Ателие 21"
          columns={[
            {
              title: "Услуги",              items: [
                { label: "Класически маникюр", href: "#services" },
                { label: "Гел лак", href: "#services" },
                { label: "Nail Art", href: "#services" },
                { label: "Поддръжка на гел", href: "#services" },
              ],
            },
            {
              title: "Компания",              items: [
                { label: "За Нас", href: "#about" },
                { label: "Галерия", href: "#gallery" },
                { label: "Отзиви", href: "#testimonials" },
                { label: "Контакт", href: "#booking" },
              ],
            },
            {
              title: "Контакт",              items: [
                { label: "Телефон: +359-xxx-xxx-xxx", href: "tel:+359-xxx-xxx-xxx" },
                { label: "Email: info@atelie21.bg", href: "mailto:info@atelie21.bg" },
                { label: "Адрес: Варна, България", href: "#" },
                { label: "Google Maps", href: "#" },
              ],
            },
            {
              title: "Социални Медии",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "WhatsApp", href: "https://wa.me" },
                { label: "Google Мой Бизнес", href: "https://google.com/business" },
              ],
            },
          ]}
          copyrightText="© 2025 Ателие 21 Маникюр. Всички права запазени."
        />
      </div>
    </ThemeProvider>
  );
}