"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Star } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ProjectsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Metal Roofing", id: "/metal-roofing" },
            { name: "Services", id: "/services" },
            { name: "Projects", id: "/projects" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Martinez Metal Roofing"
          bottomLeftText="Standing Seam Specialists"
          bottomRightText="joseph@martinez-roofing.com"
        />
      </div>

      <div id="featured-projects" data-section="featured-projects">
        <FeatureCardTwentyThree
          title="Recent Project Highlights"
          description="See our latest standing seam installations, repairs, and custom construction projects. Each one delivered with precision and attention to detail."
          tag="Portfolio"
          tagIcon={Star}
          features={[
            {
              id: "1",
              title: "Lakeside Cottage Standing Seam Transformation",
              tags: ["Standing Seam", "Cottage Style", "Weathered Zinc"],
              imageSrc: "https://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg?_wi=3",
              imageAlt: "Lakeside cottage with new standing seam roof"
            },
            {
              id: "2",
              title: "Historic Farmhouse Re-Roof & Restoration",
              tags: ["Historic Restoration", "Structural Repair", "Charcoal Gray"],
              imageSrc: "https://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg?_wi=3",
              imageAlt: "Historic farmhouse roof restoration"
            },
            {
              id: "3",
              title: "Modern Residential New Construction",
              tags: ["New Construction", "Architectural Detail", "Forest Green"],
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=3",
              imageAlt: "Modern home with standing seam roof"
            },
            {
              id: "4",
              title: "Commercial Barn Complex Installation",
              tags: ["Agricultural", "Large Scale", "Galvalume"],
              imageSrc: "https://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg?_wi=5",
              imageAlt: "Commercial barn with metal roofing"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Discuss Your Project", href: "/contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Recent project portfolio and case studies"
        />
      </div>

      <div id="project-results" data-section="project-results">
        <MetricSplitMediaAbout
          title="Proven Results Across Every Project Type"
          description="From residential cottages to commercial barns, we bring the same level of craftsmanship and attention to detail. Our project portfolio speaks to our versatility and commitment to quality outcomes."
          tag="Project Success"
          metrics={[
            {
              value: "15+",
              title: "Years of Metal Roofing Experience"
            },
            {
              value: "Zero",
              title: "Warranty Claims on Standing Seam Installs"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg?_wi=4"
          imageAlt="Martinez team reviewing project plans"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Project success metrics and team expertise"
        />
      </div>

      <div id="project-testimonials" data-section="project-testimonials">
        <TestimonialCardTen
          title="What Our Project Clients Say"
          description="Hear directly from homeowners and property owners about their experience working with Martinez on their roofing projects."
          testimonials={[
            {
              id: "1",
              title: "Cottage Roof Exceeded All Expectations",
              quote: "Our lakeside cottage needed a roof that could handle harsh weather and look beautiful. The standing seam installation is flawless, and we get compliments from neighbors constantly.",
              name: "Amanda Foster",
              role: "Cottage Owner",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=2",
              imageAlt: "Amanda Foster"
            },
            {
              id: "2",
              title: "Historic Restoration Done Right",
              quote: "Martinez understood the importance of maintaining our farmhouse's character while upgrading to modern performance. They handled every detail with care and expertise.",
              name: "James Sullivan",
              role: "Property Owner",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
              imageAlt: "James Sullivan"
            },
            {
              id: "3",
              title: "Commercial Project Delivered On Time",
              quote: "Our barn complex installation was completed ahead of schedule with zero issues. Professional, reliable, and the quality of work is outstanding. Highly recommend for commercial projects.",
              name: "Patricia Chen",
              role: "Farm Manager",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg?_wi=2",
              imageAlt: "Patricia Chen"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Client testimonials for completed roofing projects"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13840.jpg?_wi=3"
          imageAlt="Metal roofing texture and detail"
          logoText="Martinez Metal Roofing & Construction"
          copyrightText="© 2025 Martinez Metal Roofing & Construction. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Standing Seam Roofing", href: "/metal-roofing" },
                { label: "Repairs & Replacement", href: "/metal-roofing" },
                { label: "Construction Projects", href: "/metal-roofing" },
                { label: "Get an Estimate", href: "/contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Recent Projects", href: "/projects" },
                { label: "Customer Reviews", href: "#testimonials" },
                { label: "Contact Us", href: "/contact" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Call / Text Joseph", href: "tel:+1-555-0123" },
                { label: "Email", href: "mailto:joseph@martinez-roofing.com" },
                { label: "Service Area", href: "#" },
                { label: "Get a Free Estimate", href: "/contact" }
              ]
            }
          ]}
          ariaLabel="Site footer with navigation and contact information"
        />
      </div>
    </ThemeProvider>
  );
}