"use client"

import { Camera, Star, Grid, Heart, Mail } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="IdiSuda"
          navItems={[
            { name: "Work", id: "featured" },
            { name: "About", id: "about" },
            { name: "Collections", id: "collections" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Street Photography"
          bottomRightText="hello@idisuda.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Capturing Life in the Streets"
          description="Candid moments frozen in time. A curated collection of street photography exploring urban landscapes, human stories, and the beauty of everyday moments."
          tag="Street Photography Portfolio"
          tagIcon={Camera}
          buttons={[
            { text: "Explore Collections", href: "#collections" },
            { text: "About IdiSuda", href: "#about" }
          ]}
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-hat-with-short-haircut-center-big-city-close-up-portrait-soft-backlight_1321-2714.jpg",              imageAlt: "Urban street scene with candid moment"
            },
            {
              id: "carousel-2",              imageSrc: "https://img.b2bpic.net/free-photo/couple-honeymoon-venice_1303-5737.jpg",              imageAlt: "Street photography composition"
            },
            {
              id: "carousel-3",              imageSrc: "https://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219982.jpg",              imageAlt: "Candid urban photography"
            },
            {
              id: "carousel-4",              imageSrc: "https://img.b2bpic.net/free-photo/young-funny-loving-couple-have-fun-sunny-day_146671-15073.jpg",              imageAlt: "City street moment"
            },
            {
              id: "carousel-5",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-closeup-portrait-beautiful-light_1321-2761.jpg",              imageAlt: "Street photography portfolio piece"
            },
            {
              id: "carousel-6",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-wearing-bucket-hat-city_23-2149228102.jpg",              imageAlt: "Urban exploration photography"
            }
          ]}
          background={{ variant: "plain" }}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>

      <div id="featured" data-section="featured">
        <FeatureCardOne
          title="Featured Work"
          description="A selection of my most compelling street photography pieces. Each image tells a story of urban exploration and human connection."
          tag="Selection"
          tagIcon={Star}
          features={[
            {
              title: "Urban Portraits",              description: "Intimate candid moments capturing the essence of city dwellers and their stories",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488511.jpg",              imageAlt: "Urban portrait photography"
            },
            {
              title: "Street Landscapes",              description: "Architectural and compositional perspectives revealing the soul of metropolitan environments",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-background-street_1153-5001.jpg",              imageAlt: "Street landscape composition"
            },
            {
              title: "Daily Moments",              description: "Documentary-style photography celebrating the beauty in everyday urban life",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-hat-with-short-haircut-center-big-city-close-up-portrait-soft-backlight_1321-2714.jpg",              imageAlt: "Daily street photography moment"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "IdiSuda is a passionate " },
            { type: "text", content: "street photographer" },
            { type: "text", content: " dedicated to capturing authentic moments in urban environments. With over a decade of experience, I specialize in documentary-style photography that celebrates human stories and the vibrant pulse of city life." }
          ]}
          buttons={[
            { text: "View Gallery", href: "#collections" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="collections" data-section="collections">
        <ProductCardOne
          title="Collections"
          description="Explore themed collections from my street photography archives, each representing a unique perspective on urban life and visual storytelling."
          tag="Collections"
          tagIcon={Grid}
          products={[
            {
              id: "1",              name: "Urban Exploration",              price: "15 Images",              imageSrc: "https://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219982.jpg",              imageAlt: "Urban exploration collection"
            },
            {
              id: "2",              name: "Street Portraits",              price: "12 Images",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-man-posing-outdoor_344912-3099.jpg",              imageAlt: "Street portrait collection"
            },
            {
              id: "3",              name: "Minimalist Moments",              price: "10 Images",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-closeup-african-american-girl-with-curly-hair-against-blurry-background_181624-20369.jpg",              imageAlt: "Minimalist photography collection"
            },
            {
              id: "4",              name: "Color & Vibrancy",              price: "18 Images",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-female-wearing-khaki-jacket-black-warm-hat-sitting-park_181624-56542.jpg",              imageAlt: "Color photography collection"
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Creative Professionals"
          description="What directors, editors, and art directors have to say about IdiSuda's street photography work."
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              title: "Exceptional Visual Storytelling",              quote: "IdiSuda's street photography has elevated our editorial projects. The authenticity and technical excellence in each image brings our stories to life in ways that resonate deeply with audiences.",              name: "Maya Chen",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Maya Chen"
            },
            {
              id: "2",              title: "Technical Mastery and Artistry",              quote: "Working with IdiSuda's portfolio has been transformative for our magazine. The compositions are intelligent, the moments are genuine, and the overall artistic vision is impeccable.",              name: "James Rodriguez",              role: "Photo Editor, Urban Quarterly",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              title: "Captures the Soul of the City",              quote: "IdiSuda has a rare gift for capturing the poetry in everyday urban moments. Her work has become the visual backbone of our branding and continues to inspire our creative direction.",              name: "Sophia Williams",              role: "Art Director, Contemporary Studio",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Sophia Williams"
            },
            {
              id: "4",              title: "Authentic and Compelling",              quote: "The depth and authenticity in IdiSuda's street photography is unmatched. Every image tells a complete story, making it invaluable for our documentary and narrative-driven projects.",              name: "David Kim",              role: "Documentary Filmmaker",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Kim"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Connected with IdiSuda"
          description="Subscribe to receive updates about new collections, exhibition announcements, and exclusive behind-the-scenes insights from my street photography journey."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="I respect your privacy. You can unsubscribe anytime. By subscribing, you agree to receive updates about my work and exhibitions."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="IdiSuda"
        />
      </div>
    </ThemeProvider>
  );
}