"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "About",          id: "#about"},
        {
          name: "Showcase",          id: "#showcase"},
        {
          name: "Music",          id: "#music"},
        {
          name: "Events",          id: "#events"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Book",          id: "#booking"},
      ]}
      brandName="Dog Tag Band"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Unforgettable Live Music Experiences"
      description="Dog Tag Band delivers electrifying performances for any event, from high-energy concerts to sophisticated corporate galas and memorable weddings. Experience the power of live music with us."
      buttons={[
        {
          text: "Book the Band",          href: "#booking"},
        {
          text: "Watch Live Performance",          href: "#showcase"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg"
      videoSrc="http://img.b2bpic.net/free-photo/brunette-rockstar-with-short-hair-holding-electric-guitar-playing-rock-music-preparing-heavy-song-perform-grunge-concert-woman-guitarist-leather-jacket-adjusting-electricinstrument_482257-60193.jpg"
      imageAlt="Dog Tag Band performing live on stage"
      videoAriaLabel="Dog Tag Band live performance highlight video"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-singer-stage-singing-into-microphone_1321-2067.jpg",          alt: "young beautiful woman singer on stage singing into microphone"},
        {
          src: "http://img.b2bpic.net/free-photo/singers-singing-studio_107420-96141.jpg",          alt: "Singers singing in studio"},
        {
          src: "http://img.b2bpic.net/free-photo/female-male-students-playing-piano-drum-set_107420-64787.jpg",          alt: "Female and male students playing piano and drum set"},
        {
          src: "http://img.b2bpic.net/free-photo/band-performing-studio_107420-96148.jpg",          alt: "Band performing in studio"},
        {
          src: "http://img.b2bpic.net/free-photo/band-mates-giving-fist-bump-each-other_107420-96128.jpg",          alt: "Band mates giving fist bump to each other"},
      ]}
      avatarText="Loved by fans and clients worldwide"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-taking-off-protective-face-mask-smiling-camera_637285-9219.jpg",          imageAlt: "Sarah Johnson, Event Organizer"
        },
        {
          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-event-manager-banquet-hall_23-2148085334.jpg",          imageAlt: "Michael Chen, Wedding Client"
        },
        {
          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/red-heart-earphone-with-digital-tablet-white-background_23-2147889337.jpg",          imageAlt: "Emily Rodriguez, Festival Attendee"
        },
        {
          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3027.jpg",          imageAlt: "David Kim, Corporate Client"
        },
        {
          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",          imageAlt: "Jessica Lee, Private Party Host"
        }
      ]}
      cardTitle="Hear From Our Happy Clients"
      cardTag="What People Say"
      cardAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Harmony Hall",        "Elite Events Co.",        "City Music Festival",        "Grand Ballroom",        "Celebration Planners",        "Starlight Venues",        "Community Concerts"]}
      title="Trusted by Top Venues & Partners"
      description="We've had the privilege of performing at prestigious venues and partnering with leading event organizers across the region, delivering unforgettable experiences every time."
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="The Dog Tag Band Story"
      description="Formed by a shared passion for captivating audiences, Dog Tag Band brings together diverse musical talents to create a truly unique sound. Our journey began with a vision to deliver unparalleled live performances, blending classic hits with modern flair and leaving every audience wanting more."
      metrics={[
        {
          value: "250+",          title: "Events Performed"},
        {
          value: "10+",          title: "Years Experience"},
        {
          value: "98%",          title: "Satisfaction Rate"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-women-playing-guitar_23-2149130824.jpg"
      imageAlt="Dog Tag Band members discussing music in a studio"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="showcase" data-section="showcase">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Festival Main Stage",          description: "Experience the electrifying atmosphere of our main stage performance at the annual City Music Fest. Perfect for large audiences.",          imageSrc: "http://img.b2bpic.net/free-photo/musician-performer-holding-electric-guitar-playing-heavy-metal-song-studio-preparing-rock-performance-grunge-concert-beautiful-guitarist-working-punk-album-checking-instrument-sound_482257-63454.jpg",          imageAlt: "Band performing at a festival",          titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-making-music_23-2149223627.jpg",          buttonText: "Watch Clip",          buttonHref: "#"
        },
        {
          title: "Elegant Corporate Gala",          description: "A sophisticated set blending soulful melodies and energetic hits from our performance at the Tech Innovators Gala. Ideal for refined events.",          imageSrc: "http://img.b2bpic.net/free-photo/artist-singing-stage-smoke-effect_23-2148751579.jpg",          imageAlt: "Band performing at a corporate event",          titleImageSrc: "http://img.b2bpic.net/free-photo/students-playing-clarinet-piano_107420-64963.jpg",          buttonText: "Watch Clip",          buttonHref: "#"
        },
        {
          title: "Intimate Wedding Celebration",          description: "Relive the joy and romance from a beautiful wedding reception, where we set the perfect musical backdrop for your special day.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-dj-with-hand-raised_23-2148325417.jpg",          imageAlt: "Band performing at a wedding",          titleImageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-taking-photo-club_482257-84165.jpg",          buttonText: "Watch Clip",          buttonHref: "#"
        }
      ]}
      title="Our Live Performance Highlights"
      description="Immerse yourself in the energy of Dog Tag Band. Watch our featured performances and highlight reels to get a taste of what we bring to every stage, from intimate gatherings to grand stages."
    />
  </div>

  <div id="music" data-section="music">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",          name: "Echoes of the Night",          price: "Listen Now",          imageSrc: "http://img.b2bpic.net/free-vector/vintage-military-monochrome-emblems_225004-32.jpg",          imageAlt: "Album cover for Echoes of the Night",          onProductClick: () => alert('Redirect to streaming service')
        },
        {
          id: "2",          name: "Rhythm Revolution",          price: "Stream Now",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065065.jpg",          imageAlt: "Single cover for Rhythm Revolution",          onProductClick: () => alert('Redirect to streaming service')
        },
        {
          id: "3",          name: "Live at The Grand",          price: "Live Album",          imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588374.jpg",          imageAlt: "Live album cover for Live at The Grand",          onProductClick: () => alert('Redirect to streaming service')
        },
        {
          id: "4",          name: "Neon Dreams",          price: "New Single",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-mask-near-chalkboard-with-writing_23-2147747453.jpg",          imageAlt: "Single cover for Neon Dreams",          onProductClick: () => alert('Redirect to streaming service')
        },
        {
          id: "5",          name: "Heartbeat Unplugged",          price: "Acoustic EP",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-grayscale-shot-acoustic-guitar-leaned-wooden-door-wooden-surface_181624-20894.jpg",          imageAlt: "EP cover for Heartbeat Unplugged",          onProductClick: () => alert('Redirect to streaming service')
        },
        {
          id: "6",          name: "Infinite Horizon",          price: "Instrumental",          imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005035.jpg",          imageAlt: "Instrumental track cover for Infinite Horizon",          onProductClick: () => alert('Redirect to streaming service')
        }
      ]}
      title="Our Latest Tracks & Popular Hits"
      description="Dive into the Dog Tag Band's dynamic sound. Listen to our latest releases and fan favorites, available on all major streaming platforms."
    />
  </div>

  <div id="events" data-section="events">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      uniformGridCustomHeightClasses="min-h-[500px]"
      title="Upcoming Shows & Tour Dates"
      description="Don't miss Dog Tag Band live! Check out our event calendar for upcoming performances, secure your tickets, and join us for an unforgettable experience."
      blogs={[
        {
          id: "1",          category: "Festival",          title: "Summer Sonic Fest 2024",          excerpt: "Catch Dog Tag Band headlining the main stage at Summer Sonic Fest, an annual celebration of music and arts. Grab your tickets now!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdr2dv",          imageAlt: "Summer Sonic Fest poster",          authorName: "Dog Tag Band",          authorAvatar: "http://img.b2bpic.net/free-photo/3d-glasses-movies-tickets-flat-lay_23-2149558751.jpg",          date: "July 20, 2024",          onBlogClick: () => alert('Redirect to event details')
        },
        {
          id: "2",          category: "Corporate",          title: "Annual Gala - Silicon Summit",          excerpt: "An exclusive performance for the tech community at the Silicon Summit's grand annual gala. Limited seats available for this prestigious event.",          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-fun-costumes-party_23-2149303819.jpg",          imageAlt: "Corporate gala event setting",          authorName: "Dog Tag Band",          authorAvatar: "http://img.b2bpic.net/free-vector/linear-flat-wedding-monograms-collection_23-2148990635.jpg",          date: "August 15, 2024",          onBlogClick: () => alert('Redirect to event details')
        },
        {
          id: "3",          category: "Venue",          title: "The Golden Horn Club",          excerpt: "Join us for an electrifying night at The Golden Horn Club, featuring our latest tracks and fan favorites. Get ready to dance!",          imageSrc: "http://img.b2bpic.net/free-photo/group-fans-gathered-thge-stadium-cheering-up_1303-18617.jpg",          imageAlt: "Band playing at a club",          authorName: "Dog Tag Band",          authorAvatar: "http://img.b2bpic.net/free-photo/round-circle-logo-label-template_53876-21275.jpg",          date: "September 5, 2024",          onBlogClick: () => alert('Redirect to event details')
        }
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "How far in advance should I book Dog Tag Band?",          content: "We recommend booking as early as possible, especially for peak seasons (e.g., summer, holidays), to ensure our availability. Ideally, 6-12 months in advance is best to secure your preferred date."
        },
        {
          id: "2",          title: "What types of events do you perform at?",          content: "Dog Tag Band is versatile and performs at a wide range of events including weddings, corporate functions, private parties, festivals, clubs, and public concerts. We tailor our performance to fit your event's unique atmosphere."
        },
        {
          id: "3",          title: "Can we request specific songs or a custom setlist?",          content: "Absolutely! We love to tailor our performance to your event. We'll work with you to create a personalized setlist that perfectly matches your preferences and event's vibe, ensuring an unforgettable musical experience."
        },
        {
          id: "4",          title: "What are your equipment and space requirements?",          content: "We come fully equipped with professional sound and lighting systems. Our typical setup requires a stage area of at least 10x15 feet and access to standard power outlets. Specifics can be discussed during the booking process to ensure a smooth setup."
        },
        {
          id: "5",          title: "Do you provide your own sound and lighting equipment?",          content: "Yes, Dog Tag Band comes fully self-contained with high-quality sound amplification and dynamic stage lighting to ensure a complete and professional performance for your event."
        },
        {
          id: "6",          title: "What if our event runs longer than planned?",          content: "We understand that events can sometimes run overtime. We offer options for extending our performance, typically arranged on-site with an agreed-upon hourly rate. Please discuss this with us in advance."
        }
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about booking Dog Tag Band, our services, equipment, and how we make your event extraordinary."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="booking" data-section="booking">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Ready to Make Your Event Unforgettable?"
      description="Partner with Dog Tag Band for an unforgettable musical experience. Fill out the form below, and we'll get back to you within 24 hours to discuss your event needs and secure your date."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number"},
        {
          name: "eventDate",          type: "date",          placeholder: "Event Date (if known)"},
        {
          name: "location",          type: "text",          placeholder: "Event Location"},
      ]}
      multiSelect={{
        name: "eventType",        label: "Type of Event",        options: [
          "Wedding",          "Corporate Event",          "Festival",          "Private Party",          "Club/Venue",          "Other"],
      }}
      textarea={{
        name: "eventDetails",        placeholder: "Tell us more about your event...",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/musical-instruments-isolated-party-evening_1303-19597.jpg"
      imageAlt="Band instruments on stage with atmospheric lighting"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Book Dog Tag Band Now"
      onSubmit={() => alert('Booking form submitted!')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Dog Tag Band"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Contact",              href: "#booking"},
          ],
        },
        {
          title: "Music",          items: [
            {
              label: "Our Music",              href: "#music"},
            {
              label: "Live Showcase",              href: "#showcase"},
            {
              label: "Events",              href: "#events"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Booking Inquiry",              href: "#booking"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Dog Tag Band. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
