"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Trophy, Clock } from "lucide-react";
import Link from "next/link";

export default function StormDamagePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Storm Damage", id: "/storm-damage" },
            { name: "Projects", id: "/projects" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Viking Construction"
          bottomLeftText="Licensed & Insured"
          bottomRightText="Fast Response • Insurance Support"
        />
      </div>

      <div id="storm-insurance" data-section="storm-insurance">
        <TextSplitAbout
          title="Storm Damage & Insurance Navigation"
          description={[
            "When severe weather strikes, you need more than just repairs—you need a trusted partner to guide you through the complex insurance claim process while protecting your property from further damage.",
            "Our comprehensive storm damage services include thorough documentation with high-resolution photos, detailed damage assessments that insurance adjusters trust, and coordination of supplements when additional damage is discovered.",
            "We handle the technical complexities so you can focus on what matters most: getting your home restored to its pre-storm condition with minimal stress and maximum coverage."
          ]}
          buttons={[
            { text: "Schedule Emergency Inspection", href: "/contact" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Insurance Companies Trust Our Documentation"
          description="Our professional approach and thorough documentation helps ensure smooth claim processing and maximum coverage for our clients."
          tag="Industry Recognition"
          tagIcon={Trophy}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Licensed & Bonded Contractor",
            "Insurance Preferred Vendor",
            "Storm Damage Specialist Certified",
            "Photo Documentation Standard",
            "Fast Emergency Response",
            "Workmanship Warranty Included",
            "Free Storm Damage Assessment"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Emergency Response"
          title="Get Storm Damage Assessment Within 24 Hours"
          description="Don't wait for more damage to occur. Our emergency response team will assess your storm damage quickly and begin the insurance documentation process immediately."
          tagIcon={Clock}
          tagAnimation="slide-up"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/male-hand-holding-gadget-messages-notification_81522-4433.jpg?_wi=1"
          imageAlt="Emergency contact and storm damage response"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your phone number for fastest response"
          buttonText="Request Emergency Assessment"
          termsText="Available 24/7 for storm damage emergencies. Fast response guaranteed."
        />
      </div>

      <FooterLogoEmphasis
        columns={[
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Services", href: "/services" },
              { label: "Storm Damage", href: "/storm-damage" },
              { label: "Projects", href: "/projects" }
            ]
          },
          {
            items: [
              { label: "About Us", href: "/about" },
              { label: "Inspections", href: "/services" },
              { label: "Starlink Mounting", href: "/services" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms of Service", href: "/terms" },
              { label: "Warranty Info", href: "/warranty" },
              { label: "Insurance FAQ", href: "/faq" }
            ]
          },
          {
            items: [
              { label: "Call Us", href: "tel:1-800-ROOFING" },
              { label: "Text Us", href: "sms:1-800-ROOFING" },
              { label: "Email Support", href: "mailto:support@vikingconstruction.com" },
              { label: "24/7 Emergency", href: "tel:1-800-ROOFING" }
            ]
          }
        ]}
        logoText="Viking Construction"
      />
    </ThemeProvider>
  );
}