"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "Why Us", id: "why-us" },
    { name: "Projects", id: "projects" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="HMG Construction"
          navItems={navItems}
        />
      </div>

      <div id="about-detail" data-section="about-detail">
        <TextSplitAbout
          title="About HMG Construction Management"
          description={[
            "HMG Construction Management is a premium construction and renovation company dedicated to transforming spaces with precision, transparency, and craftsmanship. Founded on principles of honesty and excellence, we've become a trusted partner for homeowners and businesses seeking high-end renovation solutions.",
            "With over 15 years of industry experience, our team has successfully completed more than 500 projects, each executed with meticulous attention to detail and unwavering commitment to client satisfaction. We pride ourselves on maintaining a 100% on-time delivery rate while keeping every project within budget.",
            "Our independence from supplier relationships means we always provide unbiased recommendations focused solely on your best interests. We believe that transparency, clear communication, and professional organization are the cornerstones of successful construction management.",
          ]}
          buttons={[
            {
              text: "Start Your Project Today",
              href: "#contact",
            },
          ]}
          buttonAnimation="slide-up"
          showBorder={false}
          useInvertedBackground={false}
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardTen
          title="Testimonials from Satisfied Clients"
          description="Hear from the clients who have experienced HMG's dedication to excellence firsthand"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              title: "Exceptional Organization & Care",
              quote: "I was really nervous about starting a renovation, but they made the process so easy. Everything was well-organized, and I didn't have to chase anyone. They kept me in the loop the whole time.",
              name: "Isaac Paz",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-positive-fair-haired-business-woman_1262-2364.jpg?_wi=2",
            },
            {
              id: "2",
              title: "Honest, Independent Advice",
              quote: "I've worked with contractors before, but this experience was different. They weren't tied to anyone, so I felt like their advice was honest and focused on what was best for me.",
              name: "Pamela Salinas",
              role: "Property Owner",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=2",
            },
            {
              id: "3",
              title: "Transparent & Professional",
              quote: "HMG managed my renovation project with great care and complete transparency. I highly recommend this company to anyone looking for a trustworthy renovation partner.",
              name: "Franco Quiñonez",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/parents-welcoming-son-kitchen_23-2148414950.jpg?_wi=2",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to Learn More? Contact HMG Today"
          animationType="entrance-slide"
          buttons={[
            {
              text: "Get In Touch",
              href: "mailto:contact@hmgconstruction.com",
            },
            {
              text: "Schedule a Consultation",
              href: "tel:+1234567890",
            },
          ]}
          background={{ variant: "floatingGradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="HMG Construction"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Contact",
            href: "#contact",
          }}
        />
      </div>
    </ThemeProvider>
  );
}