"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Crown, Sparkles, Hammer, Trophy } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BellMonté"
          navItems={[
            { name: "About", id: "about" },
            { name: "Collections", id: "collections" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "Discover BellMonté",            href: "#hero"}}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="The Art of Living with Refinement"
          description="Na BellMonté, acreditamos que o verdadeiro luxo está na harmonia entre estética, qualidade e exclusividade. Criamos experiências e produtos que elevam o estilo de vida de quem aprecia o extraordinário."
          tag="Luxury Lifestyle"
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaAnimation="blur-reveal"
          imagePosition="right"
          imageSrc="http://img.b2bpic.net/free-psd/real-estate-house-property-instagram-post-social-media-post-banner-template_84443-5169.jpg"
          imageAlt="Sophisticated luxury interior with elegant architecture and refined details"
          useInvertedBackground={false}
          buttons={[
            { text: "Discover BellMonté", href: "#collections" },
            { text: "Our Collections", href: "#collections" },
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Sofia Mendes",              handle: "Interior Designer",              testimonial: "BellMonté redefine o conceito de sofisticação. Cada detalhe transmite exclusividade e elegância.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-digital-camera_641386-312.jpg"},
            {
              name: "Marco Rossini",              handle: "Art Collector",              testimonial: "A experiência BellMonté vai muito além do esperado. É uma verdadeira transformação do lifestyle.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-office_1163-5471.jpg"},
            {
              name: "Isabella Duarte",              handle: "Luxury Brand Curator",              testimonial: "Finalmente encontrei uma marca que compreende verdadeira exclusividade e refinamento.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-clean-urban-space_23-2149015675.jpg"},
            {
              name: "Victor Almeida",              handle: "CEO, Almeida Enterprises",              testimonial: "BellMonté é sinônimo de qualidade, autenticidade e excelência em cada detalhe.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg"},
          ]}
          testimonialRotationInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="A Essence of Timeless Luxury"
          description="BellMonté nasce da visão de transformar elegância em experiência. Inspirada pela tradição europeia e pelo design contemporâneo, nossa marca representa o encontro entre sofisticação, autenticidade e excelência. Cada detalhe é cuidadosamente pensado para oferecer não apenas produtos ou serviços, mas um estilo de vida marcado pela distinção."
          tag="Our Story"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          mediaAnimation="blur-reveal"
          imagePosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407605.jpg"
          imageAlt="Elegant European-inspired interior design showcasing timeless luxury"
          bulletPoints={[
            {
              title: "Refinement",              description: "Elegância em cada detalhe, desde a concepção até a execução final.",              icon: Sparkles,
            },
            {
              title: "Exclusivity",              description: "Criamos experiências únicas para um público que valoriza o extraordinário.",              icon: Crown,
            },
            {
              title: "Craftsmanship",              description: "Qualidade e atenção meticulosa naquilo que fazemos.",              icon: Hammer,
            },
            {
              title: "Legacy",              description: "Uma marca construída para transcender tendências.",              icon: Trophy,
            },
          ]}
          buttons={[
            { text: "Learn More", href: "#collections" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "BellMonté Bags",              description: "Bolsas femininas que unem design refinado, elegância e exclusividade. Cada criação BellMonté é uma expressão de sofisticação, produzida com materiais selecionados e acabamento impecável, transformando cada peça em um verdadeiro símbolo de estilo e distinção. ",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aae9b3EaqpIFaZdBGBDWi9Bmnz/uploaded-1772889323592-uctgnj9g.jpg",              imageAlt: "Modern luxury residential property with refined architecture"},
            {
              id: 2,
              title: "BellMonté Watches",              description: "Relógios que combinam design refinado, precisão excepcional e exclusividade. Cada peça é criada com materiais premium e acabamento impecável, refletindo sofisticação, tradição e a verdadeira arte da relojoaria.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aae9b3EaqpIFaZdBGBDWi9Bmnz/uploaded-1772889369423-f0wwa4of.jpg",              imageAlt: "Sophisticated interior design with premium materials and elegant details"},
            {
              id: 3,
              title: "BellMonté Lifestyle",              description: "Curadoria de experiências e produtos exclusivos para um estilo de vida elevado. Cada seleção reflete nosso compromisso com a excelência.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-assistant-shows-exclusive-gold-ring-luxury-jewelry-store_613910-20396.jpg",              imageAlt: "Curated lifestyle products and premium experiences collection"},
          ]}
          title="Our Signature Offerings"
          description="Explore our curated collections that combine refined aesthetics with exceptional quality and exclusive experiences."
          tag="Collections"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          buttons={[
            { text: "Explore Collections", href: "#gallery" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "BellMonté",              name: "Villa Lusitania",              price: "€2.5M",              rating: 5,
              reviewCount: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/window_1127-3198.jpg",              imageAlt: "Luxury villa project with contemporary architecture"},
            {
              id: "2",              brand: "BellMonté",              name: "Metropolitan Penthouse",              price: "€1.8M",              rating: 5,
              reviewCount: "Featured",              imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",              imageAlt: "Sophisticated urban penthouse interior"},
            {
              id: "3",              brand: "BellMonté",              name: "Heritage Manor",              price: "€3.2M",              rating: 5,
              reviewCount: "Exclusive",              imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg",              imageAlt: "Classic heritage property with refined restoration"},
            {
              id: "4",              brand: "BellMonté",              name: "Modern Sanctuary",              price: "€1.5M",              rating: 5,
              reviewCount: "Curated",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263559.jpg",              imageAlt: "Contemporary minimalist luxury retreat"},
          ]}
          title="A Visual Expression of Refinement"
          description="Gallery showcasing our finest projects, premium materials, and the artistry behind every BellMonté creation."
          tag="Gallery"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="bento-grid"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Transformative Design Experience",              quote: "BellMonté redefine o conceito de sofisticação. Cada detalhe transmite exclusividade e elegância. A atenção aos detalhes é incomparável.",              name: "Sofia Mendes",              role: "Interior Designer & Art Curator",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927554.jpg",              imageAlt: "Sofia Mendes"},
            {
              id: "2",              title: "Beyond Expectations",              quote: "A experiência BellMonté vai muito além do esperado. Não é apenas um projeto, é uma verdadeira transformação do lifestyle e da percepção de qualidade.",              name: "Marco Rossini",              role: "Renowned Art Collector",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254446.jpg",              imageAlt: "Marco Rossini"},
            {
              id: "3",              title: "The True Definition of Luxury",              quote: "Finalmente encontrei uma marca que compreende verdadeira exclusividade. BellMonté não apenas entrega produtos, mas uma filosofia de vida.",              name: "Isabella Duarte",              role: "Luxury Brand Curator & Influencer",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-jacket-resting-street-cafe-charming-short-haired-lady-grey-oversize-suit-sensitively-looks-into-camera-chilling-outside_197531-18565.jpg",              imageAlt: "Isabella Duarte"},
            {
              id: "4",              title: "Excellence in Every Detail",              quote: "BellMonté é sinônimo de qualidade, autenticidade e excelência. O compromisso com a perfeição em cada aspecto é verdadeiramente notável.",              name: "Victor Almeida",              role: "CEO, Almeida Enterprises",              imageSrc: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",              imageAlt: "Victor Almeida"},
            {
              id: "5",              title: "A Lifetime Investment",              quote: "Investir em BellMonté é investir em um legado. A qualidade e o design transcendem tendências, criando um patrimônio duradouro.",              name: "Carolina Vasconcelos",              role: "Heritage Property Collector",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",              imageAlt: "Carolina Vasconcelos"},
            {
              id: "6",              title: "Uncompromising Craftsmanship",              quote: "A dedicação BellMonté ao artesanato e aos detalhes é incomparável. Cada projeto é uma celebração da arte de viver bem.",              name: "Antonio Ferreira",              role: "Master Architect & Designer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Antonio Ferreira"},
          ]}
          title="Voices of BellMonté"
          description="Discover what our esteemed clients have to say about their BellMonté experiences."
          tag="Testimonials"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Begin Your BellMonté Experience"
          description="Descubra como a BellMonté pode elevar seu estilo de vida. Entre em contato com nossa equipe para uma consulta privada e exclusiva."
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/smiling-business-people-having-meeting-cafe_1262-1955.jpg"
          imageAlt="Elegant consultation room for private BellMonté experience"
          inputPlaceholder="seu@email.com"
          buttonText="Request Consultation"
          termsText="Ao solicitar uma consulta, você concorda em receber comunicações exclusivas sobre oportunidades BellMonté."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#" },
                { label: "About", href: "#about" },
                { label: "Collections", href: "#collections" },
                { label: "Gallery", href: "#gallery" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Residences", href: "#collections" },
                { label: "Interiors", href: "#collections" },
                { label: "Lifestyle", href: "#collections" },
                { label: "Consultation", href: "#contact" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Pinterest", href: "https://pinterest.com" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Sitemap", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 BellMonté. The Art of Living with Refinement. All rights reserved."
          bottomRightText="Crafted with Excellence"
        />
      </div>
    </ThemeProvider>
  );
}
