"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Phone } from "lucide-react";

export default function PortfolioPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "Portfolio", id: "portfolio" },
    { name: "Pricing", id: "pricing" },
    { name: "Contact", id: "contact" },
  ];

  const navButton = { text: "Call Now", href: "/contact" };

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services" },
        { label: "Portfolio", href: "/portfolio" },
        { label: "Pricing", href: "/pricing" },
      ],
    },
    {
      items: [
        { label: "Contact Us", href: "/contact" },
        { label: "Free Quote", href: "/contact" },
        { label: "FAQ", href: "/" },
        { label: "Blog", href: "/" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/" },
        { label: "Terms of Service", href: "/" },
        { label: "Service Agreement", href: "/" },
        { label: "Warranty Info", href: "/" },
      ],
    },
    {
      items: [
        { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
        { label: "Email: info@greenscape.com", href: "mailto:info@greenscape.com" },
        { label: "Address: 123 Lawn St, City, State 12345", href: "/" },
        { label: "Hours: Mon-Sat 8am-6pm", href: "/" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={navButton}
          brandName="GreenScape Turf"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          products={[
            {
              id: "1",
              brand: "Residential",
              name: "Modern Backyard Transformation",
              price: "Portfolio",
              rating: 5,
              reviewCount: "45 reviews",
              imageSrc:
                "http://img.b2bpic.net/free-photo/full-shot-father-kid-playing-outdoors_23-2148504004.jpg",
              imageAlt: "Modern backyard with turf installation",
            },
            {
              id: "2",
              brand: "Commercial",
              name: "Corporate Campus Grounds",
              price: "Portfolio",
              rating: 5,
              reviewCount: "38 reviews",
              imageSrc:
                "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661428.jpg",
              imageAlt: "Corporate campus with professionally maintained lawn",
            },
            {
              id: "3",
              brand: "Residential",
              name: "Sports Field Construction",
              price: "Portfolio",
              rating: 5,
              reviewCount: "52 reviews",
              imageSrc:
                "http://img.b2bpic.net/free-photo/full-shot-kid-running-outdoors_23-2149457232.jpg",
              imageAlt: "Professional sports field turf installation",
            },
            {
              id: "4",
              brand: "Residential",
              name: "Family Entertainment Space",
              price: "Portfolio",
              rating: 5,
              reviewCount: "41 reviews",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-family-walking-grass-front-tent-outdoors_23-2148207963.jpg",
              imageAlt: "Beautiful family lawn with entertainment area",
            },
            {
              id: "5",
              brand: "Commercial",
              name: "Retail Complex Renovation",
              price: "Portfolio",
              rating: 5,
              reviewCount: "36 reviews",
              imageSrc:
                "http://img.b2bpic.net/free-photo/city-park-blue-sky-with-downtown-skyline-background_1127-3064.jpg",
              imageAlt: "Retail complex with enhanced landscaping",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Recent Projects & Portfolio"
          description="Showcase of our finest work transforming outdoor spaces into beautiful, functional landscapes."
          tag="Gallery"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "Schedule Site Visit", href: "/contact" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",
              title: "Exceeded All Expectations",
              quote:
                "The team at GreenScape completely transformed our backyard. The turf installation was flawless, and their attention to detail was exceptional. Highly recommend!",
              name: "Sarah Mitchell",
              role: "Homeowner",
              imageSrc:
                "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",
              imageAlt: "customer profile woman headshot professional portrait user avatar",
            },
            {
              id: "2",
              title: "Professional and Reliable",
              quote:
                "We've used their services for our corporate campus for 3 years. Consistent quality, responsive communication, and they always show up on time. Outstanding service.",
              name: "James Chen",
              role: "Facilities Manager, Tech Corp",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
              imageAlt: "man portrait business professional manager photo user headshot",
            },
            {
              id: "3",
              title: "Best Investment for Our Lawn",
              quote:
                "The free consultation was incredibly helpful. They understood exactly what we wanted and delivered it perfectly. Worth every penny and more.",
              name: "Maria Rodriguez",
              role: "Homeowner",
              imageSrc:
                "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg?_wi=3",
              imageAlt: "woman profile customer photo user portrait professional headshot",
            },
          ]}
          title="What Our Clients Say"
          description="Feedback from satisfied customers who have experienced our portfolio projects firsthand."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "Can I see before and after photos?",
              content:
                "Absolutely! Our portfolio showcases dozens of before and after transformations. We also encourage site visits to see completed projects in person. Contact us to arrange a viewing or discuss similar projects.",
            },
            {
              id: "2",
              title: "How long do projects typically take?",
              content:
                "Most turf installation projects are completed in 1-3 days depending on property size and site conditions. Landscape design and full renovation projects typically take 2-4 weeks. We'll provide a detailed timeline during your consultation.",
            },
            {
              id: "3",
              title: "Do you work with designers or architects?",
              content:
                "Yes! We collaborate regularly with architects, landscape designers, and contractors. We can work from existing plans or develop custom designs. Our team ensures seamless coordination and quality execution of professional designs.",
            },
          ]}
          ctaTitle="Start Your Project Today"
          ctaDescription="Let's discuss your vision and create a lawn care plan that matches your goals and budget."
          ctaButton={{ text: "Book a Consultation", href: "/contact" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis columns={footerColumns} logoText="GreenScape Turf" />
      </div>
    </ThemeProvider>
  );
}