"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Zap, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="EpoxyPro"
          navItems={[
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Premium Epoxy Floors That Transform Spaces"
          description="Generate high-quality leads for epoxy floor installations. Showcase stunning transformations and connect with customers ready to invest in superior flooring solutions."
          background={{ variant: "plain" }}
          tag="Lead Generation Agency"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Get Started", href: "#pricing" },
            { text: "Learn More", href: "#faq" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/pool-with-windows-it_1112-872.jpg?_wi=1"
          imageAlt="Premium epoxy floor installation"
          imagePosition="right"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Choose the perfect lead generation package for your epoxy flooring business."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "starter",              badge: "Perfect for New Businesses",              badgeIcon: Zap,
              price: "$999/month",              subtitle: "Generate 10-15 qualified leads",              buttons: [{ text: "Get Started", href: "#contact" }],
              features: [
                "Targeted lead generation",                "Monthly lead delivery",                "Basic analytics",                "Email support"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$1,999/month",              subtitle: "Generate 25-35 qualified leads",              buttons: [{ text: "Get Started", href: "#contact" }],
              features: [
                "Premium lead generation",                "Bi-weekly lead delivery",                "Advanced analytics dashboard",                "Priority support",                "Lead nurturing campaigns"
              ]
            },
            {
              id: "enterprise",              badge: "For High Volume",              badgeIcon: Award,
              price: "$3,999/month",              subtitle: "Generate 50+ qualified leads",              buttons: [{ text: "Get Started", href: "#contact" }],
              features: [
                "Maximum lead generation",                "Weekly lead delivery",                "Custom analytics & reporting",                "Dedicated account manager",                "Lead nurturing campaigns",                "CRM integration"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our epoxy floor lead generation services."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What qualifies as a qualified lead?",              content: "A qualified lead is a property owner or business manager actively interested in epoxy floor installation, has a suitable surface for epoxy, and demonstrates buying intent within the next 30-60 days."
            },
            {
              id: "2",              title: "How do you generate leads?",              content: "We use targeted digital marketing, SEO optimization, paid advertising, and strategic partnerships to connect your business with prospects actively seeking epoxy flooring solutions."
            },
            {
              id: "3",              title: "What is your lead delivery timeline?",              content: "Leads are delivered according to your plan: Starter (monthly), Professional (bi-weekly), or Enterprise (weekly). Quality is prioritized over speed."
            },
            {
              id: "4",              title: "Can I cancel my subscription?",              content: "Yes, you can cancel anytime with 30 days notice. There are no long-term contracts or hidden cancellation fees."
            },
            {
              id: "5",              title: "Do you provide analytics and reporting?",              content: "Absolutely. All plans include analytics. Professional and Enterprise plans feature advanced dashboards with detailed conversion tracking and ROI metrics."
            },
            {
              id: "6",              title: "What if I'm not satisfied with the leads?",              content: "We offer a satisfaction guarantee. If leads don't meet your standards, we'll work with you to refine our targeting and improve quality at no additional cost."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/pool-with-windows-it_1112-872.jpg?_wi=2"
          imageAlt="Premium epoxy flooring"
          logoText="EpoxyPro"
          copyrightText="© 2025 EpoxyPro | Lead Generation Agency"
          columns={[
            {
              title: "Product",              items: [
                { label: "Pricing", href: "#pricing" },
                { label: "Features", href: "#" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
