"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Sparkles, TrendingUp, Target, Users, Award, Phone, Mail, MapPin } from 'lucide-react';

export default function MarketingAgencyPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="animatedGrid"
      cardStyle="spotlight"
      primaryButtonStyle="outline"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="MarketHub"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Strategy & Design"
          bottomRightText="hello@markethub.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Transform Your Brand Into Market Leader"
          description="Strategic marketing solutions that drive growth, engagement, and measurable results for ambitious brands"
          tag="Marketing Excellence"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787041844-tzssa0wc.jpg",
              imageAlt: "Marketing campaign strategy"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767357534251-2iwekqmx.jpg",
              imageAlt: "Digital advertising campaign"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787042710-od9z7ohf.jpg",
              imageAlt: "Creative marketing design"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767357535972-96mk0h99.jpg",
              imageAlt: "Marketing analytics dashboard"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
              imageAlt: "Social media marketing strategy"
            }
          ]}
          buttons={[
            { text: "Start Your Campaign", href: "contact" },
            { text: "View Our Work", href: "portfolio" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <AboutMetric
          title="Proven Results Through Strategic Marketing Innovation and Creative Excellence"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: TrendingUp, label: "Client Growth Rate", value: "320%" },
            { icon: Target, label: "Campaigns Delivered", value: "150+" },
            { icon: Users, label: "Brands Transformed", value: "85+" },
            { icon: Award, label: "Industry Awards", value: "28" }
          ]}
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Services"
          description="Comprehensive marketing solutions tailored to elevate your brand and achieve business objectives"
          tag="What We Offer"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",
              title: "Brand Strategy",
              description: "Develop compelling brand narratives and positioning strategies that resonate with your target audience",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
              imageAlt: "Brand strategy service"
            },
            {
              id: "02",
              title: "Digital Marketing",
              description: "Leverage SEO, paid advertising, and social media to amplify your brand presence online",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
              imageAlt: "Digital marketing service"
            },
            {
              id: "03",
              title: "Content Creation",
              description: "Produce engaging content that tells your story and drives meaningful customer engagement",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101317921-hazful2n.jpg",
              imageAlt: "Content creation service"
            },
            {
              id: "04",
              title: "Analytics & Reporting",
              description: "Track performance metrics and optimize campaigns based on data-driven insights",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101318881-7761eg4s.jpg",
              imageAlt: "Analytics and reporting service"
            }
          ]}
        />
      </div>
      
      <div id="portfolio" data-section="portfolio">
        <ProductCardSix
          title="Featured Campaigns"
          description="Showcase of award-winning campaigns that delivered exceptional results for our clients"
          tag="Case Studies"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Tech Startup Growth Campaign",
              price: "$50K",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
              imageAlt: "Tech startup growth campaign"
            },
            {
              id: "2",
              name: "E-Commerce Brand Launch",
              price: "$45K",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767357537782-lh9kc524.jpg",
              imageAlt: "E-commerce brand launch campaign"
            },
            {
              id: "3",
              name: "SaaS Lead Generation",
              price: "$65K",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983292413-wq7r64pm.jpg",
              imageAlt: "SaaS lead generation campaign"
            }
          ]}
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the Creative Minds Behind Your Success"
          tag="Our Team"
          memberVariant="card"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",
              name: "Sarah Mitchell",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320178642-9c2nk7ji.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140098536-9jc7ywck.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "Marcus Thompson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
              imageAlt: "Marcus Thompson"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "David Kim",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "7",
              name: "Jessica Patel",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Jessica Patel"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Hear from brands we've helped transform into market leaders"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Alex Rodriguez",
              handle: "CEO, InnovateCorp",
              testimonial: "MarketHub transformed our brand visibility. Their strategic approach delivered 320% growth in just 6 months.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850165195-selv2sf8.jpg",
              imageAlt: "Alex Rodriguez"
            },
            {
              id: "2",
              name: "Emma Thompson",
              handle: "Marketing Director, GrowthLabs",
              testimonial: "Outstanding creative execution and data-driven strategy. They truly understand our market.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "3",
              name: "David Park",
              handle: "Founder, TechVentures",
              testimonial: "Best agency partnership we've had. Their campaigns consistently exceed our expectations.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "David Park"
            },
            {
              id: "4",
              name: "Jessica Lane",
              handle: "COO, BrandStudio",
              testimonial: "Professional, innovative, and results-focused. MarketHub is essential to our success.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
              imageAlt: "Jessica Lane"
            },
            {
              id: "5",
              name: "Michael Chen",
              handle: "VP Marketing, Digital First",
              testimonial: "Their strategic insights completely changed how we approach our market positioning.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "6",
              name: "Laura White",
              handle: "Founder, Creative Ventures",
              testimonial: "Working with MarketHub elevated our brand to new heights. Highly recommended.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
              imageAlt: "Laura White"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your brand? Let's discuss your marketing goals and create a winning strategy together."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule Consultation", href: "mailto:hello@markethub.com" },
            { text: "Get Started", href: "contact" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="MarketHub"
          title="Partner with us to transform your brand and achieve extraordinary growth"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Services", href: "services" },
                { label: "Portfolio", href: "portfolio" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Blog", href: "blog" },
                { label: "Case Studies", href: "portfolio" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "(555) 123-4567" },
            { icon: Mail, text: "hello@markethub.com" },
            { icon: MapPin, text: "San Francisco, CA" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}