"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Home, Users, CheckCircle, Layers, Droplet, Zap, DollarSign, Image, Star, MapPin, Shield, Check, FileText, Handshake, MessageSquare } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Gonzales Flooring"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Projects", id: "projects" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Free Estimate",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Gonzales Flooring"
          description="Quality flooring solutions for Iowa City homes. Trusted local service for residential and commercial projects—get a free estimate today."
          buttons={[
            {
              text: "Get Your Free Estimate",              href: "contact"
            },
            {
              text: "View Our Work",              href: "projects"
            }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/male-worker-puts-laminate-flooring-floor_169016-17792.jpg"
          imageAlt="Beautiful modern hardwood flooring installation"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Serving Iowa City with Excellence Since Day One"
          metrics={[
            {
              icon: Award,
              label: "Years of Experience",              value: "20+"
            },
            {
              icon: Home,
              label: "Homes Transformed",              value: "500+"
            },
            {
              icon: Users,
              label: "Satisfied Customers",              value: "100%"
            },
            {
              icon: CheckCircle,
              label: "Local Projects",              value: "Countless"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Flooring Services We Offer"
          description="From hardwood elegance to durable vinyl, we provide professional installation for every flooring type and budget."
          tag="Our Services"
          tagIcon={Layers}
          features={[
            {
              title: "Hardwood Flooring",              description: "Premium hardwood installation bringing warmth and timeless elegance to your home.",              bentoComponent: "media-stack",              items: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/high-angle-brothers-exercising-together_23-2150156916.jpg",                  imageAlt: "Hardwood flooring sample"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/top-view-man-tiling-floor_23-2149344001.jpg",                  imageAlt: "Hardwood installation process"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/worker-processing-floor-with-laminated-flooring-boards_231208-4211.jpg",                  imageAlt: "Finished hardwood floor"
                }
              ]
            },
            {
              title: "Laminate & Vinyl",              description: "Durable, water-resistant options perfect for kitchens, bathrooms, and busy households.",              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: Droplet,
                  label: "Water Resistant",                  value: "100%"
                },
                {
                  icon: Zap,
                  label: "Easy Install",                  value: "Fast"
                },
                {
                  icon: DollarSign,
                  label: "Budget Friendly",                  value: "Yes"
                }
              ]
            },
            {
              title: "Tile Flooring",              description: "Elegant ceramic and porcelain tile solutions for any room in your home or business.",              bentoComponent: "animated-bar-chart"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="projects" data-section="projects">
        <BlogCardThree
          title="Recent Projects"
          description="Browse our portfolio of completed residential and commercial flooring installations across Iowa City."
          tag="Portfolio"
          tagIcon={Image}
          blogs={[
            {
              id: "1",              category: "Residential",              title: "Beautiful Hardwood Transformation",              excerpt: "Complete hardwood installation bringing warmth and elegance to a century home in downtown Iowa City.",              imageSrc: "https://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378916.jpg",              imageAlt: "Hardwood flooring installation",              authorName: "Gonzales Flooring Team",              authorAvatar: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              date: "2024"
            },
            {
              id: "2",              category: "Residential",              title: "Modern Vinyl Installation",              excerpt: "Waterproof vinyl plank flooring perfect for a busy family home with pets and children.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-brothers-exercising-together_23-2150156916.jpg",              imageAlt: "Vinyl flooring project",              authorName: "Gonzales Flooring Team",              authorAvatar: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              date: "2024"
            },
            {
              id: "3",              category: "Commercial",              title: "Commercial Build-Out Complete",              excerpt: "Large-scale commercial flooring installation for new office space and retail development.",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-girl-talking-phone-modern-office_23-2147668799.jpg",              imageAlt: "Commercial flooring installation",              authorName: "Gonzales Flooring Team",              authorAvatar: "https://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",              date: "2024"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
          uniformGridCustomHeightClasses="min-h-[500px] 2xl:min-h-[600px]"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real feedback from satisfied homeowners and contractors who trusted us with their flooring projects."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Homeowner",              company: "Iowa City",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Real Estate Developer",              company: "Chen Properties",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "General Contractor",              company: "Rodriguez Construction",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Thompson",              role: "Business Owner",              company: "Downtown Retail",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",              imageAlt: "David Thompson"
            }
          ]}
          kpiItems={[
            {
              value: "500+",              label: "Projects Completed"
            },
            {
              value: "99%",              label: "Customer Satisfaction"
            },
            {
              value: "20+",              label: "Years Local Service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <FeatureBento
          title="Why Choose Gonzales Flooring"
          description="Local expertise, premium materials, and commitment to your satisfaction on every project."
          tag="Our Advantage"
          features={[
            {
              title: "Local Expertise",              description: "20+ years serving Iowa City families and businesses with trusted, reliable service.",              bentoComponent: "icon-info-cards",              items: [
                {
                  icon: MapPin,
                  label: "Local Based",                  value: "Iowa City"
                },
                {
                  icon: Users,
                  label: "Community Trust",                  value: "Strong"
                },
                {
                  icon: Zap,
                  label: "Quick Response",                  value: "Fast"
                }
              ]
            },
            {
              title: "Premium Quality",              description: "We use only the highest quality materials and professional installation techniques.",              bentoComponent: "reveal-icon",              icon: Shield
            },
            {
              title: "Free Estimates",              description: "No obligation consultations to understand your needs and provide transparent pricing.",              bentoComponent: "orbiting-icons",              centerIcon: DollarSign,
              items: [
                {
                  icon: Check,
                  ring: 1
                },
                {
                  icon: FileText,
                  ring: 2
                },
                {
                  icon: Handshake,
                  ring: 1
                }
              ]
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Ready for Beautiful New Flooring?"
          description="Contact Gonzales Flooring today for your free estimate. Our team will assess your space, discuss options, and provide transparent pricing—no hidden costs, no obligations."
          tagIcon={MessageSquare}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg"
          imageAlt="Flooring consultation and quality materials"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy and will only use your information to provide a flooring estimate."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                {
                  label: "Hardwood Flooring",                  href: "services"
                },
                {
                  label: "Laminate & Vinyl",                  href: "services"
                },
                {
                  label: "Tile Flooring",                  href: "services"
                },
                {
                  label: "Free Estimates",                  href: "contact"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "about"
                },
                {
                  label: "Our Projects",                  href: "projects"
                },
                {
                  label: "Contact",                  href: "contact"
                },
                {
                  label: "Local Community",                  href: "about"
                }
              ]
            },
            {
              title: "Contact",              items: [
                {
                  label: "Iowa City, IA",                  href: "#"
                },
                {
                  label: "Get a Free Estimate",                  href: "contact"
                },
                {
                  label: "Mon-Fri: 8AM-5PM",                  href: "#"
                }
              ]
            }
          ]}
          copyrightText="© 2024 Gonzales Flooring. Local flooring solutions for Iowa City."
        />
      </div>
    </ThemeProvider>
  );
}