"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Globe, Shield, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  const assetMap = {
    "logo-primary": {"url":"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7mo60m","alt":"V&V Insurance company logo"},
    "hero-video": {"url":"http://img.b2bpic.net/free-photo/valee-blanche-mont-blanc_181624-27220.jpg","alt":"aerial midwest countryside houses businesses"},
    "hero-fallback-image": {"url":"http://img.b2bpic.net/free-photo/farmhouse-trees_1308-41466.jpg","alt":"midwest farm landscape family home"},
    "about-image": {"url":"http://img.b2bpic.net/free-photo/senior-people-discussing-pension-financial-strategy-with-broker_482257-101460.jpg","alt":"professional insurance advisor meeting clients"},
    "specialty-snowmobile-insurance": {"url":"http://img.b2bpic.net/free-photo/full-shot-family-members-playing-snow_23-2148893026.jpg","alt":"premium snowmobile trail riding group"},
    "specialty-atv-insurance": {"url":"http://img.b2bpic.net/free-photo/strong-man-tropical-jungle-field-with-red-motorbike_343596-2743.jpg","alt":"ATV riders group off-road adventure"},
    "specialty-motorcycle-insurance": {"url":"http://img.b2bpic.net/free-photo/active-adventure-bike-fun-kid_1296-401.jpg","alt":"motorcycle club group ride open road"},
    "specialty-boat-insurance": {"url":"http://img.b2bpic.net/free-photo/young-attractive-woman-with-slim-sexy-body-stylish-bikini-swimsuit-having-fun-water-scooter-summer-vacation-active-sport_285396-432.jpg","alt":"boat on lake family water sports"},
    "specialty-event-insurance": {"url":"http://img.b2bpic.net/free-photo/rear-view-two-young-woman-dancing-holi-festival_23-2148129206.jpg","alt":"community event outdoor festival tent"},
    "specialty-nonprofit-insurance": {"url":"http://img.b2bpic.net/free-photo/volunteers-work-preparing-donations-charity_23-2148638009.jpg","alt":"nonprofit organization volunteers helping"},
    "service-personal-insurance": {"url":"http://img.b2bpic.net/free-photo/baby-doing-his-first-steps_23-2149235238.jpg","alt":"happy family in modern home living room"},
    "service-business-insurance": {"url":"http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg","alt":"small business owner in busy cafe"},
    "service-agricultural-insurance": {"url":"http://img.b2bpic.net/free-photo/meadow-with-cows_1398-5041.jpg","alt":"tractor harvesting crops vast farm field"},
    "service-specialty-programs": {"url":"http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061422.jpg","alt":"group of snowmobilers on a snowy trail"},
    "feature-experience-icon": {"url":"http://img.b2bpic.net/free-photo/beautiful-butterfly-with-detailed-design_23-2150981402.jpg","alt":"vintage clock gears business experience icon"},
    "feature-personalized-icon": {"url":"http://img.b2bpic.net/free-photo/male-tailor-trying-blue-coat-his-customer-sitting-wooden-chair-shop_23-2148180345.jpg","alt":"personal touch human connection icon"},
    "feature-comprehensive-icon": {"url":"http://img.b2bpic.net/free-vector/security-shield-vector-cyber-security-technology_53876-112196.jpg","alt":"shield with multiple layers protection icon"},
    "feature-nationwide-icon": {"url":"http://img.b2bpic.net/free-photo/us-flag-frame-with-white-red-stripes_23-2148151341.jpg","alt":"USA map globe national coverage icon"},
    "testimonial-1": {"url":"http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg","alt":"smiling midwestern woman professional portrait"},
    "testimonial-2": {"url":"http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg","alt":"smiling midwestern man casual portrait"},
    "testimonial-3": {"url":"http://img.b2bpic.net/free-photo/front-view-woman-hand-shaking-human-resources-person_23-2148507819.jpg","alt":"professional woman happy client"},
    "testimonial-4": {"url":"http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-with-big-smile-face-pointing-with-hand-finger-side-looking-camera_839833-12071.jpg","alt":"knowledgeable male professional portrait"},
    "testimonial-5": {"url":"http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg","alt":"helpful female client portrait smiling"}
  };

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="V&V Insurance"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "About", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Specialty Programs", id: "#specialty-insurance" },
            { name: "Why Choose V&V", id: "#why-choose-us" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc={assetMap["logo-primary"].url}
          logoAlt={assetMap["logo-primary"].alt}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Protection That Goes Beyond The Policy."
          description="For nearly four decades, V&V Insurance has delivered trusted insurance solutions for individuals, businesses, and organizations nationwide. From home and life coverage to specialized protection for snowmobile and ATV clubs, we help safeguard your future with confidence.\n\nEstablished 1985 • Nationwide Specialty Programs • Personalized Service • Local Expertise"
          buttons={[
            { text: "Request A Quote", href: "#contact" },
            { text: "Schedule A Consultation", href: "#contact" }
          ]}
          videoSrc={assetMap["hero-video"].url}
          imageSrc={assetMap["hero-fallback-image"].url}
          imageAlt={assetMap["hero-fallback-image"].alt}
          videoAriaLabel="V&V Insurance background video"
          showBlur={true}
          textPosition="bottom"
          mediaAnimation="opacity"
        />
      </div>
      <div id="about" data-section="about">
        <SplitAbout
          title="Trusted Insurance Guidance Since 1985"
          description="At V&V Insurance, we believe insurance should be personal.\n\nFor nearly forty years, our team has provided thoughtful guidance, responsive service, and customized insurance solutions designed around the unique needs of every client.\n\nWhether you're protecting your family, your business, your property, or an entire recreational organization, our goal remains the same: delivering confidence through comprehensive protection."
          bulletPoints={[
            { title: "Founded in 1985", description: "Decades of dedicated service and experience." },
            { title: "Personalized Approach", description: "Solutions tailored to your unique needs." },
            { title: "Comprehensive Protection", description: "Safeguarding your future with confidence." }
          ]}
          imageSrc={assetMap["about-image"].url}
          imageAlt={assetMap["about-image"].alt}
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="specialty-insurance" data-section="specialty-insurance">
        <ProductCardOne
          title="National Leader In Snowmobile & ATV Club Insurance"
          description="V&V Insurance is recognized nationwide for liability insurance programs designed specifically for snowmobile and ATV clubs and associations. Our specialized expertise helps organizations operate confidently while protecting members, volunteers, directors, and assets through comprehensive risk management and liability solutions."
          buttons={[{ text: "Learn About Club Insurance", href: "#contact" }]}
          products={[
            { id: "snowmobile-club", name: "Snowmobile Club Insurance", price: "Tailored Protection", imageSrc: assetMap["specialty-snowmobile-insurance"].url, imageAlt: assetMap["specialty-snowmobile-insurance"].alt },
            { id: "atv-association", name: "ATV Association Insurance", price: "Comprehensive Coverage", imageSrc: assetMap["specialty-atv-insurance"].url, imageAlt: assetMap["specialty-atv-insurance"].alt },
            { id: "motorcycle-club", name: "Motorcycle Club Programs", price: "Road & Trail Liability", imageSrc: assetMap["specialty-motorcycle-insurance"].url, imageAlt: assetMap["specialty-motorcycle-insurance"].alt },
            { id: "boat-club", name: "Boat & Watercraft Coverage", price: "Marine Recreation", imageSrc: assetMap["specialty-boat-insurance"].url, imageAlt: assetMap["specialty-boat-insurance"].alt },
            { id: "event-liability", name: "Special Event Liability", price: "Community Gatherings", imageSrc: assetMap["specialty-event-insurance"].url, imageAlt: assetMap["specialty-event-insurance"].alt },
            { id: "nonprofit-coverage", name: "Non-Profit Organization Protection", price: "Directors & Volunteers", imageSrc: assetMap["specialty-nonprofit-insurance"].url, imageAlt: assetMap["specialty-nonprofit-insurance"].alt }
          ]}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="services" data-section="services">
        <MetricCardSeven
          title="Insurance Solutions Designed Around Your Life"
          description="At V&V Insurance, we offer a full spectrum of insurance solutions tailored to protect what matters most to you, your business, and your organization."
          metrics={[
            { id: "personal-insurance", value: "Personal", title: "Personal Insurance", items: ["Home Insurance", "Auto Insurance", "Renters Insurance", "Life Insurance", "Health Insurance", "Dental & Vision Insurance"] },
            { id: "business-insurance", value: "Business", title: "Business Insurance", items: ["Commercial Property", "Liability Insurance", "Directors & Officers Coverage", "Risk Management Solutions", "Employee Benefits"] },
            { id: "agricultural-insurance", value: "Agricultural", title: "Agricultural Insurance", items: ["Crop Insurance", "Farm Protection", "Liability Coverage"] },
            { id: "specialty-programs", value: "Specialty", title: "Specialty Programs", items: ["Snowmobile Clubs", "ATV Associations", "Recreational Organizations", "Nationwide Liability Programs"] },
            { id: "umbrella-insurance", value: "Umbrella", title: "Umbrella Insurance", items: ["Enhanced Personal Liability", "Additional Protection Layers", "Worldwide Coverage"] },
            { id: "travel-insurance", value: "Travel", title: "Travel Insurance", items: ["Trip Cancellation", "Medical Emergencies", "Baggage Protection"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="why-choose-us" data-section="why-choose-us">
        <FeatureCardTwentySix
          title="Why Families, Businesses & Organizations Choose V&V"
          description="Our commitment to personalized service and comprehensive protection sets us apart, ensuring peace of mind for all our clients."
          features={[
            { title: "Experience", description: "Serving clients since 1985, our deep industry knowledge ensures reliable guidance.", imageSrc: assetMap["feature-experience-icon"].url, imageAlt: assetMap["feature-experience-icon"].alt, buttonIcon: Sparkles },
            { title: "Personalized Service", description: "Real relationships and dedicated advisors committed to understanding your unique needs.", imageSrc: assetMap["feature-personalized-icon"].url, imageAlt: assetMap["feature-personalized-icon"].alt, buttonIcon: Users },
            { title: "Comprehensive Coverage", description: "Protection tailored to your unique risks, ensuring all aspects of your life are safeguarded.", imageSrc: assetMap["feature-comprehensive-icon"].url, imageAlt: assetMap["feature-comprehensive-icon"].alt, buttonIcon: Shield },
            { title: "Nationwide Expertise", description: "Industry-leading specialty programs trusted across America for diverse needs.", imageSrc: assetMap["feature-nationwide-icon"].url, imageAlt: assetMap["feature-nationwide-icon"].alt, buttonIcon: Globe }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Hear directly from the individuals and organizations who trust V&V Insurance for their peace of mind and protection."
          testimonials={[
            { id: "1", name: "Rhonda O.", handle: "Satisfied Client", testimonial: "I had damage to my vehicle due to a deer accident. I called my insurance rep Robin Schultz. She handled everything for me and gave top-notch service. I was so happy how quick and professional Robin took care of everything.", rating: 5, imageSrc: assetMap["testimonial-1"].url, imageAlt: assetMap["testimonial-1"].alt },
            { id: "2", name: "Steve H.", handle: "Loyal Customer", testimonial: "Great fast help. Old systems but were lightning quick on my ASAP request. Great folks!", rating: 5, imageSrc: assetMap["testimonial-2"].url, imageAlt: assetMap["testimonial-2"].alt },
            { id: "3", name: "Vicki A.", handle: "Valued Client", testimonial: "Kind, courteous and professional workers. It is a great place to get your insurance at. All of my needs were met with professionalism.", rating: 5, imageSrc: assetMap["testimonial-3"].url, imageAlt: assetMap["testimonial-3"].alt },
            { id: "4", name: "D. Win", handle: "Happy Client", testimonial: "Casey is very knowledgeable when it comes to insurance and is always available to answer our questions.", rating: 5, imageSrc: assetMap["testimonial-4"].url, imageAlt: assetMap["testimonial-4"].alt },
            { id: "5", name: "Elizabeth G.", handle: "Grateful Customer", testimonial: "Extremely helpful and attentive to all my insurance needs.", rating: 5, imageSrc: assetMap["testimonial-5"].url, imageAlt: assetMap["testimonial-5"].alt }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="review-cta" data-section="review-cta">
        <ContactText
          text="Are You Fully Protected? Insurance needs change over time. Let our experienced advisors review your current policies and identify opportunities to strengthen your coverage."
          buttons={[{ text: "Request A Free Policy Review", href: "#contact" }]}
          background={{ variant: "rotated-rays-static" }}
          animationType="reveal-blur"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <FaqSplitText
          sideTitle="Let's Start The Conversation"
          sideDescription="Reach out to V&V Insurance today. Our advisors are ready to provide the expertise and support you need.\n\nAddress:\n534 2nd Ave SW, Cresco, IA 52136\n\nPhone:\n(563) 547-2161\n\nHours:\nMonday – Friday, 8:00 AM – 5:00 PM\n\nWhile a full contact form is typically integrated here, please reach out via phone or email (details above) for immediate assistance."
          buttons={[{ text: "Speak With An Advisor", href: "tel:+15635472161" }]}
          faqs={[
            { id: "faq1", title: "How can I get a quote?", content: "You can request a quote by calling us directly during business hours or by scheduling a consultation with one of our advisors." },
            { id: "faq2", title: "What types of insurance do you offer?", content: "We offer a wide range of personal, business, agricultural, and specialty insurance programs, including home, auto, life, commercial property, and specific coverage for snowmobile and ATV clubs." },
            { id: "faq3", title: "Do you offer nationwide services?", content: "Yes, V&V Insurance is proud to offer nationwide specialty programs and services, particularly for snowmobile and ATV clubs and associations." }
          ]}
          textPosition="left"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="V&V Insurance"
          logoSrc={assetMap["logo-primary"].url}
          logoAlt={assetMap["logo-primary"].alt}
          copyrightText="Copyright © V&V Insurance. All Rights Reserved."
          columns={[
            { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Specialty Programs", href: "#specialty-insurance" }, { label: "Contact", href: "#contact" }] },
            { title: "Connect With Us", items: [{ label: "Phone: (563) 547-2161", href: "tel:+15635472161" }, { label: "Address: 534 2nd Ave SW, Cresco, IA 52136", href: "https://www.google.com/maps/search/534+2nd+Ave+SW+Cresco,+IA+52136" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
