"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Sparkles, CheckCircle, Zap, Star, TrendingUp, Rocket, Mail, Phone, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="animatedAurora"
      cardStyle="solid-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Creative Agency"
          button={{
            text: "Get Started",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Transform Your Brand Into a Market Leader"
          description="We create powerful marketing campaigns that connect with your audience and drive measurable growth. Strategic design meets creative excellence."
          tag="Award-Winning Agency"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "See Our Work",
              href: "#services"
            },
            {
              text: "Schedule Consultation",
              href: "#contact"
            }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787039960-cdlv432a.jpg",
              imageAlt: "Marketing campaign showcase"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101314427-1x4aghlq.jpg",
              imageAlt: "Brand identity design"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908163029-8ap4s2kb.jpg",
              imageAlt: "Digital marketing strategy"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
              imageAlt: "Advertising campaign"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766970384378-n5zqdrd8.jpg",
              imageAlt: "Social media marketing"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766970383487-k7n592it.jpg",
              imageAlt: "Content creation"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="About Us"
          description="We are a full-service marketing agency dedicated to transforming brands through innovative strategy, creative excellence, and data-driven insights. Our team combines artistic vision with strategic thinking to deliver campaigns that resonate, engage, and convert."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="comparison" data-section="comparison">
        <FeatureCardEighteen
          title="What Sets Us Apart"
          description="See the difference professional marketing strategy makes for your business growth and brand visibility."
          tag="Why Choose Us"
          tagIcon={CheckCircle}
          negativeCard={{
            title: "Without Strategic Marketing",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101315705-6v03gqmq.jpg",
            imageAlt: "Disorganized approach",
            items: [
              "Inconsistent brand messaging",
              "Low engagement and visibility",
              "Wasted marketing budget",
              "No clear growth strategy",
              "Missed market opportunities"
            ]
          }}
          positiveCard={{
            title: "With Our Agency",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101316610-av49zdvs.jpg",
            imageAlt: "Strategic approach",
            items: [
              "Unified, powerful brand voice",
              "High engagement and conversions",
              "Optimized ROI on every campaign",
              "Data-driven growth strategy",
              "Competitive market advantage"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Our Services"
          description="Comprehensive marketing solutions designed to elevate your brand and drive real business results."
          tag="What We Offer"
          tagIcon={Zap}
          products={[
            {
              id: "1",
              brand: "Brand Strategy",
              name: "Branding & Identity Design",
              price: "Custom Quote",
              rating: 5,
              reviewCount: "150+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
              imageAlt: "Brand identity design service"
            },
            {
              id: "2",
              brand: "Digital Marketing",
              name: "Digital Marketing Campaigns",
              price: "Custom Quote",
              rating: 5,
              reviewCount: "200+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
              imageAlt: "Digital marketing service"
            },
            {
              id: "3",
              brand: "Content Creation",
              name: "Content Strategy & Creation",
              price: "Custom Quote",
              rating: 5,
              reviewCount: "180+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101317921-hazful2n.jpg",
              imageAlt: "Content creation service"
            },
            {
              id: "4",
              brand: "Social Media",
              name: "Social Media Management",
              price: "Custom Quote",
              rating: 5,
              reviewCount: "220+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767101318881-7761eg4s.jpg",
              imageAlt: "Social media management service"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="Client Success Stories"
          description="Hear from the brands we've helped transform and grow."
          tag="Social Proof"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Mitchell, CEO of TechVenture",
              quote: "This agency completely transformed our brand presence. Within 6 months, we saw a 300% increase in qualified leads and established ourselves as industry leaders.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140102492-vbld5jll.jpg",
              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "2",
              nameTitle: "James Rodriguez, Founder of GrowthCo",
              quote: "Their strategic approach and creative execution are unmatched. They didn't just create campaigns—they built a comprehensive brand strategy that drives real business results.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "James Rodriguez testimonial"
            },
            {
              id: "3",
              nameTitle: "Emma Chen, Marketing Director at InnovateLab",
              quote: "Working with this team elevated our entire marketing function. Their insights and creativity helped us reach new markets and double our customer acquisition.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageAlt: "Emma Chen testimonial"
            },
            {
              id: "4",
              nameTitle: "Michael Thompson, Owner of BrandWorks",
              quote: "Exceptional team that truly understands our industry and our goals. Their campaigns consistently outperform our expectations and deliver measurable ROI.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Michael Thompson testimonial"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFive
          title="Our Impact by Numbers"
          description="Proven results across our client portfolio."
          tag="Performance"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              value: "500+",
              description: "Successful campaigns launched and executed across diverse industries"
            },
            {
              id: "2",
              value: "$150M+",
              description: "Total revenue driven for our clients through strategic marketing"
            },
            {
              id: "3",
              value: "98%",
              description: "Client satisfaction and retention rate year over year"
            },
            {
              id: "4",
              value: "45+",
              description: "Industry awards and recognitions for creative excellence"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Let's Create Something Amazing"
          ctaDescription="Ready to transform your brand? Get in touch with our team to discuss your project and discover how we can help you achieve your marketing goals."
          ctaButton={{
            text: "Schedule Free Consultation",
            href: "mailto:contact@creativeagency.com"
          }}
          ctaIcon={Rocket}
          faqs={[
            {
              id: "1",
              title: "What services does your agency offer?",
              content: "We provide comprehensive marketing services including brand strategy, digital marketing campaigns, content creation, social media management, advertising, and more. We tailor our approach to your specific business needs and goals."
            },
            {
              id: "2",
              title: "How long does a typical project take?",
              content: "Project timelines vary based on scope and complexity. Strategy development typically takes 2-4 weeks, while campaign execution can range from 4-12 weeks. We provide detailed timelines during the consultation phase."
            },
            {
              id: "3",
              title: "What's your process for working with clients?",
              content: "We follow a proven process: discovery and audit, strategy development, creative development, execution, and analysis. We maintain open communication throughout and provide regular reporting on campaign performance."
            },
            {
              id: "4",
              title: "Do you work with startups and small businesses?",
              content: "Absolutely! We work with businesses of all sizes, from startups to established enterprises. We customize our services and pricing to match your budget and growth stage."
            },
            {
              id: "5",
              title: "How do you measure campaign success?",
              content: "We establish clear KPIs and metrics at the start of each project. We provide detailed analytics reports showing ROI, engagement rates, conversion metrics, and other relevant performance indicators."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Creative Agency"
          title="Transforming brands and driving growth through strategic marketing excellence."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Brand Strategy", href: "#services" },
                { label: "Digital Marketing", href: "#services" },
                { label: "Content Creation", href: "#services" },
                { label: "Social Media", href: "#services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Work", href: "#services" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Case Studies", href: "#" },
                { label: "Marketing Guide", href: "#" },
                { label: "Resources", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" }
              ]
            }
          ]}
          contactItems={[
            { icon: Mail, text: "contact@creativeagency.com" },
            { icon: Phone, text: "(555) 123-4567" },
            { icon: MapPin, text: "New York, NY | Los Angeles, CA" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}