"use client";

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

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactCenter
          tag="Let's Connect"
          title="Ready for a Better Lawn?"
          description="Request your free estimate today. Our team will assess your property and provide a personalized lawn care and landscaping plan tailored to your needs. We look forward to transforming your outdoor space!"
          background={{ variant: "fluid" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy. Your information is secure with us."
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricSplitMediaAbout
          tag="Why Contact ISLES"
          tagAnimation="slide-up"
          title="Professional Service You Can Trust"
          description="With nearly a decade of experience serving Arcadia homeowners, ISLES Landscaping is committed to delivering exceptional results and outstanding customer service. When you contact us, you're speaking with experienced professionals who genuinely care about your property."
          metrics={[
            { value: "Fast", title: "Response Times" },
            { value: "Free", title: "Estimates & Consultation" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/senior-man-working-field_329181-12481.jpg"
          imageAlt="ISLES professional at work"
          mediaAnimation="blur-reveal"
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="We've served hundreds of satisfied customers in Arcadia who trust us with their most valuable outdoor spaces. Our commitment to quality, reliability, and exceptional customer service sets us apart. Let us show you why homeowners keep coming back to ISLES."
          rating={5}
          author="Trusted by Arcadia Homeowners"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Happy Customer 1" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Happy Customer 2" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Happy Customer 3" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Happy Customer 4" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Happy Customer 5" },
            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Happy Customer 6" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </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>
  );
}