"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="solid-accent"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Lumina"
          navItems={[
            {name: "About", id: "about"},
            {name: "Services", id: "services"},
            {name: "Work", id: "testimonials"},
            {name: "Team", id: "team"},
            {name: "Contact", id: "contact"}
          ]}
          bottomLeftText="Global Community"
          bottomRightText="hello@lumina.agency"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="LUMINA"
          description="We craft premium marketing experiences that captivate, convert, and create lasting impressions for discerning brands."
          buttons={[
            {text: "Explore Our Work", href: "#testimonials"},
            {text: "Schedule Consultation", href: "#contact"}
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766488005357-9beefs8k.jpg"
          imageAlt="Luxury agency workspace"
          frameStyle="browser"
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout
          title="Redefining Marketing Excellence"
          description="Lumina is a boutique creative agency dedicated to transforming visionary brands into market leaders. With a refined approach to strategy, design, and execution, we deliver bespoke marketing solutions that transcend expectations."
          tag="About Us"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
          imageAlt="Our agency team"
          buttons={[
            {text: "Learn More", href: "#services"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Our Premium Services"
          description="Bespoke solutions engineered for brands that refuse to compromise on quality or impact."
          tag="Excellence in Every Detail"
          negativeCard={{
            title: "Without Strategic Direction",
            items: [
              "Inconsistent brand messaging",
              "Lost market opportunities",
              "Weak competitive positioning"
            ]
          }}
          positiveCard={{
            title: "With Lumina Partnership",
            items: [
              "Unified brand presence",
              "Premium market positioning",
              "Measurable growth and ROI"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet Our Creative Collective"
          tag="Leadership"
          members={[
            {
              id: "1",
              name: "Alexandra Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Alexandra Chen"
            },
            {
              id: "2",
              name: "Marcus Sterling",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Marcus Sterling"
            },
            {
              id: "3",
              name: "Sophia Arendelle",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
              imageAlt: "Sophia Arendelle"
            },
            {
              id: "4",
              name: "Julian Kross",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140104217-wfflli6f.jpg",
              imageAlt: "Julian Kross"
            }
          ]}
          memberVariant="card"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="Trusted by Industry Leaders"
          description="See how we've transformed brands and delivered exceptional results."
          tag="Client Success Stories"
          testimonials={[
            {
              id: "1",
              name: "Victoria Ashford",
              role: "CEO",
              company: "LuxeRetail",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Victoria Ashford"
            },
            {
              id: "2",
              name: "James Wellington",
              role: "Founder",
              company: "PrestigeHotel",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageAlt: "James Wellington"
            },
            {
              id: "3",
              name: "Isabella Rodriguez",
              role: "Marketing Director",
              company: "EleganceCollective",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
              imageAlt: "Isabella Rodriguez"
            },
            {
              id: "4",
              name: "Sebastian Morrison",
              role: "Chief Brand Officer",
              company: "Morrison Inc",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
              imageAlt: "Sebastian Morrison"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated with Our Latest News"
          description="Ready to elevate your brand to extraordinary heights? Subscribe to our newsletter for weekly updates and exclusive content."
          tagIcon={Sparkles}
          useInvertedBackground="noInvert"
          onSubmit={(email) => console.log(email)}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Lumina"
          columns={[
            {
              title: "Services",
              items: [
                {label: "Brand Strategy", href: "services"},
                {label: "Creative Direction", href: "services"},
                {label: "Digital Marketing", href: "services"}
              ]
            },
            {
              title: "Company",
              items: [
                {label: "About Us", href: "about"},
                {label: "Our Team", href: "team"},
                {label: "Case Studies", href: "testimonials"}
              ]
            },
            {
              title: "Resources",
              items: [
                {label: "Blog", href: "#"},
                {label: "Insights", href: "#"},
                {label: "Contact", href: "contact"}
              ]
            }
          ]}
          copyrightText="© 2025 Lumina. Crafted with excellence."
        />
      </div>
    </ThemeProvider>
  );
}