"use client"

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Award, Mail, Linkedin, Twitter, Instagram, Globe } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="elevated-accent"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Nexus"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Work", id: "portfolio" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Get In Touch",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Creative Solutions That Drive Results"
          description="We're a full-service digital agency specializing in strategy, design, and development. Transform your brand vision into reality with our expert team."
          tag="Digital Agency"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766401281537-bd695c8y.jpg"
          imageAlt="Creative agency workspace"
          imagePosition="right"
          buttons={[
            { text: "Start Your Project", href: "contact" },
            { text: "View Our Work", href: "portfolio" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="About Nexus"
          description="We craft digital experiences that inspire and convert. With over a decade of combined expertise, our team delivers exceptional results across every project."
          textboxLayout="default"
          contentTag="WHO WE ARE"
          contentTagIcon={Award}
          contentTitle="Dedicated to Your Success"
          contentDescription="Our agency brings together strategists, designers, and developers who are passionate about solving complex problems. We believe in collaboration, innovation, and pushing the boundaries of what's possible in digital design."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg"
          imageAlt="Team collaboration at work"
          imagePosition="right"
          useInvertedBackground="noInvert"
          contentButtons={[
            { text: "Meet The Team", href: "#" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwenty
          title="Our Core Services"
          description="From strategy to execution, we provide comprehensive digital solutions tailored to your business needs."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320179601-o8gildtx.jpg",
              imageAlt: "Strategic planning session"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766401281537-bd695c8y.jpg",
              imageAlt: "Creative design process"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320177542-9om9tyxf.jpg",
              imageAlt: "Web development workspace"
            }
          ]}
          buttons={[
            { text: "Explore Services", href: "#" }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardSeven
          title="Featured Work"
          description="A selection of recent projects that showcase our capabilities and creative approach."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "E-Commerce Platform Redesign",
              price: "Enterprise",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400732838-4uulpve1.jpg",
              imageAlt: "E-commerce platform project"
            },
            {
              id: "2",
              name: "Brand Identity System",
              price: "Full Brand",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754230287-jzh1aru0.jpg",
              imageAlt: "Brand identity project"
            },
            {
              id: "3",
              name: "Mobile App Experience",
              price: "Development",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754231269-0ie8qf72.jpg",
              imageAlt: "Mobile app project"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Real feedback from businesses we've partnered with to transform their digital presence."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "CEO",
              company: "TechVenture Inc",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Marketing Director",
              company: "Growth Solutions",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Founder",
              company: "Creative Studio Co",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "David Park",
              role: "Product Manager",
              company: "Digital Innovations",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140104217-wfflli6f.jpg",
              imageAlt: "David Park"
            },
            {
              id: "5",
              name: "Lisa Thompson",
              role: "Founder",
              company: "Brand Collective",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",
              name: "Michael Foster",
              role: "Chief Strategy Officer",
              company: "Enterprise Corp",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Michael Foster"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          tagIcon={Mail}
          title="Ready to Transform Your Digital Presence?"
          description="Let's discuss your project and explore how we can help your business grow. Reach out to schedule a consultation with our team."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Send Message"
          termsText="We'll get back to you within 24 hours. Your privacy is important to us."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Nexus"
          description="Full-service digital agency crafting innovative solutions for forward-thinking brands."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Work", href: "portfolio" },
                { label: "Services", href: "services" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Guide", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "Documentation", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Globe, href: "https://dribbble.com", ariaLabel: "Dribbble" }
          ]}
          copyrightText="© 2025 Nexus Agency. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}