"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { BarChart3, Building2, Globe, HandshakeIcon, MapPin, Sliders, Star, TrendingUp, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="AdWalling"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Get Started", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Transform Your Advertising with Wall Solutions"
          description="Reach your audience where they live and work. AdWalling connects brands with high-impact advertising opportunities on building walls across prime locations."
          tag="Premium Wall Advertising"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Opportunities", href: "#features" },
            { text: "Schedule Demo", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/blank-blue-stand-roadside_23-2147764764.jpg?_wi=1"
          imageAlt="Modern billboard advertising on urban building wall"
          mediaAnimation="opacity"
          background={{ variant: "aurora" }}
          testimonials={[
            {
              name: "Sarah Johnson",              handle: "@sarahj_marketing",              testimonial: "AdWalling delivered exceptional results. Our campaign reached 500K people in the first month.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              name: "Michael Chen",              handle: "@mchen_brand",              testimonial: "Best advertising investment we've made. The targeting and placement quality is unmatched.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              imageAlt: "Michael Chen"
            },
            {
              name: "Emily Rodriguez",              handle: "@emilyrod_ads",              testimonial: "Impressive analytics dashboard. We can track ROI in real-time with complete transparency.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",              imageAlt: "Emily Rodriguez"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About AdWalling"
          tagIcon={Building2}
          tagAnimation="slide-up"
          title="Redefining Outdoor Advertising Through Innovation"
          buttons={[{ text: "Learn More", href: "#features" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose AdWalling"
          description="We combine premium locations, advanced targeting, and transparent analytics to deliver exceptional advertising results."
          tag="Key Features"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              icon: Globe,
              title: "Massive Reach",              description: "Access high-traffic locations across major cities and reach hundreds of thousands of potential customers daily."
            },
            {
              icon: TrendingUp,
              title: "Real-Time Analytics",              description: "Track impressions, engagement, and ROI with our advanced analytics dashboard. Get insights that drive decisions."
            },
            {
              icon: MapPin,
              title: "Strategic Locations",              description: "Partner with premium locations including transit hubs, retail centers, and high-density residential areas."
            },
            {
              icon: Sliders,
              title: "Full Flexibility",              description: "Customize campaign duration, rotate creative assets, and adjust targeting parameters on demand."
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View All Features", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Proven Results & Impact"
          description="Our campaigns deliver measurable results for brands of all sizes."
          tag="By The Numbers"
          tagIcon={BarChart3}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "impressions",              value: "50M+",              title: "Monthly Impressions",              description: "Average impressions across our active campaigns"
            },
            {
              id: "locations",              value: "1,200+",              title: "Prime Locations",              description: "High-traffic advertising placements nationwide"
            },
            {
              id: "clients",              value: "500+",              title: "Active Clients",              description: "Brands trusting AdWalling for their campaigns"
            },
            {
              id: "roi",              value: "340%",              title: "Average ROI",              description: "Client return on investment compared to industry average"
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Get Started Today", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Brands"
          description="Join hundreds of companies using AdWalling to amplify their message and reach new audiences."
          tag="Our Partners"
          tagIcon={HandshakeIcon}
          tagAnimation="slide-up"
          names={[
            "Premium Brands",            "Global Leaders",            "Innovative Companies",            "Market Movers",            "Industry Icons",            "Fortune 500",            "Growth Focused"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/flat-design-brewery-logo-design_23-2150146027.jpg",            "http://img.b2bpic.net/free-vector/supermarket-logo-template_23-2148467759.jpg",            "http://img.b2bpic.net/free-vector/abstract-sport-background-flat-style_23-2148215739.jpg",            "http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148976732.jpg",            "http://img.b2bpic.net/free-vector/abstract-sphere_1006-4.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-modern-business-card-template_23-2150398584.jpg",            "http://img.b2bpic.net/free-vector/world-health-day-with-apple_23-2148446432.jpg",            "http://img.b2bpic.net/free-vector/flat-geometric-double-sided-horizontal-business-card-template_23-2149290524.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          buttons={[{ text: "Partner With Us", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="AdWalling completely transformed our outdoor advertising strategy. The combination of premium locations and transparent analytics helped us achieve a 340% ROI. The team is responsive, professional, and genuinely invested in our success."
          rating={5}
          author="David Kim, CEO of StartupXYZ"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/focused-business-colleagues-arguing_1262-20538.jpg", alt: "David Kim" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", alt: "Team Member" },
            { src: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", alt: "Team Member" },
            { src: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman_23-2148317345.jpg", alt: "Team Member" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Find answers to frequently asked questions about AdWalling services, pricing, and campaign management."
          faqs={[
            {
              id: "faq-1",              title: "How does AdWalling pricing work?",              content: "We offer flexible pricing based on location premium, campaign duration, and placement size. Most campaigns range from $5,000 to $50,000 monthly. Contact our team for a customized quote."
            },
            {
              id: "faq-2",              title: "Can I track my campaign performance?",              content: "Yes! Our analytics dashboard provides real-time data on impressions, engagement rates, and estimated ROI. You can access detailed reports anytime through your account portal."
            },
            {
              id: "faq-3",              title: "What locations are available?",              content: "We operate in major metropolitan areas with premium placements at transit hubs, retail centers, and high-density zones. Request our location map to see available placements in your target market."
            },
            {
              id: "faq-4",              title: "How long does a campaign typically run?",              content: "Campaigns are fully flexible. Minimum commitment is 4 weeks. Many clients run 3-6 month campaigns, but you can adjust duration based on your goals and budget."
            },
            {
              id: "faq-5",              title: "Do you offer design services?",              content: "We partner with top creative agencies or you can provide your own assets. Our creative team can also recommend partners if you need design support."
            },
            {
              id: "faq-6",              title: "What's the typical turnaround for setup?",              content: "Once approved, most campaigns launch within 2-3 weeks. Rush deployments available for an additional fee. Contact us to discuss your timeline requirements."
            }
          ]}
          buttons={[{ text: "Schedule Consultation", href: "#contact" }]}
          buttonAnimation="slide-up"
          faqsAnimation="opacity"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/blank-blue-stand-roadside_23-2147764764.jpg?_wi=2"
          imageAlt="AdWalling advertising network"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Locations", href: "#locations" },
                { label: "Analytics", href: "#analytics" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#blog" },
                { label: "Careers", href: "#careers" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Cookie Policy", href: "#cookies" },
                { label: "Compliance", href: "#compliance" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" }
              ]
            }
          ]}
          logoText="AdWalling"
          copyrightText="© 2025 AdWalling Inc. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}