"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterCard from "@/components/sections/footer/FooterCard";
import { MapPin, Hammer, ImageIcon, Home, Building2, Wrench, Trophy, Quote, Facebook, Instagram, Linkedin, Phone, Award, Users, CheckCircle } from "lucide-react";

export default function ApexDesignsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Apex Designs"
          navItems={[
            { name: "Services", id: "features" },
            { name: "Portfolio", id: "metric" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Premium Construction Solutions for Great Neck"
          description="Expert residential and commercial construction services. Building quality homes and projects with precision, integrity, and attention to detail since our founding."
          tag="Great Neck, NY"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg"
          imageAlt="Modern construction project in Great Neck"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Start Your Project", href: "contact" },
            { text: "View Our Work", href: "metric" },
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Michael Rodriguez",              handle: "Homeowner, Great Neck",              testimonial: "Apex Designs transformed our vision into reality. Professional, punctual, and exceptional quality throughout the entire process.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"},
            {
              name: "Sarah Thompson",              handle: "Business Owner",              testimonial: "Outstanding attention to detail and craftsmanship. They delivered our commercial project on time and within budget.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"},
            {
              name: "James Patterson",              handle: "Real Estate Developer",              testimonial: "Apex Designs is our go-to contractor for every residential project. Consistently reliable and high-quality work.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"},
            {
              name: "Linda Chen",              handle: "Property Manager",              testimonial: "Professional team that communicates clearly and solves problems efficiently. Highly recommended for any construction needs.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"},
          ]}
          testimonialRotationInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Apex Designs brings expertise, dedication, and precision to every construction project. We've built trust through quality craftsmanship and unwavering commitment to our Great Neck community."
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            { icon: Home, label: "Projects Completed", value: "200+" },
            { icon: Users, label: "Satisfied Clients", value: "150+" },
            { icon: Award, label: "Years Experience", value: "15+" },
            { icon: CheckCircle, label: "On-Time Delivery", value: "98%" },
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our Construction Process"
          description="We follow a proven methodology to ensure every project exceeds expectations"
          tag="How We Work"
          tagIcon={Hammer}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Design & Planning",              description: "Collaborative design phase where we understand your vision, create detailed plans, and establish timelines and budgets.",              imageSrc: "http://img.b2bpic.net/free-photo/ruler-glasses-near-blueprint_23-2147785574.jpg",              imageAlt: "Design and planning phase"},
            {
              id: 2,
              title: "Quality Materials",              description: "We source premium materials from trusted suppliers to ensure durability, longevity, and aesthetic appeal.",              imageSrc: "http://img.b2bpic.net/free-photo/frame-with-wooden-boards_1162-124.jpg",              imageAlt: "Quality construction materials"},
            {
              id: 3,
              title: "Expert Execution",              description: "Our skilled team brings technical expertise and attention to detail to every aspect of construction and finishing.",              imageSrc: "http://img.b2bpic.net/free-photo/schedule-planner-task-agenda-checklist-concept_53876-124095.jpg",              imageAlt: "Expert construction execution"},
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardOne
          title="Portfolio Highlights"
          description="Representative projects showcasing our expertise in residential and commercial construction"
          tag="Recent Work"
          tagIcon={ImageIcon}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "12",              title: "Luxury Homes",              description: "High-end residential constructions in Great Neck",              icon: Home,
            },
            {
              id: "2",              value: "8",              title: "Commercial",              description: "Office and retail space developments",              icon: Building2,
            },
            {
              id: "3",              value: "25",              title: "Renovations",              description: "Complete remodeling and upgrade projects",              icon: Wrench,
            },
            {
              id: "4",              value: "5",              title: "Awards",              description: "Industry recognition for excellence",              icon: Trophy,
            },
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="Client Success Stories"
          description="Real testimonials from homeowners and businesses we've had the privilege to work with"
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Exceeded All Expectations",              quote: "Apex Designs exceeded our expectations on every level. From initial consultation to final walkthrough, they demonstrated professionalism, expertise, and genuine care for our project.",              name: "David Johnson",              role: "Homeowner, Great Neck",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",              imageAlt: "David Johnson"},
            {
              id: "2",              title: "Exceptional Project Management",              quote: "Working with Apex Designs was seamless. Their project management, communication, and ability to handle unexpected challenges was outstanding. Highly recommend.",              name: "Emily Watson",              role: "Property Developer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",              imageAlt: "Emily Watson"},
            {
              id: "3",              title: "Superior Craftsmanship",              quote: "The level of craftsmanship in every detail is remarkable. From foundation to finishing touches, you can see the quality and care invested in every aspect of the work.",              name: "Robert Martinez",              role: "Home Inspector",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7",              imageAlt: "Robert Martinez"},
            {
              id: "4",              title: "True Professionals",              quote: "Not just contractors—true professionals. They stand behind their work, communicate clearly, and treat your project like it's their own home.",              name: "Jennifer Lee",              role: "Homeowner, Great Neck",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8",              imageAlt: "Jennifer Lee"},
            {
              id: "5",              title: "Best Builders in Town",              quote: "We've worked with many contractors over the years. Apex Designs is by far the best. Professional, reliable, and delivers exceptional quality.",              name: "Christopher Brown",              role: "Commercial Property Manager",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=9",              imageAlt: "Christopher Brown"},
            {
              id: "6",              title: "Worth Every Investment",              quote: "Our renovation transformed our home beyond what we imagined. Apex Designs made the entire process smooth, enjoyable, and the results are phenomenal.",              name: "Patricia Wilson",              role: "Homeowner, Great Neck",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=10",              imageAlt: "Patricia Wilson"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Build Your Dream?"
          description="Contact Apex Designs today for a free consultation. We're located in Great Neck, NY and serve the entire area with professional construction services."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "downward-rays-static" }}
          useInvertedBackground={false}
          inputPlaceholder="Your email address"
          buttonText="Get Free Quote"
          termsText="We respect your privacy and will get back to you within 24 hours. Located in Great Neck, NY."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Apex Designs"
          copyrightText="© 2025 Apex Designs | Professional Construction Services in Great Neck, NY"
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Phone, href: "tel:+15165551234", ariaLabel: "Phone" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
