"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, CheckCircle, Heart, Shield, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Incarved"
          navItems={[
            { name: "Products", id: "products" },
            { name: "How It Works", id: "how-it-works" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Customize Yours", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Engrave Your Memories with Precision"
          description="Transform any moment into a lasting keepsake. Upload your design, choose your product, and we'll deliver perfectly engraved gifts in days."
          tag="Premium Personalization"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Customize Yours", href: "#products" },
            { text: "See How It Works", href: "#how-it-works" }
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            {
              id: "carousel-1",              imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585160.jpg",              imageAlt: "Engraved black marble stone keepsake"
            },
            {
              id: "carousel-2",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722643.jpg",              imageAlt: "Custom engraved phone cover design"
            },
            {
              id: "carousel-3",              imageSrc: "http://img.b2bpic.net/free-photo/detail-hair-dresser-with-tools_23-2148108837.jpg",              imageAlt: "Personalized metal keychain gift"
            },
            {
              id: "carousel-4",              imageSrc: "http://img.b2bpic.net/free-photo/autumn-composition-with-pine-cones-box_23-2147880999.jpg",              imageAlt: "Laser engraved wooden keepsake box"
            },
            {
              id: "carousel-5",              imageSrc: "http://img.b2bpic.net/free-photo/view-decoration-with-gift-twigs-sweater_23-2148312023.jpg",              imageAlt: "Premium engraved gift collection"
            },
            {
              id: "carousel-6",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-cute-heart-shaped-package-gray-background-gift-color-love-couple-photo-feeling-marriage-happy_140725-158382.jpg",              imageAlt: "Engraved wedding anniversary gift"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          background={{ variant: "plain" }}
          ariaLabel="Hero section with premium engraved product carousel"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Premium Engraved Products"
          description="Carefully curated selection of high-quality items ready for your personalized design. Each product crafted for durability and visual impact."
          tag="Hand-Selected Quality"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[{ text: "Browse All Products", href: "#" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "prod-stone-black",              name: "Custom Engraved Stones",              price: "99.00 - 299.00",              imageSrc: "http://img.b2bpic.net/free-vector/funeral-card-template_23-2147999056.jpg?_wi=1",              imageAlt: "Premium black marble stone with precision engraving"
            },
            {
              id: "prod-stone-engraved",              name: "Custom Engraved Phone Cover ",              price: "159.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BATnALhGGplEGDTEbxUBiyErkw/uploaded-1773932338520-o8gsfz0u.png",              imageAlt: "Premium engraved stone with custom design"
            },
            {
              id: "prod-phone-cover",              name: "Custom Engraved Keychains",              price: "99.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BATnALhGGplEGDTEbxUBiyErkw/uploaded-1773933976465-wcvux1bq.png",              imageAlt: "Durable phone case with custom engraving"
            },
            {
              id: "prod-keychain",              name: "Custom Gifts",              price: "Dependable price ",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-jewellery-display_23-2151921948.jpg",              imageAlt: "Premium metal keychain with laser engraved design"
            }
          ]}
          ariaLabel="Product showcase section"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Precision Meets Personalization"
          description="At Incarved, we believe every moment deserves to be remembered with elegance and precision. Our state-of-the-art laser engraving technology transforms your photos, text, and designs into permanent, museum-quality keepsakes."
          tag="Our Craft"
          tagIcon={Zap}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Advanced Laser Technology",              description: "Precision engraving accurate to 0.001 inches for stunning detail on any surface—stone, metal, wood, or acrylic.",              icon: Zap
            },
            {
              title: "Expert Craftsmanship",              description: "Decades of combined experience ensuring every piece meets rigorous quality standards before shipping.",              icon: Award
            },
            {
              title: "Fast Turnaround",              description: "Most custom orders completed and shipped within 5–7 business days. Rush options available.",              icon: Zap
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094605.jpg"
          imageAlt="Incarved laser engraving workshop with precision equipment"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="About Incarved section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="How Incarved Works"
          description="A seamless process from concept to keepsake. Design, customize, and celebrate in four simple steps."
          tag="Simple Process"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          carouselMode="buttons"
          features={[
            {
              id: "feature-1",              title: "Upload Your Design",              description: "Share your photo, text, or digital artwork. Our intuitive uploader supports all common formats. Preview exactly how it will look on your chosen product.",              tag: "Step 1",              imageSrc: "http://img.b2bpic.net/free-vector/concept-image-upload-landing-page_23-2148319404.jpg",              imageAlt: "Design upload interface preview"
            },
            {
              id: "feature-2",              title: "Choose Your Product",              description: "Select from our curated range of premium engraving surfaces—marble stones, phone covers, keychains, wooden boxes, and more. Each material delivers unique visual beauty.",              tag: "Step 2",              imageSrc: "http://img.b2bpic.net/free-vector/funeral-card-template_23-2147999056.jpg?_wi=2",              imageAlt: "Product selection showcase"
            },
            {
              id: "feature-3",              title: "We Engrave with Precision",              description: "Our laser masters transform your design into permanent, museum-quality engraving. Every detail is verified by our quality team before packaging.",              tag: "Step 3",              imageSrc: "http://img.b2bpic.net/free-photo/man-gaming-with-headphones-better-immerse-himself_482257-124713.jpg",              imageAlt: "Precision quality control inspection"
            },
            {
              id: "feature-4",              title: "Fast, Careful Delivery",              description: "Your keepsake ships quickly in premium packaging, fully insured. Most orders arrive within 5–7 business days. Track your order every step of the way.",              tag: "Step 4",              imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-using-computer-while-preparing-package-delivery-office_637285-6621.jpg",              imageAlt: "Fast delivery and premium packaging"
            }
          ]}
          ariaLabel="How Incarved works feature section"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Brands & Events"
          description="Incarved partners with wedding planners, corporate gift companies, luxury brands, and event organizers nationwide."
          tag="Brand Partners"
          tagIcon={Shield}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Elite Wedding Planners",            "LuxeGifts Corporate",            "Fine Jewelry Collective",            "Premier Event Management",            "Memorial Services Plus",            "Milestone Celebrations",            "Corporate Events Inc"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148366993.jpg",            "http://img.b2bpic.net/free-vector/company-collection-flat-design_23-2147569074.jpg",            "http://img.b2bpic.net/free-vector/golden-ornamental-logo-with-letter-v_1017-6165.jpg",            "http://img.b2bpic.net/free-vector/business-infographic-squares_98292-4137.jpg",            "http://img.b2bpic.net/free-vector/modern-peace-day-label-collection_23-2147910275.jpg",            "http://img.b2bpic.net/free-vector/abstract-black-friday-sale-banner-set-black-gold_23-2147980632.jpg",            "http://img.b2bpic.net/free-vector/geometric-young-creative-agency-logo-template_742173-17664.jpg"
          ]}
          speed={50}
          showCard={true}
          ariaLabel="Trusted brand partners section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real stories from real people who transformed their cherished moments into lasting treasures."
          tag="Customer Love"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          carouselMode="buttons"
          testimonials={[
            {
              id: "test-1",              name: "Sarah Mitchell",              role: "Wedding Planner",              testimonial: "Incarved transformed our wedding favors from ordinary to extraordinary. Our clients raved about the quality and personalization. We've recommended them to dozens of couples.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-brunette-glasses-street-with-interesting-architecture-background_613910-14022.jpg",              imageAlt: "Sarah Mitchell, wedding planner"
            },
            {
              id: "test-2",              name: "James Chen",              role: "Corporate Gifts Manager",              testimonial: "We ordered 500 engraved keychains for our annual client appreciation event. The precision, quality, and fast turnaround exceeded our expectations. Fantastic partner.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg",              imageAlt: "James Chen, corporate gifts manager"
            },
            {
              id: "test-3",              name: "Emma Rodriguez",              role: "Memorial Services Director",              testimonial: "The memorial plaques we ordered from Incarved brought comfort to grieving families. The craftsmanship and attention to detail were deeply appreciated during difficult times.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15843.jpg",              imageAlt: "Emma Rodriguez, memorial services director"
            },
            {
              id: "test-4",              name: "Michael Thompson",              role: "CEO, Luxury Goods",              testimonial: "From concept to delivery, Incarved demonstrated unmatched professionalism and precision. Our custom engraved gifts have become signature items for our VIP clients.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg",              imageAlt: "Michael Thompson, CEO luxury goods"
            },
            {
              id: "test-5",              name: "Lisa Park",              role: "Event Coordinator",              testimonial: "Every single order has been perfect. The team's attention to detail and willingness to work with custom requests makes them our go-to partner for all personalized gifts.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shaot-woman-standing-office-with-her-hands-folded_1098-20025.jpg",              imageAlt: "Lisa Park, event coordinator"
            },
            {
              id: "test-6",              name: "David Winters",              role: "Retail Owner",              testimonial: "I feature Incarved's engraved products in my boutique. Customers always ask who creates them because the quality is so visibly superior. Best wholesale partnership I've made.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",              imageAlt: "David Winters, retail owner"
            }
          ]}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about custom engraving, products, shipping, and our process."
          buttons={[{ text: "Contact Support", href: "#contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          textPosition="left"
          showCard={true}
          animationType="smooth"
          faqs={[
            {
              id: "faq-1",              title: "What file formats do you accept for engraving designs?",              content: "We accept high-resolution JPG, PNG, PDF, and vector files (AI, EPS, SVG). For best results, provide 300 DPI or higher. Our design team can help optimize your files during the upload process."
            },
            {
              id: "faq-2",              title: "How long does the engraving process take?",              content: "Standard orders complete within 5–7 business days from approved design. Rush processing (2–3 business days) is available for an additional fee. Shipping time varies by location."
            },
            {
              id: "faq-3",              title: "Can I engrave on my own product?",              content: "We primarily work with our curated product selection to ensure quality. However, for bulk corporate orders, we may accommodate custom materials. Contact our sales team to discuss your specific needs."
            },
            {
              id: "faq-4",              title: "What if I'm not satisfied with the final product?",              content: "We stand behind every engraving. If the final product doesn't meet your expectations due to our error, we'll re-engrave or issue a full refund. Customer satisfaction is our priority."
            },
            {
              id: "faq-5",              title: "Do you offer bulk or wholesale pricing?",              content: "Absolutely. We offer tiered pricing for orders of 50+ items. Our corporate sales team will work with you to create the perfect package. Email sales@incarved.com for a custom quote."
            },
            {
              id: "faq-6",              title: "Is shipping insurance included?",              content: "Yes. All orders are fully insured during transit at no additional cost. You'll receive tracking information immediately upon shipment. Delivery times typically range from 3–7 business days."
            }
          ]}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to Create Your Perfect Keepsake?"
          animationType="entrance-slide"
          buttons={[
            { text: "Start Customizing", href: "#products" },
            { text: "Message Us on WhatsApp", href: "https://wa.me/1234567890?text=Hi%20Incarved%2C%20I%27d%20like%20to%20discuss%20a%20custom%20order" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Call-to-action contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/company-managers-gathering-meeting-room-watching-project-presentation-computer-monitor-together-holding-paper-report-business-communication-teamwork-concept_74855-11622.jpg"
          imageAlt="Modern workspace symbolizing creativity and precision"
          logoText="Incarved"
          copyrightText="© 2025 Incarved | Premium Custom Laser Engraving"
          columns={[
            {
              title: "Products",              items: [
                { label: "Engraved Stones", href: "#products" },
                { label: "Phone Covers", href: "#products" },
                { label: "Keychains", href: "#products" },
                { label: "Custom Items", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "How It Works", href: "#features" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "WhatsApp Support", href: "https://wa.me/1234567890" },
                { label: "Email: hello@incarved.com", href: "mailto:hello@incarved.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" }
              ]
            }
          ]}
          ariaLabel="Site footer with navigation and contact"
        />
      </div>
    </ThemeProvider>
  );
}