"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Briefcase, CheckCircle, Github, Globe, Instagram, Lightbulb, Linkedin, Sparkles, Star, ThumbsUp, TrendingUp, Twitter, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Creative Agency"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Work", id: "testimonials" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Get Started", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Elevate Your Digital Presence with Creative Excellence"
          description="We craft stunning digital experiences that transform brands and drive measurable results. From strategy to execution, we're your partner in innovation."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "150+", label: "Projects Delivered" },
            { value: "98%", label: "Client Satisfaction" },
            { value: "8yrs", label: "Industry Experience" },
          ]}
          enableKpiAnimation={true}
          tag="Award-Winning Agency"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Our Work", href: "#testimonials" },
            { text: "Schedule Consultation", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg"
          imageAlt="Creative agency workspace with team collaboration"
          mediaAnimation="slide-up"
          imagePosition="right"
          className="w-full"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Our Agency"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          title="We're a full-service creative agency dedicated to transforming your vision into reality. Our team combines strategic thinking with cutting-edge design and development to deliver exceptional digital solutions that exceed expectations."
          buttons={[
            { text: "Learn More", href: "#services" },
            { text: "Team Overview", href: "#testimonials" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Service Process"
          description="We follow a proven methodology to ensure every project succeeds. From discovery to deployment, we maintain excellence at every stage."
          tag="How We Work"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              tag: "Foundation",              title: "Strategy & Discovery",              subtitle: "Understanding your goals and market",              description: "We begin by deeply understanding your business, target audience, and competitive landscape. Through collaborative workshops and research, we develop a comprehensive strategy that guides every decision moving forward.",              imageSrc: "http://img.b2bpic.net/free-photo/contemplating-about-crime-details_1098-15367.jpg?_wi=1",              imageAlt: "Strategy and discovery workshop"},
            {
              id: 2,
              tag: "Creation",              title: "Design & Creativity",              subtitle: "Bringing concepts to life",              description: "Our award-winning designers craft beautiful, user-centered designs that not only look stunning but also drive engagement and conversions. Every pixel serves a purpose in telling your brand story.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg?_wi=1",              imageAlt: "Creative design process"},
            {
              id: 3,
              tag: "Development",              title: "Build & Optimize",              subtitle: "Technical excellence in execution",              description: "Our expert developers build scalable, performant solutions using the latest technologies. We prioritize code quality, security, and user experience to create digital products that last.",              imageSrc: "http://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg?_wi=1",              imageAlt: "Development and coding"},
            {
              id: 4,
              tag: "Excellence",              title: "Launch & Support",              subtitle: "Ensuring success beyond launch",              description: "We don't stop at launch. Our team provides ongoing support, monitoring, and optimization to ensure your digital solution continues to perform and evolve with your business needs.",              imageSrc: "http://img.b2bpic.net/free-vector/people-starting-business-project-illustrated_23-2148865215.jpg",              imageAlt: "Project deployment and launch"},
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact by the Numbers"
          description="Proven results that demonstrate our commitment to excellence and client success"
          tag="Key Achievements"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "150",              title: "Projects",              description: "Successfully delivered across industries",              icon: Briefcase,
            },
            {
              id: "2",              value: "98",              title: "% Satisfaction",              description: "Client retention and recommendation rate",              icon: ThumbsUp,
            },
            {
              id: "3",              value: "45",              title: "Team Members",              description: "Talented creatives and strategists",              icon: Users,
            },
            {
              id: "4",              value: "12M",              title: "Combined Reach",              description: "Users impacted by our solutions",              icon: Globe,
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real feedback from brands we've partnered with and transformed"
          tag="Client Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, CEO of TechVenture",              date: "Date: 15 November 2024",              title: "Transformed Our Digital Strategy Completely",              quote: "Working with this creative agency completely transformed how we approach digital marketing. Their strategic thinking combined with exceptional design work helped us achieve a 300% increase in online engagement. They're not just vendors, they're true partners.",              tag: "Startup Growth",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-discount-coupon-his-smartphone-some-online-shopping-laptop_662251-2177.jpg?_wi=1"},
            {
              id: "2",              name: "James Richardson, Founder of Design Co",              date: "Date: 08 October 2024",              title: "Best Decision We Made for Our Brand",              quote: "The team went above and beyond our expectations. Their creative solutions and attention to detail is unmatched. We've seen a 150% improvement in user engagement and brand perception since launch. Highly recommend!",              tag: "Brand Refresh",              avatarSrc: "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",              avatarAlt: "James Richardson",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150519156.jpg?_wi=1"},
            {
              id: "3",              name: "Emma Chen, Marketing Director at RetailMax",              date: "Date: 22 September 2024",              title: "Exceptional Creativity and Professionalism",              quote: "From concept to execution, every step of the process was handled with professionalism and creativity. They listened to our needs, provided valuable insights, and delivered a solution that exceeded our goals. Our conversion rates improved by 250%.",              tag: "E-commerce",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Emma Chen",              imageSrc: "http://img.b2bpic.net/free-psd/modern-business-card-design-pan-cafe-bakery_23-2152033501.jpg?_wi=1"},
            {
              id: "4",              name: "Michael Torres, VP of Operations at FinServe",              date: "Date: 30 August 2024",              title: "Delivered Beyond Our Wildest Expectations",              quote: "Their understanding of user experience and technical expertise is exceptional. They didn't just build what we asked for - they improved upon it with innovative features we hadn't considered. Our system performance increased by 320% within six months.",              tag: "Financial Services",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Michael Torres",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-discount-coupon-his-smartphone-some-online-shopping-laptop_662251-2177.jpg?_wi=2"},
            {
              id: "5",              name: "Lisa Anderson, Product Manager at CloudSoft",              date: "Date: 12 July 2024",              title: "A True Partnership That Delivers Results",              quote: "The collaboration was smooth and efficient. The team understood our vision and executed flawlessly. We achieved a 200% boost in user adoption and satisfaction scores improved by 85%. The attention to detail and commitment to quality is evident in every aspect.",              tag: "SaaS Platform",              avatarSrc: "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",              avatarAlt: "Lisa Anderson",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150519156.jpg?_wi=2"},
            {
              id: "6",              name: "David Park, Founder of MediaHub",              date: "Date: 25 June 2024",              title: "Innovation and Quality at Every Step",              quote: "Partnering with this agency was one of the best decisions we made. They brought fresh perspectives, technical excellence, and a genuine commitment to our success. We achieved a 175% ROI improvement and a 45% reduction in operational costs through their optimization work.",              tag: "Media Tech",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "David Park",              imageSrc: "http://img.b2bpic.net/free-psd/modern-business-card-design-pan-cafe-bakery_23-2152033501.jpg?_wi=2"},
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Why Choose Our Creative Agency"
          description="We combine strategic expertise, creative brilliance, and technical excellence to deliver digital solutions that drive real business results."
          tag="Our Advantages"
          tagIcon={Award}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Strategic Approach",              description: "Every project starts with deep research and strategic planning to ensure alignment with your business goals and audience needs.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/contemplating-about-crime-details_1098-15367.jpg?_wi=2",                imageAlt: "Strategy and discovery workshop"},
              items: [
                { icon: CheckCircle, text: "Comprehensive market research" },
                { icon: CheckCircle, text: "Competitive analysis" },
                { icon: CheckCircle, text: "Data-driven recommendations" },
              ],
              reverse: false,
            },
            {
              id: "2",              title: "Award-Winning Design",              description: "Our creative team has won numerous industry awards for innovative, beautiful designs that captivate audiences and drive engagement.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg?_wi=2",                imageAlt: "Creative design process"},
              items: [
                { icon: Sparkles, text: "User-centered design" },
                { icon: Sparkles, text: "Brand consistency" },
                { icon: Sparkles, text: "Mobile-first approach" },
              ],
              reverse: true,
            },
            {
              id: "3",              title: "Technical Excellence",              description: "Our developers build scalable, secure, and performant solutions using cutting-edge technologies and best practices.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg?_wi=2",                imageAlt: "Development and coding"},
              items: [
                { icon: Zap, text: "Latest technology stack" },
                { icon: Zap, text: "Performance optimization" },
                { icon: Zap, text: "Security best practices" },
              ],
              reverse: false,
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your digital presence? Let's create something extraordinary together. Get in touch with our team today and discover how we can help your business thrive."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Your Project", href: "#" },
            { text: "Schedule a Call", href: "#" },
          ]}
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Creative Agency"
          copyrightText="© 2025 Creative Agency. All rights reserved."
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
