"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Zap, Award, Users, Mail, Instagram, TrendingUp, BarChart3, Video, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="blurBottom"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Elevate Social"
          bottomLeftText="Social Media Excellence"
          bottomRightText="hello@elevatesocial.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Transform Your Brand's Social Presence"
          description="We craft compelling social media strategies that drive engagement, build communities, and convert followers into loyal customers. Let's amplify your brand's voice."
          tag="Premium Social Agency"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          testimonials={[
            {
              name: "Alexandra Chen",              handle: "CMO, TechVentures",              testimonial: "Elevate Social transformed our Instagram presence. Our engagement increased 340% in just 6 months.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"},
            {
              name: "Marcus Johnson",              handle: "Founder, GrowthCo",              testimonial: "Their content strategy is exceptional. We've never seen such authentic connection with our audience.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1"},
          ]}
          testimonialRotationInterval={5000}
          imagePosition="right"
          imageSrc="http://img.b2bpic.net/free-psd/digital-marketing-idea-project-support-join-us_505751-8091.jpg"
          imageAlt="Premium social media marketing strategy"
          mediaAnimation="blur-reveal"
          buttons={[
            { text: "Get Started", href: "#contact" },
            { text: "View Our Work", href: "#portfolio" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We're a team of creative strategists specializing in" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg", alt: "Creative strategy icon" },
            { type: "text", content: "social media excellence and" },
            { type: "image", src: "http://img.b2bpic.net/free-photo/creative-ideas-internet-learning-concept_53876-13766.jpg", alt: "Content creation icon" },
            { type: "text", content: "brand storytelling" },
          ]}
          useInvertedBackground={true}
          buttons={[
            { text: "Learn Our Process", href: "#services" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Our Premium Services"
          description="Comprehensive social media solutions designed to elevate your brand and drive measurable results"
          tag="What We Offer"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              icon: Instagram,
              title: "Instagram Strategy & Growth",              description: "Grow your Instagram audience with engaging content, strategic posting, and community management that builds authentic connections."},
            {
              icon: TrendingUp,
              title: "TikTok Content Creation",              description: "Leverage viral trends with creative, high-performing TikTok content that resonates with Gen Z and younger audiences."},
            {
              icon: Zap,
              title: "Paid Social Campaigns",              description: "Maximize ROI with targeted, data-driven paid social advertising across Facebook, Instagram, and LinkedIn."},
            {
              icon: Users,
              title: "Community Management",              description: "Build loyal communities with responsive, thoughtful engagement and strategic brand voice development."},
            {
              icon: BarChart3,
              title: "Analytics & Reporting",              description: "Track what matters with comprehensive analytics, monthly reports, and actionable insights for continuous improvement."},
            {
              icon: Video,
              title: "Video Content Production",              description: "Professional video production and editing for YouTube, Instagram Reels, and TikTok that tells your brand story."},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Services", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <BlogCardThree
          title="Case Studies & Success Stories"
          description="See how we've transformed brands across industries with strategic social media campaigns"
          tag="Portfolio"
          tagIcon={Award}
          tagAnimation="slide-up"
          blogs={[
            {
              id: "case-1",              category: "E-Commerce Growth",              title: "From 5K to 150K Followers in 8 Months",              excerpt: "How we scaled a fashion brand's Instagram presence with targeted content strategy and influencer partnerships.",              imageSrc: "http://img.b2bpic.net/free-psd/online-courses-social-media-post-collection-set_47987-33999.jpg",              imageAlt: "Fashion brand social media growth",              authorName: "Sarah Kim",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",              date: "Jan 2025"},
            {
              id: "case-2",              category: "Viral Marketing",              title: "$2M Revenue Generated from TikTok Strategy",              excerpt: "Our TikTok content strategy drove unprecedented engagement and converted viewers into customers for a lifestyle brand.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-live-streaming-online-shopping-campaign_53876-96209.jpg",              imageAlt: "TikTok viral content success",              authorName: "Marcus Chen",              authorAvatar: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              date: "Dec 2024"},
            {
              id: "case-3",              category: "Content Excellence",              title: "Building Authentic Community Through Video",              excerpt: "Strategic YouTube and Reels content increased brand authority and engagement for a tech startup by 285%.",              imageSrc: "http://img.b2bpic.net/free-photo/movies-entertainment-events-digital-media_53876-124131.jpg",              imageAlt: "Video content marketing campaign",              authorName: "Jessica Wong",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg",              date: "Nov 2024"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "View All Case Studies", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="These brands have partnered with us to elevate their social media presence"
          tag="Partners"
          tagIcon={Users}
          tagAnimation="slide-up"
          names={["TechVentures", "GrowthCo", "StyleHub", "InnovateLabs", "CloudSync", "PureLife", "DesignStudio"]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "See Our Full Portfolio", href: "#portfolio" },
          ]}
          buttonAnimation="slide-up"
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Real feedback from brands we've partnered with to achieve exceptional results"
          tag="Client Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Alexandra Chen",              role: "CMO",              company: "TechVentures Inc",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"},
            {
              id: "2",              name: "Marcus Johnson",              role: "Founder & CEO",              company: "GrowthCo",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2"},
            {
              id: "3",              name: "Elena Rodriguez",              role: "Brand Director",              company: "StyleHub Fashion",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
            {
              id: "4",              name: "David Park",              role: "Marketing Head",              company: "InnovateLabs",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg"},
            {
              id: "5",              name: "Jessica Wong",              role: "Founder",              company: "CloudSync Solutions",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"},
            {
              id: "6",              name: "Antoine Bernard",              role: "VP Marketing",              company: "PureLife Wellness",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Read More Reviews", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the Creative Minds Behind Your Growth"
          tag="Our Team"
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Sarah Kim",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg?_wi=1"},
            {
              id: "2",              name: "Marcus Chen",              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg"},
            {
              id: "3",              name: "Jessica Wong",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg"},
            {
              id: "4",              name: "David Laurent",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg?_wi=2"},
          ]}
          memberVariant="default"
          membersAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Ready to Elevate Your Social Game?"
          description="Subscribe to get our monthly insights on social media trends, case studies, and strategies that drive real business results."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-typing-pc-keyboard-assisting-customers-through-live-chat_482257-125755.jpg"
          imageAlt="Contact and newsletter signup"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. See our privacy policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Elevate Social"
          columns={[
            {
              items: [
                { label: "Services", href: "#services" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Our Team", href: "#team" },
              ],
            },
            {
              items: [
                { label: "About Us", href: "#about" },
                { label: "Case Studies", href: "#portfolio" },
                { label: "Testimonials", href: "#testimonials" },
              ],
            },
            {
              items: [
                { label: "Contact", href: "#contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
              ],
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
