"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Home, Zap, Shield, Star, Phone } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "Gallery", id: "/gallery" }
          ]}
          brandName="Northstar Roofing"
          bottomLeftText="North Dakota Roofing"
          bottomRightText="(701) 555-0100"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit 
          logoText="Northstar"
          description="North Dakota Roofing Built for Real Weather. Residential and commercial roofing, repairs, and storm restoration. Fast estimates. Clean installs. Strong warranties."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Get a Free Estimate", href: "/contact" },
            { text: "Call Now: (701) 555-0100", href: "tel:+17015550100" }
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/big-country-house-winter_23-2147803910.jpg"
          imageAlt="roof roofline winter sky architecture modern home"
          frameStyle="card"
          mediaAnimation="opacity"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne 
          title="Trusted by North Dakota Homeowners & Businesses"
          description="Licensed, Insured, Warranty-Backed Storm Damage Specialists"
          tag="Credibility"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Licensed & Insured", "BBB Accredited", "Storm Specialists", "Warranty Guaranteed", "Fast Estimates"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree 
          title="Our Roofing Services"
          description="Complete solutions for residential and commercial properties"
          tag="Services"
          tagIcon={Home}
          features={[
            {
              id: "01",
              title: "Roof Replacement",
              description: "Complete roof replacement with premium materials and expert installation",
              imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"
            },
            {
              id: "02",
              title: "Roof Repair",
              description: "Fast, reliable repair services for leaks, damage, and wear",
              imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg"
            },
            {
              id: "03",
              title: "Storm Damage Restoration",
              description: "Specialized hail and wind damage assessment and restoration",
              imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg"
            },
            {
              id: "04",
              title: "Hail & Wind Inspections",
              description: "Professional inspections for insurance documentation and claims",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg"
            },
            {
              id: "05",
              title: "Commercial Roofing",
              description: "Large-scale commercial roofing systems and maintenance",
              imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg"
            },
            {
              id: "06",
              title: "Gutter Systems",
              description: "Gutter installation, repair, and maintenance for complete protection",
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-roof-drain-pipe_181624-46535.jpg"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[{ text: "View All Services", href: "/contact" }]}
        />
      </div>

      <div id="storm-damage-featured" data-section="storm-damage-featured">
        <TestimonialAboutCard 
          tag="Storm Assistance"
          tagIcon={Zap}
          title="Storm Damage? We Handle It All."
          description="Inspection to Documentation to Build"
          subdescription="Insurance claim support included"
          icon={Shield}
          imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg"
          imageAlt="hail damage storm damage roof insurance claim weather damage inspection"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Our Clients Say"
          description="Real testimonials from satisfied North Dakota homeowners and business owners"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              name: "Jennifer Anderson, Homeowner, Bismarck",
              date: "Date: 15 March 2024",
              title: "Incredible workmanship and professionalism!",
              quote: "Northstar replaced our roof in just 3 days. The crew was respectful, cleaned up completely, and the quality is outstanding. Highly recommend for any roofing need.",
              tag: "Roof Replacement",
              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
              avatarAlt: "Jennifer Anderson",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg"
            },
            {
              id: "2",
              name: "Michael Chen, Business Owner, Fargo",
              date: "Date: 28 February 2024",
              title: "Storm damage handled perfectly",
              quote: "After a severe hail storm damaged our warehouse roof, Northstar coordinated everything with our insurance company. They made the process seamless and the roof looks brand new.",
              tag: "Storm Restoration",
              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
              avatarAlt: "Michael Chen",
              imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg"
            },
            {
              id: "3",
              name: "Sarah Johnson, Homeowner, Minot",
              date: "Date: 10 February 2024",
              title: "Fast, honest, and trustworthy service",
              quote: "Got a free estimate within 24 hours. No pressure to do unnecessary work. They found a small leak, fixed it quickly, and saved us from bigger problems. True professionals.",
              tag: "Roof Repair",
              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
              avatarAlt: "Sarah Johnson",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg"
            },
            {
              id: "4",
              name: "Robert Davis, Farm Owner, Grand Forks",
              date: "Date: 25 January 2024",
              title: "Best decision for our farm buildings",
              quote: "Northstar installed new roofing on three farm structures. Their expertise with commercial systems and reasonable pricing can't be beat. Will call them again.",
              tag: "Commercial Roofing",
              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
              avatarAlt: "Robert Davis",
              imageSrc: "http://img.b2bpic.net/free-photo/mcpolin-barn_181624-20381.jpg"
            },
            {
              id: "5",
              name: "Michelle Rodriguez, HOA President, Williston",
              date: "Date: 08 January 2024",
              title: "Community-wide roof project completed on time",
              quote: "Northstar managed our entire community roof replacement project. Communication was excellent, zero delays, and every homeowner is satisfied with the results.",
              tag: "Community Project",
              avatarSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
              avatarAlt: "Michelle Rodriguez",
              imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-williams-city-center-arizona-shot-cityscape_181624-38723.jpg"
            },
            {
              id: "6",
              name: "David Thompson, Property Manager, Dickinson",
              date: "Date: 20 December 2023",
              title: "Reliable partner for commercial maintenance",
              quote: "We manage 15 commercial properties. Northstar is our go-to for all roofing maintenance. They're responsive, competent, and we trust them completely.",
              tag: "Commercial Maintenance",
              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
              avatarAlt: "David Thompson",
              imageSrc: "http://img.b2bpic.net/free-photo/man-big-center-using-smartphone_171337-19943.jpg"
            }
          ]}
        />
      </div>

      <div id="cta-section" data-section="cta-section">
        <ContactCenter 
          tag="Get Started"
          tagIcon={Phone}
          title="Get Your Free Roofing Estimate"
          description="Fill out the quick form below. We'll contact you within 24 hours with a detailed estimate and answer any questions about your roofing project."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Get Free Estimate"
          termsText="We respect your privacy. Your information is secure and will only be used to contact you about your roofing project."
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Services",
            items: [
              { label: "Roof Replacement", href: "/services" },
              { label: "Roof Repair", href: "/services" },
              { label: "Storm Damage", href: "/services" },
              { label: "Commercial", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Gallery", href: "/gallery" },
              { label: "Reviews", href: "/reviews" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Phone: (701) 555-0100", href: "tel:+17015550100" },
              { label: "Emergency: 24/7 Available", href: "tel:+17015550100" },
              { label: "Licensed & Insured", href: "#" },
              { label: "BBB Accredited", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Northstar Roofing LLC. North Dakota Roofing Specialists. All rights reserved."
      />
    </ThemeProvider>
  );
}