"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Headphones, Music, DollarSign, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Venus Musix"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "features" },
            { name: "FAQs", id: "faq" }
          ]}
          button={{ text: "Get in Touch", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Experience Music Like Never Before"
          description="Discover premium instruments, audio equipment, and music accessories handpicked for musicians and enthusiasts. Your journey to musical excellence starts here at Venus Musix."
          tag="Welcome to Venus Musix"
          imageSrc="http://img.b2bpic.net/free-photo/band-performing-studio_107420-96137.jpg"
          imageAlt="Music store showcase with various instruments"
          mediaAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          testimonials={[
            {
              name: "Sarah Chen",              handle: "Professional Guitarist",              testimonial: "Venus Musix has the best selection of guitars I've found. The staff really knows their instruments!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Sarah Chen"
            },
            {
              name: "James Wilson",              handle: "Recording Engineer",              testimonial: "Top-quality audio equipment and exceptional customer service. Highly recommended for professionals.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              imageAlt: "James Wilson"
            },
            {
              name: "Maya Patel",              handle: "Music Student",              testimonial: "Great prices and they helped me find the perfect beginner's keyboard. Great experience!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Maya Patel"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Instruments"
          description="Browse our carefully curated collection of premium instruments and audio equipment"
          tag="Shop Collection"
          products={[
            {
              id: "1",              name: "Professional Electric Guitar",              price: "$899",              variant: "Sunburst • Multiple Colors",              imageSrc: "http://img.b2bpic.net/free-photo/red-electric-guitar-wooden-floor_1150-19456.jpg",              imageAlt: "Electric Guitar"
            },
            {
              id: "2",              name: "Complete Drum Kit",              price: "$1,299",              variant: "5-Piece • Professional Grade",              imageSrc: "http://img.b2bpic.net/free-photo/drums-guitar_1048-1602.jpg",              imageAlt: "Drum Kit"
            },
            {
              id: "3",              name: "88-Key Weighted Keyboard",              price: "$599",              variant: "Digital Piano • Portable",              imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg",              imageAlt: "Keyboard"
            },
            {
              id: "4",              name: "Studio-Grade Headphones",              price: "$249",              variant: "Wireless • Noise-Cancelling",              imageSrc: "http://img.b2bpic.net/free-photo/clean-desktop-with-headphones-setup_58702-17230.jpg",              imageAlt: "Headphones"
            },
            {
              id: "5",              name: "Vinyl Record Collection Starter",              price: "$79",              variant: "Classic Albums • 5 Records",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-circular-black-vinyl-record_23-2147889842.jpg",              imageAlt: "Vinyl Records"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Venus Musix"
          description={[
            "Venus Musix has been a cornerstone of the music community for over 15 years. We're passionate about connecting musicians with the tools they need to express themselves and create amazing music.",            "Our team consists of experienced musicians and audio engineers who understand what it takes to find the right instrument. We carefully select every product in our store to ensure quality, durability, and value for our customers."
          ]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[
            { text: "Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Why Choose Venus Musix"
          description="We offer more than just products – we offer expertise, community, and support"
          features={[
            {
              title: "Expert Staff",              description: "Our team includes professional musicians and audio technicians ready to help",              imageSrc: "http://img.b2bpic.net/free-photo/follow-sheet-music-hispanic-music-teacher-talking-with-student-child-about-playing-song-acoustic-guitar-home-lessons_662251-1454.jpg",              imageAlt: "Music instruction",              buttonIcon: Headphones
            },
            {
              title: "Premium Selection",              description: "Hand-selected instruments and equipment from trusted brands worldwide",              imageSrc: "http://img.b2bpic.net/free-photo/red-electric-guitar-wooden-floor_1150-19456.jpg",              imageAlt: "Premium instruments",              buttonIcon: Music
            },
            {
              title: "Competitive Pricing",              description: "Best prices in the market without compromising on quality",              imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg",              imageAlt: "Affordable pricing",              buttonIcon: DollarSign
            },
            {
              title: "Customer Support",              description: "Dedicated support to help you find exactly what you need",              imageSrc: "http://img.b2bpic.net/free-photo/clean-desktop-with-headphones-setup_58702-17230.jpg",              imageAlt: "Customer service",              buttonIcon: Users
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Our Advantages"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Customer Love Stories"
          description="Hear from musicians and music lovers who trust Venus Musix"
          tag="Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Professional Guitarist",              testimonial: "Venus Musix has the best selection of guitars I've found anywhere. The staff really knows their instruments and helped me find my dream guitar!",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Sarah Chen",              icon: Music
            },
            {
              id: "2",              name: "James Wilson",              role: "Recording Engineer",              testimonial: "Top-quality audio equipment and exceptional customer service. I've been buying from them for years. Highly recommended for professionals.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              imageAlt: "James Wilson",              icon: Music
            },
            {
              id: "3",              name: "Maya Patel",              role: "Music Student",              testimonial: "Great prices and they helped me find the perfect beginner's keyboard. Great experience from start to finish!",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Maya Patel",              icon: Music
            },
            {
              id: "4",              name: "David Chen",              role: "Studio Owner",              testimonial: "Their equipment selection is unmatched. We've equipped our entire studio with Venus Musix products and couldn't be happier.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              imageAlt: "David Chen",              icon: Music
            },
            {
              id: "5",              name: "Emily Rodriguez",              role: "Drummer & Educator",              testimonial: "I recommend Venus Musix to all my students. They get the best advice and fair pricing. It's a game-changer!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emily Rodriguez",              icon: Music
            },
            {
              id: "6",              name: "Alex Thompson",              role: "Music Producer",              testimonial: "Outstanding selection of recording equipment. The team helped me set up my home studio with professional-grade gear at great prices.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Alex Thompson",              icon: Music
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products and services"
          tag="Help"
          faqs={[
            {
              id: "1",              title: "Do you offer returns and exchanges?",              content: "Yes! We offer a 30-day return policy on all products in original condition. Exchanges are available for defective items at any time. Please visit our store or contact us for details."
            },
            {
              id: "2",              title: "Can I get expert advice on which instrument to buy?",              content: "Absolutely! Our team of experienced musicians is here to help. Visit us in-store for a hands-on consultation, or call us at (555) 123-4567 to discuss your needs."
            },
            {
              id: "3",              title: "Do you offer repair and maintenance services?",              content: "Yes, we provide professional repair and maintenance services for most instruments. Our certified technicians can handle everything from string replacement to complete overhauls."
            },
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, PayPal, and digital wallets. We also offer financing options for purchases over $500."
            },
            {
              id: "5",              title: "How quickly can I get my order?",              content: "In-store purchases are available immediately. Online orders are typically processed within 1-2 business days, with standard shipping taking 3-5 business days."
            },
            {
              id: "6",              title: "Do you have a loyalty program?",              content: "Yes! Join our Venus Rewards program and earn points on every purchase. Members get exclusive discounts, early access to new products, and special birthday offers."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to find your perfect instrument? Get in touch with our team today and discover why musicians trust Venus Musix."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Contact Us", href: "mailto:hello@venumusix.com" },
            { text: "Visit Our Store", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Venus Musix"
          columns={[
            {
              items: [
                { label: "Shop", href: "#products" },
                { label: "About", href: "#about" },
                { label: "Why Us", href: "#features" }
              ]
            },
            {
              items: [
                { label: "FAQs", href: "#faq" },
                { label: "Contact", href: "#contact" },
                { label: "Support", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Shipping Info", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
