"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";

export default function GalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="ISLES"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" },
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          products={[
            {
              id: "transform-1",
              name: "Complete Yard Renovation",
              price: "Property Enhanced",
              variant: "Full Landscaping Project",
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=3",
              imageAlt: "Before and after yard transformation",
            },
            {
              id: "transform-2",
              name: "Lawn Care Excellence",
              price: "Maintained Monthly",
              variant: "Professional Maintenance",
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg?_wi=4",
              imageAlt: "Lawn transformation through regular care",
            },
            {
              id: "transform-3",
              name: "Seasonal Cleanup",
              price: "Spring Ready",
              variant: "Debris Removal & Cleanup",
              imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg?_wi=3",
              imageAlt: "Property after professional cleanup",
            },
          ]}
          title="Before & After Transformations"
          description="See the dramatic results we've delivered for Arcadia homeowners. Each project showcases our commitment to quality and attention to detail."
          tag="Gallery"
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="results" data-section="results">
        <MetricSplitMediaAbout
          tag="Our Results"
          tagAnimation="slide-up"
          title="Real Transformations, Real Results"
          description="Every property tells a story of transformation. From routine maintenance that keeps lawns pristine to complete landscape renovations, ISLES delivers consistent, professional results that our customers are proud to show off."
          metrics={[
            { value: "100+", title: "Projects Completed" },
            { value: "Consistent", title: "Quality Excellence" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/long-shot-young-woman-taking-care-plants_23-2148509881.jpg?_wi=5"
          imageAlt="Landscape transformation project"
          mediaAnimation="blur-reveal"
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Your Turn"
          title="Ready to Transform Your Outdoor Space?"
          description="Let ISLES Landscaping create a beautiful, professionally maintained outdoor space for your property. Schedule your free consultation and estimate today."
          background={{ variant: "glowing-orb" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy. Your information is secure with us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="ISLES Landscaping"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "/services" },
                { label: "Gallery", href: "/gallery" },
              ],
            },
            {
              items: [
                { label: "About", href: "/about" },
                { label: "Contact", href: "/contact" },
                { label: "Free Estimate", href: "/contact" },
              ],
            },
            {
              items: [
                { label: "Phone", href: "tel:+19412700790" },
                { label: "Email", href: "mailto:info@isleslandscaping.com" },
                { label: "Location", href: "#" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}