"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Target, TrendingUp, Zap, Handshake, BarChart3, Briefcase, Award, Users, Quote, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="large"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Elevate"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "case-studies" },
            { name: "Team", id: "team" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Strategic Marketing That Drives Real Growth"
          description="We combine creative excellence with data-driven strategy to transform your brand and maximize ROI. From concept to execution, we deliver measurable results."
          tag="Award-Winning Agency"
          tagIcon={Sparkles}
          buttons={[
            { text: "Start Your Project", href: "contact" },
            { text: "View Our Work", href: "case-studies" }
          ]}
          background={{ variant: "plain" }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21425.jpg",              imageAlt: "Marketing strategy collaboration"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg",              imageAlt: "Digital marketing analytics"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15504.jpg",              imageAlt: "Creative brainstorming session"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/business-people-teamwork_23-2148827002.jpg",              imageAlt: "Social media content creation"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/young-coworkers-sharing-concepts-together_329181-19755.jpg",              imageAlt: "Brand identity design"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",              imageAlt: "Performance metrics and growth"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Brands Choose Elevate"
          description="We're not just a marketing agency—we're your strategic partner in growth. With over 10 years of experience, we've helped 200+ brands achieve their ambitious goals."
          tag="About Our Agency"
          tagIcon={Target}
          buttons={[{ text: "Learn More", href: "team" }]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Data-Driven Strategy",              description: "Every decision backed by insights, analytics, and market research",              icon: TrendingUp
            },
            {
              title: "Creative Excellence",              description: "Award-winning creative team delivering bold, memorable campaigns",              icon: Zap
            },
            {
              title: "Transparent Partnerships",              description: "Clear communication, regular reporting, and collaborative approach",              icon: Handshake
            },
            {
              title: "Measurable Results",              description: "ROI-focused strategies that drive growth and revenue impact",              icon: BarChart3
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg"
          imageAlt="Strategic marketing planning"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Core Services"
          description="Comprehensive marketing solutions tailored to your unique business goals"
          tag="What We Do"
          tagIcon={Briefcase}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Brand Strategy & Positioning",              description: "We develop comprehensive brand strategies that differentiate you from competitors and resonate with your target audience. From positioning workshops to brand architecture, we create the foundation for sustainable growth.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/office-scene-top-view_23-2147626515.jpg"
              }
            },
            {
              id: 2,
              title: "Digital Marketing & Growth",              description: "Leverage data-driven digital channels—SEO, SEM, social media, and email marketing—to drive qualified traffic and conversion. We optimize every touchpoint for maximum ROI.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/business-people-with-report-working-laptop_329181-17084.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg"
              }
            },
            {
              id: 3,
              title: "Creative Content & Design",              description: "From compelling copywriting to stunning visual design, our creative team produces content that engages, inspires, and converts. Every asset is crafted with your brand voice in mind.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/office-scene-top-view_23-2147626515.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/business-people-teamwork_23-2148827002.jpg"
              }
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact By The Numbers"
          description="Proven results that speak to our expertise and dedication to client success"
          tag="Performance Metrics"
          tagIcon={Award}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            { id: "1", value: "200+", description: "Brands Transformed" },
            { id: "2", value: "350%", description: "Average ROI Increase" },
            { id: "3", value: "45M", description: "Total Impressions Generated" },
            { id: "4", value: "98%", description: "Client Retention Rate" }
          ]}
        />
      </div>

      <div id="case-studies" data-section="case-studies">
        <BlogCardThree
          title="Case Studies & Success Stories"
          description="Real results from brands we've partnered with to achieve extraordinary growth"
          tag="Portfolio"
          tagIcon={Briefcase}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          blogs={[
            {
              id: "1",              category: "E-commerce",              title: "Scaling a DTC Brand from $1M to $10M in Revenue",              excerpt: "How strategic repositioning and multi-channel marketing drove exponential growth for an emerging e-commerce brand",              imageSrc: "https://img.b2bpic.net/free-photo/discount-shopping-season-with-sale_23-2150165924.jpg",              imageAlt: "E-commerce success case study",              date: "Jan 2025"
            },
            {
              id: "2",              category: "SaaS",              title: "Building Category Leadership for Enterprise SaaS",              excerpt: "Establishing thought leadership and driving 250% increase in qualified leads through content and brand strategy",              imageSrc: "https://img.b2bpic.net/free-photo/discount-shopping-season-with-sale_23-2150165932.jpg",              imageAlt: "SaaS growth case study",              date: "Dec 2024"
            },
            {
              id: "3",              category: "Healthcare",              title: "Modernizing Brand Perception in Healthcare Tech",              excerpt: "Repositioning a legacy healthcare brand to appeal to modern consumers while maintaining trust and credibility",              imageSrc: "https://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353755.jpg",              imageAlt: "Healthcare brand transformation",              date: "Nov 2024"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Team"
          description="Award-winning strategists, designers, and creators dedicated to your success"
          tag="The Team"
          tagIcon={Users}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",              name: "Sarah Chen",              role: "Chief Strategy Officer",              imageSrc: "https://img.b2bpic.net/free-photo/people-their-office-job-showing-inclusivity_23-2149571097.jpg",              imageAlt: "Sarah Chen, CSO"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-team-work_23-2149741178.jpg",              imageAlt: "Michael Rodriguez, Creative Director"
            },
            {
              id: "3",              name: "Emma Watson",              role: "Head of Digital Strategy",              imageSrc: "https://img.b2bpic.net/free-photo/colleagues-office-work-day_23-2150468571.jpg",              imageAlt: "Emma Watson, Digital Strategy"
            },
            {
              id: "4",              name: "James Park",              role: "Chief Operations Officer",              imageSrc: "https://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804486.jpg",              imageAlt: "James Park, COO"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by leading brands and innovative companies worldwide"
          cardTag="Hear from our clients"
          cardTagIcon={Quote}
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Jessica Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Jessica Thompson"
            },
            {
              id: "2",              name: "David Morrison",              imageSrc: "https://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",              imageAlt: "David Morrison"
            },
            {
              id: "3",              name: "Amanda Patel",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",              imageAlt: "Amanda Patel"
            },
            {
              id: "4",              name: "Christopher Lee",              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              imageAlt: "Christopher Lee"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Marketing?"
          ctaDescription="Let's schedule a strategic consultation to explore how we can drive growth for your brand."
          ctaButton={{ text: "Book a Free Consultation", href: "contact" }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What's your typical engagement model?",              content: "We offer flexible engagement options including project-based work, retainers, and performance-based pricing. We tailor our approach to your business model and growth stage."
            },
            {
              id: "2",              title: "How do you measure campaign success?",              content: "We establish clear KPIs upfront aligned with your business goals. Monthly reporting provides transparency on metrics like ROI, conversion rates, traffic growth, and brand awareness impact."
            },
            {
              id: "3",              title: "What industries do you specialize in?",              content: "We've worked across e-commerce, SaaS, healthcare, fintech, B2B technology, and more. Our framework adapts to any industry, and our cross-industry insights often drive breakthrough strategies."
            },
            {
              id: "4",              title: "How long until we see results?",              content: "Quick wins appear within 30-60 days. Significant transformations typically manifest within 3-6 months. We focus on sustainable, long-term growth while delivering near-term improvements."
            },
            {
              id: "5",              title: "Do you work with startups or only enterprise brands?",              content: "We work with high-growth startups, established brands, and enterprise companies. We have experience scaling brands from pre-launch through IPO and beyond."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Elevate"
          copyrightText="© 2025 Elevate Marketing. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Brand Strategy", href: "services" },
                { label: "Digital Marketing", href: "services" },
                { label: "Creative Design", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "team" },
                { label: "Case Studies", href: "case-studies" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Get Started", href: "contact" },
                { label: "Contact Us", href: "contact" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}