"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Phone, Mail, MapPin } from "lucide-react";

export default function GalleryPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Reviews", id: "/reviews" },
    { name: "Gallery", id: "/gallery" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Dynamite Plumbing"
          navItems={navItems}
        />
      </div>

      <div id="gallery-hero" data-section="gallery-hero">
        <MediaAbout
          title="Our Work Speaks for Itself"
          description="Browse our portfolio of successful plumbing projects throughout Hunt County. From emergency repairs to complete installations, see the quality and professionalism we bring to every job."
          tag="Quality Workmanship"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=2"
          imageAlt="plumbing installation pipes modern"
          buttons={[{ text: "Schedule a Consultation", href: "/contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="project-showcase" data-section="project-showcase">
        <FeatureBento
          title="Recent Projects & Installations"
          description="Take a look at some of our recent work throughout Hunt County. Each project demonstrates our commitment to quality, reliability, and customer satisfaction."
          tag="Professional Results"
          tagAnimation="slide-up"
          features={[
            {
              title: "Kitchen & Bath Renovations",
              description: "Complete plumbing systems for modern kitchen and bathroom upgrades.",
              bentoComponent: "media-stack",
              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=2", imageAlt: "Professional plumber at work" },
                { imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=3", imageAlt: "Modern plumbing installation" },
                { imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=3", imageAlt: "Team plumber professional worker" },
              ],
            },
            {
              title: "Emergency Water Damage",
              description: "Swift response and professional repairs for water damage situations.",
              bentoComponent: "media-stack",
              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=3", imageAlt: "Professional plumber at work" },
                { imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=4", imageAlt: "Modern plumbing installation" },
                { imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=4", imageAlt: "Team plumber professional worker" },
              ],
            },
            {
              title: "New Construction Rough-In",
              description: "Complete plumbing systems for new residential and commercial construction.",
              bentoComponent: "media-stack",
              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-with-his-plunger_1368-952.jpg?_wi=4", imageAlt: "Professional plumber at work" },
                { imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg?_wi=5", imageAlt: "Modern plumbing installation" },
                { imageSrc: "http://img.b2bpic.net/free-photo/young-female-male-plumbers-keep-hand-as-pray_273609-8786.jpg?_wi=5", imageAlt: "Team plumber professional worker" },
              ],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[{ text: "View More Projects", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Dynamite Plumbing"
          copyrightText="© 2025 Dynamite Plumbing of Texas. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:469-410-2657", ariaLabel: "Call us" },
            { icon: Mail, href: "mailto:contact@dynamiteplumbing.com", ariaLabel: "Email us" },
            { icon: MapPin, href: "#", ariaLabel: "Visit us" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}