"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, HelpCircle, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Ronic"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Shop Now", href: "#products" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Welcome to Ronic - Your Premium Online Store"
          description="Discover exceptional products curated with precision. Shop our exclusive collection with fast shipping and premium customer service."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              alt: "Customer 1"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              alt: "Customer 2"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              alt: "Customer 3"},
          ]}
          avatarText="Trusted by 10,000+ satisfied customers"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Products"
          description="Explore our most popular and highly-rated items"
          tag="Best Sellers"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Ronic",              name: "Premium Product 1",              price: "$89.99",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-colorful-flowering-pots-front-shelf_23-2147948295.jpg",              imageAlt: "Premium Product 1"},
            {
              id: "2",              brand: "Ronic",              name: "Exclusive Product 2",              price: "$129.99",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-social-distancing-concept_23-2148626202.jpg",              imageAlt: "Exclusive Product 2"},
            {
              id: "3",              brand: "Ronic",              name: "Signature Product 3",              price: "$99.99",              rating: 5,
              reviewCount: "2.1k",              imageSrc: "http://img.b2bpic.net/free-photo/laptop-blank-screen-hopping-cart-full-gifts-with-copyspace-online-shopping-concept_1423-92.jpg",              imageAlt: "Signature Product 3"},
          ]}
          buttons={[{ text: "View All Products", href: "#" }]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Choose Ronic"
          description="Our commitment to excellence in every transaction"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "10,000+",              description: "Happy Customers Worldwide"},
            {
              id: "2",              value: "98%",              description: "Customer Satisfaction Rate"},
            {
              id: "3",              value: "24/7",              description: "Premium Customer Support"},
            {
              id: "4",              value: "Fast",              description: "Express Shipping Available"},
          ]}
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join thousands of satisfied customers who choose Ronic"
          tag="Partnerships"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "TechHub",            "ShopPro",            "RetailMax",            "OnlineMarket",            "DigitalStore",            "E-CommercePro",            "ShoppingHub",            "MegaRetail"]}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real feedback from real customers who love Ronic"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Marketing Manager",              date: "Date: 15 January 2025",              title: "Exceptional Quality and Fast Shipping",              quote: "Ronic has transformed my shopping experience. The products are premium quality and arrived faster than expected. Highly recommend!",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-away-medium-shot_23-2148225705.jpg",              imageAlt: "Sarah's shopping experience"},
            {
              id: "2",              name: "Michael Chen, Business Owner",              date: "Date: 12 January 2025",              title: "Outstanding Customer Service",              quote: "The team at Ronic went above and beyond to resolve my inquiry. Their customer service is world-class and truly professional.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-vector/landing-page-customer-review-evaluation-feedback-isometric-style_88138-494.jpg",              imageAlt: "Michael's service experience"},
            {
              id: "3",              name: "Emily Rodriguez, Fashion Blogger",              date: "Date: 10 January 2025",              title: "Best Online Store I've Found",              quote: "The selection and quality of products at Ronic are unmatched. I've recommended them to all my followers and friends.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg?_wi=1",              imageAlt: "Emily's product selection"},
            {
              id: "4",              name: "David Kim, Tech Enthusiast",              date: "Date: 8 January 2025",              title: "Reliable and Trustworthy",              quote: "I've made multiple purchases from Ronic and every single transaction has been smooth and reliable. A genuine five-star experience.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "David Kim",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-with-clothes-donations_23-2149196124.jpg",              imageAlt: "David's purchase experience"},
            {
              id: "5",              name: "Lisa Thompson, Design Professional",              date: "Date: 5 January 2025",              title: "Premium Products, Premium Service",              quote: "Ronic delivers on every promise. Their attention to detail in packaging and product quality is remarkable.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "Lisa Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346502.jpg",              imageAlt: "Lisa's packaging experience"},
            {
              id: "6",              name: "Robert Martinez, Entrepreneur",              date: "Date: 2 January 2025",              title: "Worth Every Dollar",              quote: "The value for money at Ronic is exceptional. I never compromise on quality, and they never disappoint.",              tag: "Verified Purchase",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",              avatarAlt: "Robert Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg?_wi=2",              imageAlt: "Robert's value experience"},
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about Ronic and our services"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/call-center-hot-line-information-concept_53876-125154.jpg"
          imageAlt="Customer support team"
          faqs={[
            {
              id: "1",              title: "What is your shipping policy?",              content: "We offer free standard shipping on orders over $50, with delivery typically within 5-7 business days. Express shipping options are available for faster delivery."},
            {
              id: "2",              title: "How can I track my order?",              content: "Once your order ships, you'll receive a tracking number via email. You can use this number to track your package in real-time on our website."},
            {
              id: "3",              title: "What is your return policy?",              content: "We offer a 30-day money-back guarantee on all products. If you're not satisfied, simply contact our support team for a hassle-free return process."},
            {
              id: "4",              title: "Do you offer bulk discounts?",              content: "Yes! We provide special pricing for bulk orders. Contact our sales team at sales@ronic.com for a custom quote."},
            {
              id: "5",              title: "Is my payment information secure?",              content: "Absolutely. We use industry-standard SSL encryption and comply with PCI DSS standards to protect your payment information."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions? We'd love to hear from you. Send us a message and our team will respond within 24 hours."
          useInvertedBackground={false}
          mediaPosition="right"
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-952.jpg"
          imageAlt="Contact us"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
            },
          ]}
          textarea={{
            name: "message",            placeholder: "Your Message",            rows: 5,
            required: true,
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "#products" },
                { label: "Best Sellers", href: "#products" },
                { label: "New Arrivals", href: "#" },
                { label: "Clearance", href: "#" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Ronic. All rights reserved."
          bottomRightText="Made with precision and care"
        />
      </div>
    </ThemeProvider>
  );
}
