"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Phone, Mail, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {"name":"Home","id":"home"},
            {"name":"Flowers","id":"products"},
            {"name":"About","id":"about"},
            {"name":"Contact","id":"contact"},
            {"name":"Reviews","id":"testimonials"}
          ]}
          brandName="Kvitka"
          bottomLeftText="Fresh flowers daily"
          bottomRightText="hello@kvitka.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel 
          title="Premium Flower Arrangements"
          description="Handcrafted floral designs for every moment. Fresh flowers delivered with love."
          tag="Fresh Daily"
          mediaItems={[
            {"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918412714-53pyvwjh.jpg","imageAlt":"Rose bouquet arrangement"},
            {"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918413782-x0snztev.jpg","imageAlt":"Colorful tulip arrangement"},
            {"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918414725-n921171y.jpg","imageAlt":"Bright sunflower display"},
            {"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918415927-41uv9ooo.jpg","imageAlt":"Elegant peony bouquet"},
            {"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918416780-n8h3x6y0.jpg","imageAlt":"Blue hydrangea arrangement"},
            {"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918417817-6fn5pr4f.jpg","imageAlt":"Premium orchid collection"}
          ]}
          buttons={[
            {"text":"Browse Collection","href":"products"},
            {"text":"Order Now","href":"contact"}
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour 
          title="Featured Arrangements"
          description="Explore our carefully curated selection of premium flower arrangements"
          tag="Best Sellers"
          products={[
            {"id":"roses-deluxe","name":"Red Rose Deluxe","price":"$85","variant":"Red · 12 Stems · Premium","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918419264-9cksxz0f.jpg","imageAlt":"Red rose deluxe bouquet"},
            {"id":"mixed-spring","name":"Spring Mixed Bouquet","price":"$65","variant":"Mixed · 20 Stems · Fresh","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918420040-w0szlig9.jpg","imageAlt":"Spring mixed flower arrangement"},
            {"id":"white-elegance","name":"White Elegance","price":"$72","variant":"White · 15 Stems · Luxury","imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918421035-r3x305l4.jpg","imageAlt":"White elegant flower arrangement"}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {"text":"View All Products","href":"products"}
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout 
          title="Crafted with Passion"
          description="At Kvitka, we believe every flower tells a story. Our expert florists select only the freshest blooms and create arrangements that bring joy and beauty to your special moments. With years of experience and a commitment to excellence, we deliver not just flowers, but emotions."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918421867-xzubhmib.jpg"
          imageAlt="Beautiful flower garden background"
          buttons={[
            {"text":"Learn More","href":"about"},
            {"text":"Shop Now","href":"products"}
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Customers Say"
          description="Real reviews from people who love our flowers"
          tag="Testimonials"
          testimonials={[
            {"id":"1","name":"Sarah Johnson","role":"Bride","company":"Wedding 2024","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766578240153-v8phsdtg.jpg","imageAlt":"Sarah Johnson portrait"},
            {"id":"2","name":"Michael Chen","role":"Corporate Client","company":"Tech Startup","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565662495-bt8vf9hb.jpg","imageAlt":"Michael Chen portrait"},
            {"id":"3","name":"Emily Rodriguez","role":"Regular Customer","company":"Birthday Celebrations","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766745317025-2924ozs6.jpg","imageAlt":"Emily Rodriguez portrait"},
            {"id":"4","name":"David Kim","role":"Event Planner","company":"Premium Events","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679215769-8spgigse.jpg","imageAlt":"David Kim portrait"},
            {"id":"5","name":"Jessica Martinez","role":"Office Manager","company":"Corporate Offices","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565663497-7g5mp6d4.jpg","imageAlt":"Jessica Martinez portrait"},
            {"id":"6","name":"Thomas Anderson","role":"Anniversary Gift","company":"Loyal Customer","rating":5,"imageSrc":"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg","imageAlt":"Thomas Anderson portrait"}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Order Your Flowers"
          description="Get in touch with us to place an order or ask any questions about our arrangements. We're here to help make your special moments even more beautiful."
          inputs={[
            {"name":"name","type":"text","placeholder":"Your Name","required":true},
            {"name":"email","type":"email","placeholder":"Email Address","required":true},
            {"name":"phone","type":"tel","placeholder":"Phone Number","required":true},
            {"name":"occasion","type":"text","placeholder":"Occasion (Wedding, Birthday, etc)","required":false}
          ]}
          textarea={{"name":"message","placeholder":"Tell us about your flower arrangement preferences...","rows":5,"required":true}}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766918422845-iw17rn18.jpg"
          imageAlt="Beautiful flower arrangement for contact section"
          mediaPosition="right"
          buttonText="Request Arrangement"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit 
          logoText="Kvitka"
          title="Bringing beauty and joy through fresh flowers"
          columns={[
            {"title":"Shop","items":[{"label":"All Arrangements","href":"products"},{"label":"New Arrivals","href":"products"},{"label":"Best Sellers","href":"products"}]},
            {"title":"Company","items":[{"label":"About Us","href":"about"},{"label":"Contact","href":"contact"},{"label":"Testimonials","href":"testimonials"}]},
            {"title":"Support","items":[{"label":"Delivery Info","href":"#"},{"label":"Returns","href":"#"},{"label":"FAQ","href":"#"}]},
            {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"}]}
          ]}
          contactItems={[
            {"icon":Phone,"text":"+1 (555) 123-4567"},
            {"icon":Mail,"text":"hello@kvitka.com"},
            {"icon":MapPin,"text":"123 Flower Street, Garden City, GC 12345"}
          ]}
        />
      </div>
    </ThemeProvider>
  );
}