"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Y&B Roofing Inc."
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Your Roof Protects Everything. Let's Protect Your Roof."
          description="Schedule your free inspection today. Our team is ready to help with fast, honest, professional service."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=4"
          imageAlt="Professional roofing team ready to help"
          mediaPosition="right"
          inputPlaceholder="Enter your email for a free inspection quote"
          buttonText="Schedule Inspection"
          termsText="We'll contact you within 24 hours. We respect your privacy and never share your information."
        />
      </div>

      <div id="response-metrics" data-section="response-metrics">
        <MetricCardFourteen
          title="Fast Response When You Need It Most. Emergency service available 24/7. Winter repairs when others won't work. Professional assessment within hours."
          tag="Emergency Response"
          tagAnimation="blur-reveal"
          useInvertedBackground={true}
          metricsAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "24/7",
              description: "Emergency response available around the clock for urgent roofing needs."
            },
            {
              id: "2",
              value: "Winter Service",
              description: "Available year-round including harsh winter conditions when others can't work."
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Customers Say About Our Service"
          description="Real experiences from homeowners who trusted Y&B Roofing with their homes."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              title: "Fast Emergency Response",
              quote: "Called Y&B during a winter storm and they were out within hours. Professional, efficient, and saved our home from further damage.",
              name: "Sarah Mitchell",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=2",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              title: "Honest & Reliable",
              quote: "Y&B provided a fair estimate and completed the work exactly as promised. No surprises, just quality service from start to finish.",
              name: "James Chen",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              title: "Professional Excellence",
              quote: "The team was courteous, cleaned up perfectly, and the quality of work exceeded our expectations. Highly recommend Y&B Roofing.",
              name: "Rachel Thompson",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
              imageAlt: "Rachel Thompson"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Y&B Roofing Inc."
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}