"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, CheckCircle, Droplet, FileText, Grid, Heart, MessageCircle, ShieldCheck, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About Us",          id: "/about"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Reviews",          id: "/reviews"},
        {
          name: "FAQ",          id: "/faq"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="TILES CONNECT"
      button={{
        text: "Get Free Estimate",        href: "/contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain"}}
      title="Luxury Tile Installation Done Right The First Time"
      description="Transform your bathroom, kitchen, floors, and living spaces with expert tile installation designed to elevate your home and increase its value. At Tiles Connect, every project is completed with meticulous attention to detail, premium materials, and craftsmanship that stands the test of time. Whether you're building your dream bathroom, upgrading your kitchen backsplash, or installing large-format porcelain slabs, we deliver flawless results homeowners are proud to show off. Serving: Mississauga • Oakville • Brampton • Toronto • GTA"
      buttons={[
        {
          text: "Get Your Free Quote",          href: "/contact"},
        {
          text: "View Recent Projects",          href: "/gallery"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg",          imageAlt: "Luxurious bathroom with custom tile installation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blue-fronts-gas-cooktop-marble-backsplash_169016-69140.jpg",          imageAlt: "Modern kitchen with designer tile backsplash"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-woman_23-2151020317.jpg",          imageAlt: "Elegant large-format tile flooring in a living space"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-file-posing-office_23-2147668798.jpg",          imageAlt: "Stylish living area with a custom tile feature wall"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-cabbage-center-green-hot-peppers_114579-82724.jpg",          imageAlt: "Seamless porcelain slab installation in a modern home"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141481.jpg",          imageAlt: "High-quality waterproof shower system with exquisite tiling"},
      ]}
    />
  </div>

  <div id="trust" data-section="trust">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Licensed & Professional",          description: "Fully licensed and insured experts providing peace of mind.",          bentoComponent: "reveal-icon",          icon: ShieldCheck
        },
        {
          title: "Detailed Written Quotes",          description: "Transparent pricing with no hidden fees, detailed upfront.",          bentoComponent: "reveal-icon",          icon: FileText
        },
        {
          title: "Clean & Respectful Worksites",          description: "We maintain tidy and organized work environments.",          bentoComponent: "reveal-icon",          icon: CheckCircle
        },
        {
          title: "Premium Materials & Installation Methods",          description: "Only the best for durability and a flawless finish.",          bentoComponent: "reveal-icon",          icon: Sparkles
        },
        {
          title: "Exceptional Communication",          description: "Stay informed with clear, consistent updates throughout your project.",          bentoComponent: "reveal-icon",          icon: MessageCircle
        },
        {
          title: "Precision Tile Layouts",          description: "Meticulous planning for perfectly aligned tiles every time.",          bentoComponent: "reveal-icon",          icon: Grid
        },
        {
          title: "Waterproofing & Shower Systems",          description: "Built to industry standards for long-lasting protection.",          bentoComponent: "reveal-icon",          icon: Droplet
        },
        {
          title: "20-Year Warranty Available On Select Projects",          description: "Confidence in our work, backed by an extended warranty.",          bentoComponent: "reveal-icon",          icon: Award
        },
        {
          title: "Hundreds Of Happy Homeowners",          description: "A testament to our quality and customer satisfaction.",          bentoComponent: "reveal-icon",          icon: Heart
        }
      ]}
      title="The Tiles Connect Standard: Unwavering Quality & Trust"
      description="Experience the difference of a luxury brand built on transparency, meticulous craftsmanship, and client satisfaction."
    />
  </div>

  <div id="services-featured" data-section="services-featured">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "s1",          name: "Bathroom Renovations",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147505.jpg",          imageAlt: "Luxurious bathroom renovation"},
        {
          id: "s2",          name: "Tile Installation",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334536.jpg",          imageAlt: "Professional tile installation"},
        {
          id: "s3",          name: "Kitchen Backsplashes",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/brick-background_1339-6244.jpg",          imageAlt: "Custom kitchen backsplash installation"},
        {
          id: "s4",          name: "Porcelain Slabs",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/laser-metering-renovation-bathroom-master-adjusts-level-construction-tools-equipment-tile-sticker-wall-green-lines-laser-beam-level-measurement_166373-2066.jpg",          imageAlt: "Large-format porcelain slab installation"},
        {
          id: "s5",          name: "Heated Floors",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-sitting-floor-with-smartphone_273609-14286.jpg",          imageAlt: "Heated floor system installation"},
        {
          id: "s6",          name: "Waterproof Shower Systems",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-workers-tiling-floor-indoors_23-2149343992.jpg",          imageAlt: "Waterproof shower system installation"}
      ]}
      title="Featured Services"
      description="Discover our core services designed to transform your home with precision and luxury."
    />
  </div>

  <div id="about-preview" data-section="about-preview">
      <TextAbout
      useInvertedBackground={false}
      title="Craftsmanship Is In The Details"
      buttons={[
        {
          text: "Learn More About Us",          href: "/about"}
      ]}
    />
  </div>

  <div id="before-after" data-section="before-after">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Luxury Bathrooms",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929531.jpg",          imageAlt: "Before and after luxury bathroom renovation"},
        {
          id: "p2",          name: "Custom Showers",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-clean-white-bathtub-decoration-interior_74190-8682.jpg",          imageAlt: "Before and after custom shower installation"},
        {
          id: "p3",          name: "Kitchen Backsplashes",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/white-vintage-brick-wall_1194-5920.jpg",          imageAlt: "Before and after kitchen backsplash update"},
        {
          id: "p4",          name: "Porcelain Slabs",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/bun-black-sesame-coated-bread-small-bowl-black-sesame-seeds-platter-marble_114579-24189.jpg",          imageAlt: "Before and after porcelain slab project"},
        {
          id: "p5",          name: "Marble Floors",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349198.jpg",          imageAlt: "Before and after marble floor installation"},
        {
          id: "p6",          name: "Herringbone Feature Walls",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/copper-sink-elegant-kitchen-counter-country-house_628469-514.jpg",          imageAlt: "Before and after herringbone tile wall"},
        {
          id: "p7",          name: "Entryway Flooring",          price: "Contact for Price",          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407584.jpg",          imageAlt: "Before and after entryway flooring remodel"}
      ]}
      title="Transforming Homes Across The GTA"
      description="View examples of our exquisite craftsmanship and how we elevate everyday spaces into works of art."
      buttons={[
        {
          text: "View Gallery",          href: "/gallery"}
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sophia Miller",          handle: "Mississauga, Bathroom Project",          testimonial: "Tiles Connect transformed our bathroom into a luxurious sanctuary. The attention to detail, from the initial consultation to the final grout line, was simply impeccable. A truly professional and outstanding experience.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-laying-sofa-living-room-reading-magazine_176420-42537.jpg",          imageAlt: "Sophia Miller, Mississauga Homeowner"},
        {
          id: "t2",          name: "Dr. Alistair Finch",          handle: "Oakville, Kitchen Remodel",          testimonial: "We are absolutely thrilled with our new kitchen backsplash. The precision and craftsmanship demonstrated by the Tiles Connect team were extraordinary. Every cut was perfect, every installation flawless – a testament to true artistry.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          imageAlt: "Dr. Alistair Finch, Oakville Resident"},
        {
          id: "t3",          name: "Isabella Rossi",          handle: "Brampton, Custom Flooring",          testimonial: "Choosing Tiles Connect was the best decision for our home. Their team was professional, incredibly tidy, and the attention to detail was beyond anything we've experienced. Our new floors are a masterpiece.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-keeps-thumbs-up-approves-praises-something-recommends-product-smiles-happily-dressed-casually-white_273609-54887.jpg",          imageAlt: "Isabella Rossi, Brampton Client"},
        {
          id: "t4",          name: "Ethan Vance",          handle: "Toronto, Porcelain Slab Installation",          testimonial: "The installation of our large-format porcelain slabs was handled with the utmost care and expertise. The team truly are perfectionists and artists, delivering a finish that is both stunning and built to last.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",          imageAlt: "Ethan Vance, Toronto Homeowner"},
        {
          id: "t5",          name: "Olivia Parker",          handle: "GTA, Shower System Upgrade",          testimonial: "Our shower system upgrade by Tiles Connect is remarkable. The quality of workmanship and the dedication to flawless execution are evident in every tile. Their team is truly in the top percentile for luxury installations.",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg",          imageAlt: "Olivia Parker, GTA Client"}
      ]}
      title="Client Testimonials: Our Commitment to Excellence"
      description="Hear from discerning homeowners who experienced the Tiles Connect difference in professionalism, precision, and lasting beauty."
      buttons={[
        {
          text: "Read More Reviews",          href: "/reviews"}
      ]}
    />
  </div>

  <div id="cta-final" data-section="cta-final">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="Ready To Upgrade Your Home? Whether you're planning a bathroom renovation, kitchen backsplash, or custom tile project, we're here to help bring your vision to life. Get a detailed quote and expert guidance from start to finish."
      buttons={[
        {
          text: "Request Free Estimate",          href: "/contact"},
        {
          text: "Call Now",          href: "tel:ADD_NUMBER"}
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg"
      imageAlt="Luxury tile pattern background"
      logoText="TILES CONNECT"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "About Us",              href: "/about"},
            {
              label: "Services",              href: "/services"},
            {
              label: "Gallery",              href: "/gallery"}
          ]
        },
        {
          title: "Resources",          items: [
            {
              label: "Reviews",              href: "/reviews"},
            {
              label: "FAQ",              href: "/faq"},
            {
              label: "Contact",              href: "/contact"}
          ]
        },
        {
          title: "Service Areas",          items: [
            {
              label: "Mississauga",              href: "#"},
            {
              label: "Oakville",              href: "#"},
            {
              label: "Brampton",              href: "#"},
            {
              label: "Toronto",              href: "#"}
          ]
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"}
          ]
        }
      ]}
      copyrightText="© 2024 Tiles Connect. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}