"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
          ]}
          brandName="Luminescence"
          button={{ text: "Book Now", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LUMINESCENCE"
          description="Capturing moments, creating memories. Premium photography services for every occasion."
          buttons={[
            { text: "View Portfolio", href: "portfolio" },
            { text: "Get Started", href: "contact" },
          ]}
          slides={[
            {
              imageSrc:
                "http://img.b2bpic.net/free-psd/black-white-web-template-with-beautiful-woman_23-2148280908.jpg",              imageAlt: "Professional photography showcase"},
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/asian-photographer-sitting-ladder-studio-with-camera-taking-photos-fashion-items_1098-17838.jpg",              imageAlt: "Studio and creative work"},
            {
              imageSrc:
                "http://img.b2bpic.net/free-photo/empty-frames-gallery_53876-31361.jpg",              imageAlt: "Gallery exhibition display"},
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafting visual stories with" },
            {
              type: "image",              src: "http://img.b2bpic.net/free-photo/traveler-photographer-studio-portrait-handsome-bearded_613910-12325.jpg",              alt: "Photography expertise"},
            { type: "text", content: "passion and precision" },
          ]}
          buttons={[{ text: "Learn More", href: "about" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <FeatureCardOne
          title="Explore Our Portfolio"
          description="Discover our finest work across weddings, portraits, landscapes, and events."
          tag="Gallery"
          features={[
            {
              title: "Wedding Photography",              description:
                "Timeless moments from your special day, captured with artistry and emotion.",              imageSrc:
                "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-mountain-waterfall_58702-16477.jpg",              button: { text: "View Gallery", href: "#" },
            },
            {
              title: "Portrait Sessions",              description:
                "Professional portraits that reveal personality and character with authentic beauty.",              imageSrc:
                "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-photographer-taking-pictures-with-compact-camera-grey-background_613910-9350.jpg",              button: { text: "View Gallery", href: "#" },
            },
            {
              title: "Event Coverage",              description:
                "Comprehensive event documentation capturing every significant moment and emotion.",              imageSrc:
                "http://img.b2bpic.net/free-photo/man-woman-celebrating-their-wedding-beach_23-2149003474.jpg",              button: { text: "View Gallery", href: "#" },
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="timeline-features" data-section="timeline-features">
        <FeatureCardNine
          title="Our Photographic Process"
          description="From initial consultation to final delivery, we guide you through a seamless experience."
          tag="How We Work"
          features={[
            {
              id: 1,
              title: "Pre-shoot Consultation",              description:
                "We meet to discuss your vision, preferences, and creative direction to ensure perfect execution.",              phoneOne: {
                imageSrc:
                  "http://img.b2bpic.net/free-vector/instagram-stories-interface-template-concept_23-2148417514.jpg"},
              phoneTwo: {
                imageSrc:
                  "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg"},
            },
            {
              id: 2,
              title: "Photography Session",              description:
                "Professional shooting with premium equipment and artistic direction to capture your best moments.",              phoneOne: {
                imageSrc:
                  "http://img.b2bpic.net/free-vector/instagram-stories-interface-template-concept_23-2148417514.jpg"},
              phoneTwo: {
                imageSrc:
                  "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg"},
            },
            {
              id: 3,
              title: "Post-production & Editing",              description:
                "Expert editing and retouching to enhance colors, clarity, and overall visual impact.",              phoneOne: {
                imageSrc:
                  "http://img.b2bpic.net/free-vector/instagram-stories-interface-template-concept_23-2148417514.jpg"},
              phoneTwo: {
                imageSrc:
                  "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg"},
            },
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Our Photography Services"
          description="Comprehensive services tailored to meet your unique visual needs."
          tag="Services"
          features={[
            {
              id: "1",              title: "Professional Editing",              description:
                "Color correction, retouching, and enhancement to perfect every image.",              tag: "Post-Production",              imageSrc:
                "http://img.b2bpic.net/free-photo/adult-woman-exuding-elegance-studio-portrait-generative-ai_188544-12091.jpg",              buttons: [{ text: "Learn More", href: "#" }],
            },
            {
              id: "2",              title: "Studio Photography",              description:
                "State-of-the-art studio with professional lighting and backdrops.",              tag: "Studio Work",              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-lens-professional-lens-digital-camera_169016-52938.jpg",              buttons: [{ text: "Learn More", href: "#" }],
            },
            {
              id: "3",              title: "Print & Packaging",              description:
                "Premium printing options including albums, framed prints, and canvas.",              tag: "Deliverables",              imageSrc:
                "http://img.b2bpic.net/free-photo/woman-looking-different-colors-palette_23-2147601361.jpg",              buttons: [{ text: "Learn More", href: "#" }],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          carouselMode="buttons"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from those who have trusted us with their most precious moments."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Bride",              date: "Date: 15 June 2024",              title: "Absolutely Stunning Wedding Photos",              quote:
                "Luminescence captured every magical moment of our wedding day. The photos are breathtaking, and we couldn't be happier. Their professionalism and creativity exceeded all expectations.",              tag: "Wedding Photography",              avatarSrc:
                "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageSrc:
                "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg"},
            {
              id: "2",              name: "Marcus Johnson, Corporate Executive",              date: "Date: 22 July 2024",              title: "Professional Headshots That Stand Out",              quote:
                "The corporate portraits turned out incredible. The lighting, composition, and editing were all top-notch. I use these photos across all my professional platforms.",              tag: "Corporate Photography",              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
            {
              id: "3",              name: "Emily Rodriguez, Event Planner",              date: "Date: 10 August 2024",              title: "Complete Event Coverage Excellence",              quote:
                "Working with Luminescence for our gala was fantastic. They captured the energy, emotion, and elegance of the entire event. Highly recommended for any event.",              tag: "Event Photography",              avatarSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
            {
              id: "4",              name: "David Chen, Art Gallery Owner",              date: "Date: 05 September 2024",              title: "Exceptional Product and Artwork Photography",              quote:
                "The product photography for our gallery is exceptional. Each image showcases the artwork beautifully. Their attention to detail and artistic eye is unmatched.",              tag: "Commercial Photography",              avatarSrc:
                "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22942.jpg",              imageSrc:
                "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22942.jpg"},
            {
              id: "5",              name: "Jessica Thompson, Family",              date: "Date: 20 September 2024",              title: "Timeless Family Portraits",              quote:
                "Our family portraits are now treasured memories. The natural poses, beautiful lighting, and emotional authenticity make them perfect. Thank you, Luminescence.",              tag: "Family Photography",              avatarSrc:
                "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Ready to capture your next moment? Contact us today to discuss your photography needs and schedule a consultation."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false,
            },
            {
              name: "subject",              type: "text",              placeholder: "Subject",              required: true,
            },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your photography needs and vision...",            rows: 5,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/blur-photo-workplace-with-camera-memory-cards-foreground-modern-computer-stands-white-table-with-notebook-pen-lying-beside_197531-3412.jpg"
          imageAlt="Professional photography studio"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luminescence"
          copyrightText="© 2025 Luminescence Photography. All rights reserved."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"},
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"},
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
