"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { TrendingUp, Award, Target, Users, Sparkles, Zap, MessageSquare, Rocket } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Elevate Agency"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Elevate"
          description="Transform your brand with data-driven marketing strategies and creative excellence"
          buttons={[
            { text: "Start Your Journey", href: "#contact" },
            { text: "View Our Work", href: "#services" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/business-people-meeting_53876-15179.jpg"
          imageAlt="Marketing agency workspace with team collaboration"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="We're a full-service marketing agency dedicated to delivering measurable results and driving sustainable growth for brands that dare to be different"
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: TrendingUp, label: "Clients Served", value: "150+" },
            { icon: Award, label: "Industry Awards", value: "28" },
            { icon: Target, label: "Campaign Success Rate", value: "94%" },
            { icon: Users, label: "Team Members", value: "45+" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Why Choose Elevate"
          description="See how our strategic approach delivers results that matter for your business"
          tag="Our Advantage"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          negativeCard={{
            items: [
              "Generic, one-size-fits-all strategies",              "Limited reporting and transparency",              "No dedicated account management",              "Slow campaign optimization cycles"
            ]
          }}
          positiveCard={{
            items: [
              "Custom strategies tailored to your goals",              "Real-time analytics dashboards",              "Dedicated strategic partner assigned",              "Weekly optimization and adjustments"
            ]
          }}
          buttons={[
            { text: "Schedule a Consultation", href: "#contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Core Services"
          description="Comprehensive marketing solutions designed to elevate your brand and drive measurable business growth"
          tag="Services"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Digital Marketing Strategy",              price: "Custom Pricing",              imageSrc: "https://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-7713.jpg",              imageAlt: "Digital marketing strategy and social media services"
            },
            {
              id: "2",              name: "Content Creation & Copywriting",              price: "Custom Pricing",              imageSrc: "https://img.b2bpic.net/free-psd/digital-marketing-corporate-social-media-agency-banner-instagram-post-template_505751-7693.jpg",              imageAlt: "Professional content creation and copywriting services"
            },
            {
              id: "3",              name: "SEO & Search Marketing",              price: "Custom Pricing",              imageSrc: "https://img.b2bpic.net/free-vector/digital-marketing-agency-corporate-social-media-banner-instagram-post-template_1435-1951.jpg",              imageAlt: "SEO optimization and search engine marketing services"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="We measure success by the impact we create for our clients. Here's what we've accomplished together."
          tag="Impact"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "2.5M+",              description: "Total qualified leads generated for our clients through strategic campaigns"
            },
            {
              id: "2",              value: "340%",              description: "Average ROI improvement across all client accounts in the last 18 months"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Team"
          description="Expert strategists, creatives, and data analysts committed to your success"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          groups={[
            {
              id: "leadership",              groupTitle: "Leadership",              members: [
                {
                  id: "1",                  title: "Sarah Chen",                  subtitle: "Founder & Chief Strategy Officer",                  detail: "sarah@elevateagency.com",                  imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",                  imageAlt: "Sarah Chen, Founder and Chief Strategy Officer"
                },
                {
                  id: "2",                  title: "Michael Rodriguez",                  subtitle: "Chief Creative Officer",                  detail: "michael@elevateagency.com",                  imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",                  imageAlt: "Michael Rodriguez, Chief Creative Officer"
                },
                {
                  id: "3",                  title: "Jessica Park",                  subtitle: "Chief Analytics Officer",                  detail: "jessica@elevateagency.com",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",                  imageAlt: "Jessica Park, Chief Analytics Officer"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Industry Leaders"
          description="See what our clients have to say about working with Elevate"
          tag="Client Stories"
          tagIcon={MessageSquare}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Transformed Our Digital Presence",              quote: "Elevate didn't just execute campaigns—they fundamentally transformed how we approach digital marketing. The insights and strategies have been a game-changer for our business growth.",              name: "James Mitchell",              role: "CEO",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Mitchell, CEO of TechVenture Inc."
            },
            {
              id: "2",              title: "Exceptional ROI and Partnership",              quote: "Working with Elevate has been exceptional. Their team goes beyond typical agency work—they become true partners invested in our success and constantly deliver measurable results.",              name: "Amanda Foster",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Amanda Foster, Founder of GrowthCo"
            },
            {
              id: "3",              title: "Unmatched Strategic Expertise",              quote: "The level of strategic thinking and creative excellence that Elevate brings is unmatched. They understand our brand deeply and consistently deliver campaigns that resonate with our audience.",              name: "David Chen",              role: "Marketing Director",              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 Chen, Marketing Director at Global Brands Ltd."
            },
            {
              id: "4",              title: "Results That Exceed Expectations",              quote: "Elevate consistently exceeds our expectations. Their data-driven approach combined with creative innovation has helped us achieve targets we thought were impossible.",              name: "Rachel Thompson",              role: "VP Marketing",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Rachel Thompson, VP Marketing at Premier Solutions"
            },
            {
              id: "5",              title: "Trusted Strategic Partners",              quote: "What sets Elevate apart is their commitment to transparency and partnership. We know exactly what's working, why it's working, and how to optimize further. Highly recommended.",              name: "Marcus Johnson",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Marcus Johnson, Founder of InnovateLab"
            },
            {
              id: "6",              title: "Accelerated Growth and Success",              quote: "Since partnering with Elevate, our marketing effectiveness has doubled. Their team's expertise, dedication, and strategic approach have been instrumental in accelerating our business growth.",              name: "Elena Rossi",              role: "CEO",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Elena Rossi, CEO of StartupXYZ"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Elevate Your Brand"
          description="Let's discuss how we can transform your marketing and drive meaningful results for your business. Reach out today to schedule a consultation."
          tagIcon={Rocket}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@company.com"
          buttonText="Schedule Consultation"
          termsText="We respect your privacy. Your information helps us tailor our approach to your specific needs."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Elevate"
          copyrightText="© 2025 Elevate Agency. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Digital Marketing", href: "#services" },
                { label: "Content Creation", href: "#services" },
                { label: "SEO & SEM", href: "#services" },
                { label: "Brand Strategy", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#team" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Case Studies", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Insights", href: "#" },
                { label: "Tools", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}