"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Cattelan Italia"
          navItems={[
            { name: "Collections", id: "#collections" },
            { name: "Philosophy", id: "#philosophy" },
            { name: "Products", id: "#products" },
            { name: "Materials", id: "#materials" },
            { name: "Gallery", id: "#gallery" },
            { name: "Heritage", id: "#heritage" },
            { name: "Presence", id: "#presence" },
            { name: "Journal", id: "#journal" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg"
          logoAlt="Cattelan Italia Logo"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Unveiling the Art of Living"
          description="Where timeless Italian design meets the future of luxury. Experience unparalleled craftsmanship and sophisticated elegance."
          background={{"variant":"rotated-rays-animated"}}
          carouselItems={[
            { id: "hero-carousel-1", videoSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21520.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21520.jpg?_wi=2", imageAlt: "Luxury living room with Cattelan Italia furniture", videoAriaLabel: "Cinematic video of luxury interior" },
            { id: "hero-carousel-2", videoSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-8654.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-8654.jpg?_wi=2", imageAlt: "Modern dining room with designer table", videoAriaLabel: "Cinematic video of luxury interior" },
            { id: "hero-carousel-3", videoSrc: "http://img.b2bpic.net/free-photo/empty-chair_74190-2075.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/empty-chair_74190-2075.jpg?_wi=2", imageAlt: "Minimalist luxury home interior", videoAriaLabel: "Cinematic video of luxury interior" },
            { id: "hero-carousel-4", videoSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg?_wi=2", imageAlt: "Sculptural furniture in a modern living space", videoAriaLabel: "Cinematic video of luxury interior" },
            { id: "hero-carousel-5", videoSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg?_wi=2", imageAlt: "Elegant contemporary interior design", videoAriaLabel: "Cinematic video of luxury interior" },
            { id: "hero-carousel-6", videoSrc: "http://img.b2bpic.net/free-photo/shot-panoramic-composition-living-room_23-2150315621.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/shot-panoramic-composition-living-room_23-2150315621.jpg?_wi=2", imageAlt: "High-end furniture product showcase", videoAriaLabel: "Cinematic video of luxury interior" }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardOne
          title="Featured Collections"
          description="Discover our curated selection of iconic Italian furniture, blending innovation with timeless elegance. Each piece is a testament to meticulous artistry and visionary style."
          products={[
            { id: "collection-1", name: "Atlantis Dining Table", price: "€6.500", imageSrc: "http://img.b2bpic.net/free-photo/coffee-pink-cup-by-vase-pink-roses_53876-143022.jpg", imageAlt: "Atlantis dining table" },
            { id: "collection-2", name: "Rhodes Chair", price: "€1.200", imageSrc: "http://img.b2bpic.net/free-photo/comfy-blue-wing-chair-studio-with-gray-walls_181624-28916.jpg", imageAlt: "Rhodes dining chair" },
            { id: "collection-3", name: "Horizon Sideboard", price: "€3.800", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-entryway-with-interior-designed-furniture_23-2150790913.jpg", imageAlt: "Horizon sideboard" },
            { id: "collection-4", name: "Zenith Bookcase", price: "€2.900", imageSrc: "http://img.b2bpic.net/free-photo/drawer-lighting-warm-led-profile-blue-fronts_169016-69064.jpg", imageAlt: "Zenith bookcase" },
            { id: "collection-5", name: "Cloud Nine Sofa", price: "€7.900", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2343.jpg", imageAlt: "Cloud Nine modular sofa" },
            { id: "collection-6", name: "Elysium Bed", price: "€5.100", imageSrc: "http://img.b2bpic.net/free-photo/modern-bedroom-interior-design-by-night_657883-315.jpg", imageAlt: "Elysium upholstered bed" }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="philosophy" data-section="philosophy">
        <TextAbout
          title="Our Design Philosophy: Crafting Legacies"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Signature Products"
          description="Experience the epitome of Italian craftsmanship with our most coveted designs, each a testament to meticulous artistry and visionary style. These pieces are more than furniture; they are statements."
          products={[
            { id: "signature-1", name: "Milo Round Table", price: "€8.200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646507.jpg", imageAlt: "Milo round dining table" },
            { id: "signature-2", name: "Dana Chair", price: "€1.200", imageSrc: "http://img.b2bpic.net/free-photo/ornate-chair-art-nouveau-style_23-2150975589.jpg", imageAlt: "Dana signature chair" },
            { id: "signature-3", name: "Blade Sideboard", price: "€4.100", imageSrc: "http://img.b2bpic.net/free-photo/modular-vanity-slate-blue-matte-linear-handles_169016-68917.jpg", imageAlt: "Blade sideboard" },
            { id: "signature-4", name: "Horizon Bookcase", price: "€3.500", imageSrc: "http://img.b2bpic.net/free-photo/floating-wooden-shelf-with-sculpture-books_23-2152007083.jpg", imageAlt: "Horizon modular bookcase" },
            { id: "signature-5", name: "Lightwave Lamp", price: "€1.800", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551143.jpg", imageAlt: "Lightwave floor lamp" },
            { id: "signature-6", name: "Infinity Mirror", price: "€2.600", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-with-mirror-potted-plant_23-2149427960.jpg", imageAlt: "Infinity wall mirror" }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="materials" data-section="materials">
        <FeatureCardThree
          title="Materials & Craftsmanship: The Essence of Luxury"
          description="We meticulously select the finest materials – from exquisite marbles and precious woods to refined metals and sumptuous leathers – transformed by master artisans into enduring works of art. Discover the unparalleled quality and tactile elegance that define every Cattelan Italia creation."
          features={[
            { title: "Marble", description: "Exquisite natural stone, polished to perfection, revealing unique veins and patterns.", imageSrc: "http://img.b2bpic.net/free-photo/raw-dumplings-wooden-board_114579-24746.jpg", imageAlt: "Polished marble surface" },
            { title: "Ceramic", description: "Durable and versatile, offering a sophisticated finish with a wide range of textures.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683464.jpg", imageAlt: "Modern ceramic texture" },
            { title: "Wood", description: "Finest Italian woods, handcrafted and stained to enhance natural beauty and warmth.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-mature-craftsman-s-hands-working-his-workspace-man-drawing-sketch-grounge-dark-stone-texture-background_1157-51564.jpg", imageAlt: "Rich wood grain" },
            { title: "Leather", description: "Premium aniline leather, soft to the touch, aging gracefully over time.", imageSrc: "http://img.b2bpic.net/free-photo/leather-brown-texture_1388-747.jpg", imageAlt: "Luxurious leather texture" },
            { title: "Glass", description: "Smoked, clear, and etched glass, adding lightness and modern transparency.", imageSrc: "http://img.b2bpic.net/free-photo/light-prisms-colorful-effect_23-2148898170.jpg", imageAlt: "Elegant glass surface" },
            { title: "Metal", description: "Expertly finished steel, brass, and chrome, providing structural elegance and shine.", imageSrc: "http://img.b2bpic.net/free-photo/gold-chrome-metal-textured-background-with-grunge-metallic-frame_1048-15735.jpg", imageAlt: "Brushed metal finish" }
          ]}
          gridVariant="bento-grid-inverted"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardThree
          title="Inspiration Gallery: Envision Your Luxury Space"
          description="Step into a world of curated interiors, where Cattelan Italia pieces create breathtaking living environments. Find inspiration for your next design masterpiece, perfectly blending our furniture with sophisticated architectural spaces."
          features={[
            { title: "Contemporary Living", description: "Spacious and open living rooms designed for modern elegance.", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-lighting-control-knobs-white-cabinet_169016-72739.jpg", imageAlt: "Luxury living room interior" },
            { title: "Elegant Dining", description: "Refined dining areas where culinary art meets design perfection.", imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059655.jpg", imageAlt: "Modern dining room luxury setting" },
            { title: "Serene Bedrooms", description: "Master suites crafted for ultimate comfort and sophisticated style.", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed-decoration-beautiful-luxury-bedroom-interior_74190-7970.jpg", imageAlt: "Luxury bedroom interior" },
            { title: "Refined Workspaces", description: "Exclusive home offices blending functionality with executive luxury.", imageSrc: "http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592302.jpg", imageAlt: "High-end office space" },
            { title: "Lounge & Reception", description: "Inviting areas designed for gathering and making lasting impressions.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-rendering-interior-design_23-2151892482.jpg", imageAlt: "Modern lounge area" },
            { title: "Architectural Accents", description: "Hallways and entryways elevated by sculptural elements and design details.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407585.jpg", imageAlt: "Architectural interior" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="heritage" data-section="heritage">
        <TeamCardFive
          title="Designers & Heritage: A Legacy of Innovation"
          description="Guided by visionary designers and decades of Italian heritage, Cattelan Italia continues to push the boundaries of contemporary furniture, blending tradition with groundbreaking creativity. Meet the minds shaping the future of luxury living."
          team={[
            { id: "team-1", name: "Giorgio Cattelan", role: "Founder & Visionary", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg", imageAlt: "Giorgio Cattelan portrait" },
            { id: "team-2", name: "Elena Rossi", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/couple-making-vase-with-clay_1157-30694.jpg", imageAlt: "Elena Rossi portrait" },
            { id: "team-3", name: "Marco Bianchi", role: "Head of Craftsmanship", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254628.jpg", imageAlt: "Marco Bianchi portrait" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="presence" data-section="presence">
        <FeatureCardThree
          title="Global Presence: Discover a Showroom Near You"
          description="Cattelan Italia's reach extends across the globe, with flagship showrooms and authorized dealers bringing Italian luxury design to discerning clients worldwide. Explore our international network."
          features={[
            { title: "Europe", description: "Find our exquisite collections in major European capitals and design hubs.", imageSrc: "http://img.b2bpic.net/free-photo/map-hong-kong-polygonal-mesh-line-map-flag-map_559531-11490.jpg", imageAlt: "Map of Europe" },
            { title: "The Americas", description: "Experience Italian luxury in our exclusive showrooms across North and South America.", imageSrc: "http://img.b2bpic.net/free-photo/modern-world-map_23-2147518846.jpg", imageAlt: "Map of the Americas" },
            { title: "Asia & Oceania", description: "Discover Cattelan Italia's presence in key markets throughout Asia and Oceania.", imageSrc: "http://img.b2bpic.net/free-photo/map-faroe-islands-gold-glitter-map-dark-background_559531-10633.jpg", imageAlt: "Map of Asia" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="journal" data-section="journal">
        <BlogCardThree
          title="The Journal: Insights into Design & Lifestyle"
          description="Explore our curated articles on interior design trends, architectural marvels, luxury lifestyle, and the artistry behind Italian furniture. Stay inspired with Cattelan Italia's perspective on contemporary living."
          blogs={[
            { id: "blog-1", category: "Interior Design", title: "Decoding the Latest Luxury Interior Trends", excerpt: "A deep dive into the elements defining modern high-end living spaces and how to integrate them seamlessly.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951030.jpg", imageAlt: "Luxury interior design trends", authorName: "Alice White", authorAvatar: "http://img.b2bpic.net/free-photo/gen-stock-rsv-147.jpg", date: "2024-03-10" },
            { id: "blog-2", category: "Craftsmanship", title: "The Art of Italian Furniture Making: A Behind-the-Scenes Look", excerpt: "Discover the meticulous processes and dedication that transform raw materials into iconic Cattelan Italia pieces.", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-sketching-paper-workshop_23-2147889789.jpg", imageAlt: "Italian craftsmanship", authorName: "Roberto Bianchi", authorAvatar: "http://img.b2bpic.net/free-photo/gen-stock-rsv-173.jpg", date: "2024-02-28" },
            { id: "blog-3", category: "Lifestyle", title: "Creating a Bespoke Luxury Lifestyle: More Than Just Furniture", excerpt: "How to curate an environment that reflects personal style, comfort, and the highest standards of living.", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149130.jpg", imageAlt: "Luxury lifestyle", authorName: "Sophia Loren", authorAvatar: "http://img.b2bpic.net/free-photo/gen-stock-rsv-43.jpg", date: "2024-02-15" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Connect with us to explore bespoke furniture solutions, find your nearest showroom, or discuss your next luxury interior project. Our team is dedicated to bringing your vision to life."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Us", href: "#" },
            { text: "Find a Dealer", href: "#" }
          ]}
          background={{"variant":"plain"}}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Cattelan Italia"
          logoSrc="http://img.b2bpic.net/free-photo/modern-sliding-drawers-with-stone-cladding-exquisite-furniture-design-living-room_169016-72774.jpg"
          logoAlt="Cattelan Italia Logo"
          columns={[
            { title: "Collections", items: [{ label: "Dining Tables", href: "#collections" }, { label: "Chairs", href: "#collections" }, { label: "Sideboards", href: "#collections" }, { label: "Bookcases", href: "#collections" }] },
            { title: "Company", items: [{ label: "Our Philosophy", href: "#philosophy" }, { label: "Designers & Heritage", href: "#heritage" }, { label: "Global Presence", href: "#presence" }, { label: "Careers", href: "#" }] },
            { title: "Resources", items: [{ label: "The Journal", href: "#journal" }, { label: "Inspiration Gallery", href: "#gallery" }, { label: "Contact & Dealers", href: "#contact" }, { label: "Materials", href: "#materials" }] },
            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
          copyrightText="© 2024 Cattelan Italia. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}