"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="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        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,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Detailed Written Quotes",          description: "Transparent pricing with no hidden fees, detailed upfront.",          bentoComponent: "reveal-icon",          icon: FileText,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Clean & Respectful Worksites",          description: "We maintain tidy and organized work environments.",          bentoComponent: "reveal-icon",          icon: CheckCircle,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Premium Materials & Installation Methods",          description: "Only the best for durability and a flawless finish.",          bentoComponent: "reveal-icon",          icon: Sparkles,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Exceptional Communication",          description: "Stay informed with clear, consistent updates throughout your project.",          bentoComponent: "reveal-icon",          icon: MessageCircle,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Precision Tile Layouts",          description: "Meticulous planning for perfectly aligned tiles every time.",          bentoComponent: "reveal-icon",          icon: Grid,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Waterproofing & Shower Systems",          description: "Built to industry standards for long-lasting protection.",          bentoComponent: "reveal-icon",          icon: Droplet,
          imageAlt: "Modern and clean interior design"},
        {
          title: "20-Year Warranty Available On Select Projects",          description: "Confidence in our work, backed by an extended warranty.",          bentoComponent: "reveal-icon",          icon: Award,
          imageAlt: "Modern and clean interior design"},
        {
          title: "Hundreds Of Happy Homeowners",          description: "A testament to our quality and customer satisfaction.",          bentoComponent: "reveal-icon",          icon: Heart,
          imageAlt: "Modern and clean interior design"},
      ]}
      title="Why Homeowners Choose Tiles Connect"
      description="Our commitment to excellence ensures every project exceeds expectations."
    />
  </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: "Sarah Johnson",          handle: "Mississauga Homeowner",          testimonial: "\"Pete's work is legendary and his attention to detail is like no other.\"",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-laying-sofa-living-room-reading-magazine_176420-42537.jpg",          imageAlt: "Sarah Johnson, Mississauga Homeowner"},
        {
          id: "t2",          name: "Michael Chen",          handle: "Oakville Resident",          testimonial: "\"Every cut was clean, every grout line flawless.\"",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          imageAlt: "Michael Chen, Oakville Resident"},
        {
          id: "t3",          name: "Emily Rodriguez",          handle: "Brampton Client",          testimonial: "\"Best in the business. On time, clean, and attention to detail beyond 100%.\"",          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: "Emily Rodriguez, Brampton Client"},
        {
          id: "t4",          name: "David Kim",          handle: "Toronto Homeowner",          testimonial: "\"A perfectionist and an artist all in one.\"",          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: "David Kim, Toronto Homeowner"},
        {
          id: "t5",          name: "Jessica Lee",          handle: "GTA Client",          testimonial: "\"His workmanship deserves to be in the top percentile.\"",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg",          imageAlt: "Jessica Lee, GTA Client"},
      ]}
      title="What Our Clients Say"
      description="Read authentic reviews from homeowners who trust Tiles Connect with their luxury renovations."
      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>
  );
}
