"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Flame, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Gallery",
          id: "products",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="United Plumbing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Fort Worth’s 24/7 Expert Plumbers"
      description="United Plumbing Solutions delivers reliable, expert plumbing services in Fort Worth. Whether it’s an emergency or a repair, we’re open 24 hours."
      tag="Trusted Professional Plumbers"
      buttons={[
        {
          text: "Book Now",
          href: "#contact",
        },
        {
          text: "View Services",
          href: "#features",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
          imageAlt: "Plumbing service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
          imageAlt: "Plumbing service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
          imageAlt: "Plumbing service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",
          imageAlt: "Plumbing service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
          imageAlt: "Plumbing service",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg",
          imageAlt: "Plumbing service",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Wrench,
          title: "Leak Repair",
          description: "Quick detection and repair of all pipe leaks.",
        },
        {
          icon: Flame,
          title: "Water Heater Repair",
          description: "Expert services for all water heater types.",
        },
        {
          icon: Wrench,
          title: "Drain Cleaning",
          description: "Fast and efficient drain clearing services.",
        },
      ]}
      title="Comprehensive Plumbing Services"
      description="From emergency repairs to complex system installations, we cover all your plumbing needs."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "Kohler",
          name: "Sink Installation",
          price: "$150",
          rating: 5,
          reviewCount: "24",
          imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-20021.jpg",
        },
        {
          id: "p2",
          brand: "Toto",
          name: "Toilet Replacement",
          price: "$200",
          rating: 5,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
        },
        {
          id: "p3",
          brand: "Delta",
          name: "Shower Upgrade",
          price: "$300",
          rating: 4,
          reviewCount: "32",
          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap_1203-3196.jpg",
        },
        {
          id: "p4",
          brand: "Insinkerator",
          name: "Garbage Disposal",
          price: "$250",
          rating: 5,
          reviewCount: "40",
          imageSrc: "http://img.b2bpic.net/free-photo/homeless-looking-through-trash-bins-streets_23-2148464331.jpg",
        },
        {
          id: "p5",
          brand: "Moen",
          name: "Vanity Hardware",
          price: "$180",
          rating: 5,
          reviewCount: "22",
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg",
        },
        {
          id: "p6",
          brand: "Watts",
          name: "Valve Installation",
          price: "$120",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",
        },
      ]}
      title="Recent Projects & Fixtures"
      description="Browse our recent plumbing installations and fixture replacements."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg",
        },
        {
          id: "2",
          name: "Mark Johnson",
          role: "Property Manager",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg",
        },
        {
          id: "3",
          name: "Emily Davis",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914201.jpg",
        },
        {
          id: "4",
          name: "Robert Brown",
          role: "Local Business",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanics-workshop_329181-11867.jpg",
        },
        {
          id: "5",
          name: "Jessica Lee",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-hug-kitchen_1098-14570.jpg",
        },
      ]}
      title="Trusted by Fort Worth Homeowners"
      description="Read what our customers are saying about our 24/7 service."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "Are you really open 24/7?",
          content: "Yes, we provide emergency plumbing services around the clock in Fort Worth.",
        },
        {
          id: "faq2",
          title: "Where are you located?",
          content: "We are located at 10325 Harmon Rd Ste 605, within the Golden Triangle Business Park.",
        },
        {
          id: "faq3",
          title: "How can I contact you?",
          content: "You can reach us anytime at (817) 470-8920.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Common questions about our 24/7 plumbing services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get a Professional Quote"
      description="Ready to fix your plumbing issue? Reach out today."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Leak Repair",
              href: "#",
            },
            {
              label: "Drain Cleaning",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "24/7 Emergency",
              href: "#",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="United Plumbing Solutions"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
