"use client";

import Link from "next/link";
import { Shield, Users, Truck, CheckCircle, Award } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Reviews", id: "/reviews" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Trucking & Construction"
          bottomLeftText="Family Owned | Texas Based"
          bottomRightText="Ready to Move Texas Forward"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Built on Hard Work. Driven by Reliability."
          description="Professional trucking and construction services delivering reliability, safety, and precision on every job across Texas."
          background={{ variant: "sparkles-gradient" }}
          tag="Family Owned & Fully Insured"
          tagIcon={Shield}
          buttons={[
            { text: "Request a Quote", href: "/contact" },
            { text: "Call Now", href: "tel:+1-512-555-0000" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/blue-truck-rural-highway-with-green-line-logistics-motion_169016-69998.jpg"
          imageAlt="Professional semi truck on Texas highway"
          avatarText="Trusted by Texas Businesses"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Our Services"
          description="Comprehensive trucking and construction logistics solutions tailored for Texas businesses."
          features={[
            {
              id: "1",
              title: "Heavy Hauling",
              description: "Specialized equipment transport and heavy load hauling with expert logistics coordination.",
              tag: "Specialized",
              imageSrc: "https://img.b2bpic.net/free-photo/crawler-bulldozer_1388-577.jpg"
            },
            {
              id: "2", 
              title: "Freight Transport",
              description: "Reliable long-distance and regional freight delivery with on-time performance guarantees.",
              tag: "Regional",
              imageSrc: "https://img.b2bpic.net/free-photo/truck-speeding-through-urban-highway-supplychain-delivery_169016-71317.jpg"
            },
            {
              id: "3",
              title: "Equipment Transport", 
              description: "Safe transport of construction equipment, machinery, and specialized vehicles across Texas.",
              tag: "Safe",
              imageSrc: "https://img.b2bpic.net/free-photo/crawler-bulldozer_1388-577.jpg"
            },
            {
              id: "4",
              title: "Construction Services",
              description: "Full-service job site logistics, material delivery, and on-site support for construction projects.",
              tag: "Complete",
              imageSrc: "https://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <AboutMetric
          title="Why Choose Trucking & Construction Company of Texas: Family Values, Professional Excellence"
          metrics={[
            { icon: Users, label: "Professional Drivers", value: "100%" },
            { icon: Truck, label: "Well-Maintained Fleet", value: "24/7" },
            { icon: CheckCircle, label: "Safety First", value: "Certified" },
            { icon: Award, label: "Reliability Record", value: "99.8%" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Trusted by businesses across Texas for professional, reliable service."
          testimonials={[
            {
              id: "1",
              name: "Brittnee Gent",
              handle: "Business Owner",
              testimonial: "A very well structured company! Owners are compassionate, down to earth, outgoing, everyday people. Facility is top notch & orderly, trucks are always well maintained & clean, drivers are passionate, professional & always presentable. No whining. No excuses.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Brittnee Gent"
            },
            {
              id: "2",
              name: "Montgomery Trucking",
              handle: "Partner", 
              testimonial: "Nick and the family are great people. I enjoyed working with them. I won't ever find another company like them. Great people.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              imageAlt: "Montgomery Trucking"
            },
            {
              id: "3",
              name: "Carmen Holdridge",
              handle: "Construction Manager",
              testimonial: "Highly recommended. Professional, dependable, and always on time. They understand the demands of our industry.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
              imageAlt: "Carmen Holdridge"
            },
            {
              id: "4",
              name: "Texas Builder's Alliance", 
              handle: "Industry Partner",
              testimonial: "The most reliable hauling partner we've worked with in 15 years. Their attention to detail and commitment to safety is unmatched.",
              imageSrc: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
              imageAlt: "Texas Builder's Alliance"
            },
            {
              id: "5",
              name: "Lone Star Construction",
              handle: "Project Manager",
              testimonial: "Exceptional service from start to finish. They handle complex logistics like pros and treat every job with the utmost care.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Lone Star Construction"
            },
            {
              id: "6",
              name: "Rio Grande Logistics",
              handle: "Logistics Director",
              testimonial: "Professional drivers, pristine equipment, seamless coordination. This is the gold standard for trucking services in Texas.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", 
              imageAlt: "Rio Grande Logistics"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="Our proven track record of reliability and professionalism."
          metrics={[
            { id: "1", value: "500+", description: "Projects Completed Across Texas" },
            { id: "2", value: "99.8%", description: "On-Time Delivery Rate" },
            { id: "3", value: "20+", description: "Years of Industry Experience" },
            { id: "4", value: "100+", description: "Professional Team Members" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactSplit
          tag="Ready to Move?"
          title="Need Reliable Trucking or Construction Services?"
          description="Get a custom quote from our team. We're ready to discuss your project requirements and provide professional solutions."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/financial-charts-kpi-metrics-displays-office_482257-126638.jpg"
          mediaPosition="right"
          inputPlaceholder="your@company.com"
          buttonText="Get Quote"
          termsText="We'll respond within 24 business hours. Privacy guaranteed."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/blue-truck-rural-highway-with-green-line-logistics-motion_169016-69998.jpg"
          imageAlt="Trucking and construction services across Texas"
          logoText="Trucking & Construction Company of Texas"
          columns={[
            {
              title: "Services",
              items: [
                { label: "Heavy Hauling", href: "/services" },
                { label: "Freight Transport", href: "/services" },
                { label: "Equipment Transport", href: "/services" },
                { label: "Construction Services", href: "/services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/about" },
                { label: "Reviews", href: "/reviews" },
                { label: "Contact", href: "/contact" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Call: (512) 555-0000", href: "tel:+1-512-555-0000" },
                { label: "Email: info@truckingco.tx", href: "mailto:info@truckingco.tx" },
                { label: "Service Area: All of Texas", href: "#" },
                { label: "24/7 Dispatch", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Trucking & Construction Company of Texas. All rights reserved. Family Owned & Operated."
        />
      </div>
    </ThemeProvider>
  );
}