"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Target, Heart, Brain, Palette, Rocket, Zap, Users, Award, BookOpen, Mail, Twitter, Linkedin, Instagram, Github, Compass, Pen, Share2, Facebook } from "lucide-react";

export default function LandingPage() {
  const handleContactSubmit = (email: string) => {
    console.log('Contact form submitted:', email);
  };

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Webild"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Blog", id: "blog" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Drive Growth Through Strategic Marketing"
          description="We create data-driven marketing campaigns that transform businesses. From brand strategy to digital execution, we deliver measurable results."
          tag="Your Growth Partner"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          kpis={[
            { value: "250+", label: "Campaigns Launched" },
            { value: "87%", label: "Average ROI Increase" },
            { value: "150+", label: "Satisfied Clients" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
          imageAlt="Marketing analytics dashboard"
          imagePosition="right"
          buttons={[
            { text: "Start Your Project", href: "contact" },
            { text: "View Our Work", href: "blog" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Services That Deliver Results"
          description="Comprehensive marketing solutions tailored to your business goals and audience."
          tag="Our Expertise"
          tagIcon={Target}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              title: "Brand Strategy",              description: "Develop compelling brand positioning and messaging",              bentoComponent: "icon-info-cards",              items: [
                { icon: Compass, label: "Market Analysis", value: "Competitive Edge" },
                { icon: Sparkles, label: "Brand Identity", value: "Unique Voice" },
                { icon: Target, label: "Positioning", value: "Clear Direction" }
              ]
            },
            {
              title: "Digital Marketing",              description: "Drive traffic and conversions with proven digital tactics",              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Content Marketing",              description: "Create engaging stories that resonate with your audience",              bentoComponent: "marquee",              centerIcon: Pen,
              variant: "text",              texts: ["Blog Posts", "Videos", "Infographics", "Case Studies", "Whitepapers"]
            },
            {
              title: "Social Media Management",              description: "Build community and engagement across platforms",              bentoComponent: "orbiting-icons",              centerIcon: Share2,
              items: [
                { icon: Facebook, ring: 1 },
                { icon: Instagram, ring: 1 },
                { icon: Linkedin, ring: 2 },
                { icon: Twitter, ring: 2 }
              ]
            },
            {
              title: "Analytics & Optimization",              description: "Track performance and continuously improve campaigns",              bentoComponent: "line-chart"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Webild Marketing"
          description="We're a team of creative strategists, data analysts, and digital experts united by a mission to elevate your brand."
          tag="Our Story"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="Webild marketing team collaboration"
          bulletPoints={[
            {
              title: "Strategic Thinking",              description: "Data-driven insights that inform every decision and campaign strategy",              icon: Brain
            },
            {
              title: "Creative Excellence",              description: "Award-winning creative teams that bring brands to life with compelling visuals",              icon: Palette
            },
            {
              title: "Client Success",              description: "Dedicated partnerships focused on achieving your business objectives and ROI",              icon: Rocket
            },
            {
              title: "Innovation First",              description: "Always exploring new technologies and trends to keep your brand ahead",              icon: Zap
            }
          ]}
          buttons={[
            { text: "Learn More", href: "team" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Team"
          description="Talented professionals dedicated to your marketing success"
          tag="Leadership"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          members={[
            {
              id: "1",              name: "Sarah Chen",              role: "Chief Strategy Officer",              description: "15+ years driving marketing transformation for Fortune 500 companies",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Sarah Chen - CSO",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "2",              name: "Marcus Rodriguez",              role: "Creative Director",              description: "Award-winning designer with expertise in brand identity and visual storytelling",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Marcus Rodriguez - Creative Director",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Github, url: "https://portfolio.com" }
              ]
            },
            {
              id: "3",              name: "Jessica Liu",              role: "Digital Marketing Lead",              description: "Specialist in performance marketing and conversion optimization with proven track record",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",              imageAlt: "Jessica Liu - Digital Marketing Lead",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Mail, url: "mailto:jessica@webild.com" }
              ]
            },
            {
              id: "4",              name: "Alex Thompson",              role: "Analytics Manager",              description: "Data scientist passionate about uncovering insights and measuring campaign impact",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Alex Thompson - Analytics Manager",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Github, url: "https://github.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real results from companies that trusted us with their marketing"
          tag="Success Stories"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Emily Johnson",              handle: "@emilyj_ceo",              testimonial: "Webild transformed our entire marketing strategy. Within 6 months, we saw a 150% increase in qualified leads and significantly improved brand awareness.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Emily Johnson testimonial"
            },
            {
              id: "2",              name: "David Park",              handle: "@david.park",              testimonial: "The team's strategic approach to our rebranding was exceptional. They understood our vision and delivered creative that exceeded expectations.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "David Park testimonial"
            },
            {
              id: "3",              name: "Lisa Martinez",              handle: "@lisa_ventures",              testimonial: "Working with Webild felt like having a dedicated in-house marketing team. Their expertise and responsiveness are unmatched in the industry.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",              imageAlt: "Lisa Martinez testimonial"
            },
            {
              id: "4",              name: "James Wilson",              handle: "@jwilson_tech",              testimonial: "The ROI we've achieved through their data-driven campaigns has been remarkable. They truly understand how to drive business growth.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "James Wilson testimonial"
            },
            {
              id: "5",              name: "Priya Patel",              handle: "@priya_founder",              testimonial: "From day one, Webild was committed to understanding our business and delivering results. Highly recommended for any serious brand.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",              imageAlt: "Priya Patel testimonial"
            },
            {
              id: "6",              name: "Christopher Blake",              handle: "@cblake_ventures",              testimonial: "Their content strategy positioned us as industry leaders. The quality and consistency of their work is simply outstanding.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",              imageAlt: "Christopher Blake testimonial"
            }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Latest Insights"
          description="Stay ahead with industry trends, strategies, and marketing tips from our experts"
          tag="Resources"
          tagIcon={BookOpen}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
              id: "1",              category: "Strategy",              title: "The Future of Personalized Marketing",              excerpt: "Discover how AI and data analytics are revolutionizing customer personalization and driving higher conversion rates.",              imageSrc: "https://img.b2bpic.net/free-photo/working-office_1150-121.jpg",              imageAlt: "Personalized marketing article",              authorName: "Sarah Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              date: "15 Jan 2025"
            },
            {
              id: "2",              category: "Digital",              title: "Mastering Social Media Marketing in 2025",              excerpt: "Essential tactics and platform updates that will help you build authentic engagement and grow your community.",              imageSrc: "https://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20862.jpg",              imageAlt: "Social media marketing guide",              authorName: "Jessica Liu",              authorAvatar: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",              date: "12 Jan 2025"
            },
            {
              id: "3",              category: "Branding",              title: "Building Brands That Last Beyond Trends",              excerpt: "Timeless principles of brand building that create lasting connections with customers regardless of market changes.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-laptop-coffee-assortment_23-2148594513.jpg",              imageAlt: "Brand strategy insights",              authorName: "Marcus Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              date: "10 Jan 2025"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Mail}
          title="Ready to Transform Your Marketing?"
          description="Let's discuss how we can help your brand reach new heights. Subscribe to our newsletter for exclusive insights and offers."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
          imageAlt="Contact us section"
          mediaPosition="right"
          inputPlaceholder="your@company.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          onSubmit={handleContactSubmit}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Webild"
          copyrightText="© 2025 Webild Marketing. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
            { icon: Instagram, href: "https://instagram.com/webild", ariaLabel: "Instagram" },
            { icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}