"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { Images, MessageCircle } from "lucide-react";

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

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="W&M Services"
          bottomLeftText="Washington, DC 20011"
          bottomRightText="+1 202-361-8677"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="Our Project Portfolio"
          description="Stunning transformations showcasing our landscaping expertise"
          tag="Gallery"
          tagIcon={Images}
          products={[
            {
              id: "1",              brand: "Residential",              name: "Backyard Landscape Transformation",              price: "Complete Design",              rating: 5,
              reviewCount: "12 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=4",              imageAlt: "Completed backyard landscaping project"},
            {
              id: "2",              brand: "Residential",              name: "Premium Fence Installation",              price: "Full Project",              rating: 5,
              reviewCount: "15 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=4",              imageAlt: "Professional fence installation"},
            {
              id: "3",              brand: "Luxury",              name: "Outdoor Living Space Design",              price: "Premium Service",              rating: 5,
              reviewCount: "18 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg?_wi=3",              imageAlt: "Luxury backyard transformation"},
            {
              id: "4",              brand: "Residential",              name: "Gate & Entry Installation",              price: "Complete Design",              rating: 5,
              reviewCount: "10 Reviews",              imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=3",              imageAlt: "Professional gate installation"},
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real reviews from homeowners we've helped transform their outdoor spaces"
          tag="Testimonials"
          tagIcon={MessageCircle}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Homeowner",              date: "Date: November 2024",              title: "Exceptional Quality and Attention to Detail",              quote: "We couldn't be happier with the quality and design of the fence. W&M Services exceeded all our expectations. The team was professional, punctual, and delivered exactly what we envisioned.",              tag: "Fence Installation",              avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-taking-selfie_23-2148336923.jpg",              avatarAlt: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=5",              imageAlt: "Fence installation project"},
            {
              id: "2",              name: "Michael Chen, Property Owner",              date: "Date: October 2024",              title: "Amazing Backyard Transformation",              quote: "They did an amazing job on our backyard project. Highly recommend their team. The landscaping design is beautiful and has completely changed how we enjoy our outdoor space.",              tag: "Landscaping Design",              avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",              avatarAlt: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=5",              imageAlt: "Backyard landscaping project"},
            {
              id: "3",              name: "Walter Martinez, Homeowner",              date: "Date: September 2024",              title: "Professional Installation and Great Service",              quote: "Walter and his team did a fantastic job installing our fence and gate. Their professionalism and expertise made the entire process smooth and stress-free. Couldn't ask for better service.",              tag: "Fence & Gate",              avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg",              avatarAlt: "Walter Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=4",              imageAlt: "Gate installation project"},
            {
              id: "4",              name: "Emily Rodriguez, DC Resident",              date: "Date: August 2024",              title: "Trustworthy Local Professionals",              quote: "As a local resident, I trust W&M Services completely. They've been in the community for years and their reputation is well-deserved. Excellent work every single time.",              tag: "Premium Service",              avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",              avatarAlt: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg?_wi=4",              imageAlt: "Luxury backyard project"},
            {
              id: "5",              name: "David Kim, Property Manager",              date: "Date: July 2024",              title: "Reliable and High-Quality Work",              quote: "W&M Services handles multiple properties for us. Their reliability, quality workmanship, and attention to detail are unmatched. They're our go-to for all landscaping needs.",              tag: "Commercial Properties",              avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-business-woman-with-glasses_23-2148317348.jpg",              avatarAlt: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=6",              imageAlt: "Commercial landscaping project"},
            {
              id: "6",              name: "Jessica Thompson, Homeowner",              date: "Date: June 2024",              title: "Outstanding Customer Service",              quote: "From the initial consultation to project completion, W&M Services provided outstanding customer service. They listened to our needs and delivered beyond expectations. Highly recommended!",              tag: "Full Service",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",              avatarAlt: "Jessica Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=6",              imageAlt: "Residential fence project"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="W&M Services"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "#services" },
                { label: "Gallery", href: "/gallery" },
              ],
            },
            {
              items: [
                { label: "About", href: "#about" },
                { label: "Contact", href: "/contact" },
                { label: "Get Quote", href: "#contact" },
              ],
            },
            {
              items: [
                { label: "Call Us", href: "tel:+12023618677" },
                { label: "Email", href: "mailto:info@wmnservices.com" },
                { label: "Address", href: "#" },
              ],
            },
            {
              items: [
                {
                  label: "Google Reviews",                  href: "https://www.google.com/search?q=W&M+Services+landscaping+DC"},
                { label: "Facebook", href: "https://www.facebook.com" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}