"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Sparkles, Zap, Award, HelpCircle } from "lucide-react";

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroSplit
          title="Transforming Spaces Into Your Vision"
          description="Experience premium construction management with complete transparency, meticulous organization, and unwavering commitment to excellence. HMG Construction delivers luxury renovations that exceed expectations."
          background={{ variant: "floatingGradient" }}
          tag="Premium Construction Management"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Start Your Project",
              href: "/contact",
            },
            {
              text: "View Our Work",
              href: "/about",
            },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/interior-modern-office_23-2147668767.jpg"
          imageAlt="Modern luxury renovation project"
          mediaAnimation="slide-up"
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Built on Transparency & Excellence"
          description={[
            "HMG Construction Management specializes in high-end residential and commercial renovations. With years of industry expertise, we've earned the trust of hundreds of clients through meticulous project management, transparent communication, and an unwavering commitment to delivering exceptional results.",
            "Our approach is simple: listen to your vision, organize every detail with precision, and execute with uncompromising quality. We respect your investment and your time, ensuring every project stays on schedule and within budget while maintaining the highest standards of craftsmanship.",
            "Whether you're planning an energy-efficient renovation, a complete home makeover, or a commercial transformation, HMG is your trusted partner in bringing your vision to life.",
          ]}
          buttons={[
            {
              text: "Learn More About Our Services",
              href: "/about",
            },
          ]}
          buttonAnimation="slide-up"
          showBorder={false}
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Core Services"
          description="We deliver comprehensive construction management solutions tailored to luxury projects of all scales"
          tag="What We Do"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Request Quote",
              href: "/contact",
            },
          ]}
          buttonAnimation="slide-up"
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Project Management",
              description: "End-to-end oversight of your renovation, ensuring perfect coordination between all trades, strict timeline adherence, and transparent budget management at every stage.",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5379.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg",
              },
            },
            {
              id: 2,
              title: "Energy-Efficient Renovations",
              description: "Modern sustainable upgrades that reduce energy costs while enhancing comfort. From insulation to smart systems, we deliver renovations that are both luxurious and environmentally conscious.",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/potted-plants-peat-pots-gardening-tools-straw-hat-napkin-concrete-backdrop_23-2148181147.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/woman-speaking-phone-sofa_23-2147778855.jpg",
              },
            },
            {
              id: 3,
              title: "Quality Assurance",
              description: "Every detail matters. Our rigorous quality control process ensures exceptional finishes and long-lasting results that reflect your investment in excellence.",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-wallpaper-close-up_23-2148859931.jpg",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/two-cheerful-businessman-handshaking-helmet-new-building_496169-937.jpg",
              },
            },
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardTwo
          title="Why Clients Choose HMG"
          description="Proven results backed by professional standards and genuine client satisfaction"
          tag="Our Track Record"
          tagIcon={Award}
          tagAnimation="slide-up"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",
              value: "100%",
              description: "On-Time Delivery Rate",
            },
            {
              id: "2",
              value: "500+",
              description: "Successful Projects Completed",
            },
            {
              id: "3",
              value: "250+",
              description: "Happy, Loyal Clients",
            },
            {
              id: "4",
              value: "15+",
              description: "Years of Industry Excellence",
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Hundreds of Satisfied Clients"
          description="Real stories from homeowners and businesses who experienced HMG's commitment to excellence"
          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",
            },
            {
              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",
            },
            {
              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",
            },
            {
              id: "4",
              title: "Remarkable Efficiency",
              quote: "HMG managed our project with remarkable efficiency. Every detail was considered and, thanks to their organization, we met all deadlines without compromising on quality.",
              name: "Kevin Gg",
              role: "Commercial Client",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg",
            },
            {
              id: "5",
              title: "Expert Team, Pristine Results",
              quote: "I was very impressed with the quality of HMG's work. Their team consists of true experts who answered all my questions and guided me at every step. The site was always clean and organized.",
              name: "Gloryana Ortega",
              role: "Homeowner",
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",
            },
            {
              id: "6",
              title: "Complete Peace of Mind",
              quote: "What impressed me most about HMG was their transparency throughout the process. They listened carefully to our needs and supported us at every step, which was very reassuring.",
              name: "Luis Mario Castañeda",
              role: "Property Owner",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about working with HMG Construction Management"
          tag="Questions?"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqs={[
            {
              id: "1",
              title: "How do you ensure projects stay on schedule?",
              content: "We employ rigorous project management protocols with clear timelines, regular progress meetings, and proactive coordination between all trades. Our track record speaks for itself: 100% on-time delivery rate.",
            },
            {
              id: "2",
              title: "What makes HMG different from other contractors?",
              content: "Our independence ensures unbiased advice focused solely on your best interests. Combined with our transparent communication, meticulous organization, and commitment to quality, we deliver exceptional results with complete peace of mind.",
            },
            {
              id: "3",
              title: "Do you handle energy-efficient renovations?",
              content: "Yes, we specialize in modern sustainable upgrades including insulation, smart systems, and efficient HVAC solutions that reduce energy costs while maintaining luxury standards.",
            },
            {
              id: "4",
              title: "How transparent is your pricing?",
              content: "We provide detailed, itemized quotes and keep you informed of any necessary adjustments throughout the project. No hidden fees, just honest communication about costs and timeline.",
            },
            {
              id: "5",
              title: "What size projects do you take on?",
              content: "From comprehensive home renovations to commercial projects, we handle renovations of all scales with the same professional standards and attention to detail.",
            },
            {
              id: "6",
              title: "How do I start my project with HMG?",
              content: "Simply reach out through our contact form or call us directly. We'll schedule a consultation to discuss your vision, answer your questions, and provide a detailed quote for your project.",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to Transform Your Space? Let's Discuss Your Vision."
          animationType="entrance-slide"
          buttons={[
            {
              text: "Get Your Free Quote",
              href: "mailto:contact@hmgconstruction.com",
            },
            {
              text: "Call Us Today",
              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>
  );
}