"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { BarChart3, CheckCircle, DollarSign, Heart, HelpCircle, PenTool, Rocket, Search, Share2, Sparkles, Star, Target, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="noise"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="D2B Marketing"
          navItems={[
            { name: "Services", id: "features" },
            { name: "Results", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Free Strategy",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Turn clicks into customers with D2B Marketing"
          description="We deliver data-driven digital strategies that grow your business online. Proven results for retail, ecommerce, and professional services."
          tag="Digital Marketing Excellence"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/businessman-using-laptop-with-data-visualizations-charts_9975-22092.jpg"
          imageAlt="digital marketing strategy data analytics business growth"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Get Your Free Strategy Session", href: "contact" },
            { text: "View Our Work", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Impact"
          tagIcon={Target}
          title="Proven Results That Drive Growth"
          description="D2B Marketing has helped over 200+ businesses increase their online visibility and generate high-quality leads. Our data-driven approach combines technical expertise with creative strategy to deliver measurable ROI. From improving search rankings to optimizing conversion funnels, we transform digital challenges into growth opportunities."
          metrics={[
            { value: "200+", title: "Businesses Transformed" },
            { value: "45%", title: "Average Revenue Growth" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
          imageAlt="marketing success case study results analytics dashboard"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Our Services"
          description="Comprehensive digital marketing solutions tailored to your business goals"
          tag="Core Offerings"
          tagIcon={Zap}
          features={[
            {
              icon: Search,
              title: "SEO Optimization",              description: "Boost your search rankings and organic traffic with data-driven keyword strategies and technical optimization."
            },
            {
              icon: Share2,
              title: "Social Media Marketing",              description: "Build engaged communities and amplify your brand message across all major platforms with strategic content."
            },
            {
              icon: TrendingUp,
              title: "Conversion Optimization",              description: "Transform visitors into customers through targeted funnel optimization, A/B testing, and user experience refinement."
            },
            {
              icon: BarChart3,
              title: "Analytics & Reporting",              description: "Get transparent insights into campaign performance with detailed reporting and actionable recommendations."
            },
            {
              icon: Zap,
              title: "PPC Advertising",              description: "Maximize ROI with expertly managed Google Ads and social campaigns that reach your target audience."
            },
            {
              icon: PenTool,
              title: "Content Marketing",              description: "Create compelling narratives that attract, engage, and convert your ideal customers through strategic storytelling."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Pricing Plans"
          description="Choose the perfect package to accelerate your business growth"
          tag="Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "starter",              tag: "Starter Package",              tagIcon: Rocket,
              price: "$2,500",              period: "/month",              description: "Perfect for small businesses just getting started with digital marketing.",              button: { text: "Get Started", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "Monthly strategy consultation",                "Basic SEO optimization",                "Social media management (2 platforms)",                "Monthly performance report",                "Email support"
              ]
            },
            {
              id: "professional",              tag: "Professional Plan",              tagIcon: Star,
              price: "$5,000",              period: "/month",              description: "Ideal for growing businesses ready to scale their online presence.",              button: { text: "Schedule Call", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "Bi-weekly strategy reviews",                "Comprehensive SEO + PPC management",                "Social media marketing (4 platforms)",                "Conversion rate optimization",                "Bi-weekly performance reports",                "Priority email & phone support"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by Over 200+ Business Leaders Who've Transformed Their Digital Presence"
          cardTag="Client Success Stories"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",              imageAlt: "Sarah Mitchell, Retail Store Owner"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageAlt: "James Chen, Ecommerce Founder"
            },
            {
              id: "3",              name: "Rebecca Lopez",              imageSrc: "https://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",              imageAlt: "Rebecca Lopez, Marketing Director"
            },
            {
              id: "4",              name: "David Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg",              imageAlt: "David Thompson, Service Provider"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Partner with the agency that delivers results for growing businesses across multiple industries"
          tag="Our Partners"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "RetailCorp",            "ShopHub Inc",            "ProfessionalServices Co",            "TechVentures",            "FinanceFlow",            "HealthWell Group",            "DigitalFirst Agency"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Get answers to common questions about our services and how we can help your business grow"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How long does it take to see results from digital marketing?",              content: "Results vary by channel. SEO typically shows meaningful improvements in 3-6 months. PPC and social media ads can drive traffic immediately. We provide monthly reports so you can track progress every step of the way."
            },
            {
              id: "2",              title: "Do you work with businesses outside of retail, ecommerce, and professional services?",              content: "While we specialize in these sectors, we have experience across various industries. Contact us to discuss your specific business needs and whether we're the right fit."
            },
            {
              id: "3",              title: "What's included in your strategy session?",              content: "Our free strategy session includes a comprehensive audit of your current online presence, competitive analysis, identification of growth opportunities, and a customized action plan to achieve your business goals."
            },
            {
              id: "4",              title: "How do you measure campaign success?",              content: "We track KPIs specific to your goals: traffic growth, lead generation, conversion rates, ROI, and more. You'll receive transparent, detailed monthly reports showing exactly how your investment performs."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your digital presence and grow your business? Let's create a custom strategy that delivers real results."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Your Free Strategy Session", href: "https://calendly.com" },
            { text: "Get in Touch", href: "mailto:hello@d2bmarketing.com" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="D2B Marketing"
          columns={[
            {
              title: "Services",              items: [
                { label: "SEO Optimization", href: "#features" },
                { label: "Social Media Marketing", href: "#features" },
                { label: "PPC Advertising", href: "#features" },
                { label: "Content Marketing", href: "#features" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Results", href: "#about" },
                { label: "Pricing", href: "#pricing" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "Free Tools", href: "#" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 D2B Marketing. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}