"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="noise"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={[
            { name: "Services", id: "features" },
            { name: "Portfolio", id: "product" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="ZN Wall Designs, LLC"
          button={{ text: "Get a Quote", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Transform Your Space with Exquisite Wall Designs"
          description="ZN Wall Designs, LLC brings artistry and precision to every project, specializing in bespoke wallpaper installation and professional painting services. Elevate your home or business with our expert touch."
          background={{ variant: "noise" }}
          tag="Your Vision, Our Expertise"
          buttons={[
            { text: "View Our Services", href: "#features" },
            { text: "Get a Free Quote", href: "#contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11399.jpg"
          imageAlt="Elegantly painted living room with decorative wallpaper accents"
          buttonAnimation="reveal-blur"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About ZN Wall Designs, LLC"
          description={[
            "At ZN Wall Designs, LLC, we are passionate about transforming spaces through exceptional wallpaper and painting services. With years of experience and a keen eye for detail, we pride ourselves on delivering unparalleled craftsmanship and personalized solutions that reflect your unique style.",            "Our commitment to quality extends from the initial consultation to the final brushstroke, ensuring a seamless and satisfying experience. We use only premium materials and proven techniques to guarantee a flawless finish that stands the test of time."
          ]}
          useInvertedBackground={false}
          showBorder={false}
          buttons={[{ text: "Meet Our Team", href: "#team" }]}
          buttonAnimation="reveal-blur"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Our Comprehensive Services"
          description="From delicate wallpaper installations to complete interior painting, we offer a full range of services to enhance your environment."
          features={[
            {
              id: "1",              title: "Wallpaper Installation",              description: "Expert application of all types of wallpaper, from intricate patterns to luxurious textures, ensuring a smooth and lasting finish.",              tag: "Precision",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home-concept-repair-shopping_169016-4586.jpg",              imageAlt: "Close-up of elegant wallpaper being installed"
            },
            {
              id: "2",              title: "Interior Painting",              description: "Professional painting services for homes and businesses, delivering vibrant colors and impeccable finishes with attention to every detail.",              tag: "Flawless Finish",              imageSrc: "https://img.b2bpic.net/free-photo/caucasian-couple-painting-wall-with-roller-brush-blue-paint-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14142.jpg",              imageAlt: "Painter applying a fresh coat of paint to a wall"
            },
            {
              id: "3",              title: "Wall Repair & Prep",              description: "Comprehensive wall preparation, including patching, sanding, and priming, to ensure a perfect canvas for your chosen design.",              tag: "Foundation First",              imageSrc: "https://img.b2bpic.net/free-photo/man-worker-applies-glue-with-paint-roller-walls-before-wallpapering-primer-walls-selective-focus-apartment-renovation-restoration-idea-indoors_166373-2215.jpg",              imageAlt: "Smooth wall surface after repair and preparation"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardThree
          title="Our Recent Transformations"
          description="Explore a gallery of our completed projects, showcasing the quality and creativity we bring to every wall."
          products={[
            {
              id: "1",              name: "Modern Bedroom Retreat",              price: "Inquire for pricing",              imageSrc: "https://img.b2bpic.net/free-photo/abstract-blue-cubic-patterned_53876-95466.jpg",              imageAlt: "Modern bedroom with geometric patterned wallpaper and soft lighting"
            },
            {
              id: "2",              name: "Chic Kitchen Accent Wall",              price: "Inquire for pricing",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-fresh-kumquats-stacked-pots-wine-glass-goblet-rice-colorful-surface_140725-94267.jpg",              imageAlt: "Kitchen with a bold, contrasting accent wall and contemporary decor"
            },
            {
              id: "3",              name: "Commercial Office Makeover",              price: "Inquire for pricing",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",              imageAlt: "Elegant commercial lobby with textured wallpaper and subtle branding"
            }
          ]}
          gridVariant="asymmetric-60-wide-40-narrow"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Hear from homeowners and businesses who have experienced the ZN Wall Designs, LLC difference."
          testimonials={[
            {
              id: "1",              name: "Sarah M.",              handle: "Homeowner, Springfield",              testimonial: "ZN Wall Designs transformed my living room with stunning wallpaper. The attention to detail was incredible, and the finish is absolutely perfect! Highly recommend.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Sarah M."
            },
            {
              id: "2",              name: "David R.",              handle: "Business Owner, Metropolis",              testimonial: "Our office lobby needed a fresh look, and ZN Wall Designs delivered beyond our expectations. Professional, efficient, and the results speak for themselves.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",              imageAlt: "David R."
            },
            {
              id: "3",              name: "Emily C.",              handle: "Interior Designer",              testimonial: "I frequently collaborate with ZN Wall Designs for my clients. Their expertise in both wallpaper and painting is unmatched, consistently providing top-tier results.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-tongue-out_1187-3217.jpg",              imageAlt: "Emily C."
            },
            {
              id: "4",              name: "Michael S.",              handle: "Residential Client",              testimonial: "The team painted our entire home, and every room looks fantastic. They were tidy, punctual, and very easy to work with. We couldn't be happier.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",              imageAlt: "Michael S."
            },
            {
              id: "5",              name: "Jessica L.",              handle: "Homeowner, Lakeside",              testimonial: "The painting work was exceptional. The team was clean, professional, and finished the project on schedule. A fantastic experience.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",              imageAlt: "Jessica L."
            },
            {
              id: "6",              name: "Tom B.",              handle: "Architect",              testimonial: "As an architect, I appreciate their commitment to quality. ZN Wall Designs is my go-to for all wall finishing needs. True professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=3",              imageAlt: "Tom B."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common inquiries about our services, process, and pricing."
          faqs={[
            {
              id: "1",              title: "What areas do you serve?",              content: "We proudly serve [Your City/Region] and surrounding areas. Please contact us to confirm service availability in your specific location."
            },
            {
              id: "2",              title: "Do you provide free estimates?",              content: "Yes, we offer free, no-obligation consultations and estimates for all our services. We'll discuss your project, offer recommendations, and provide a detailed quote."
            },
            {
              id: "3",              title: "How long does a typical project take?",              content: "Project timelines vary depending on the scope and complexity. We'll provide an estimated timeline during your consultation, keeping you informed every step of the way."
            },
            {
              id: "4",              title: "Can I provide my own wallpaper?",              content: "Absolutely! While we can source high-quality materials, you are welcome to provide your own wallpaper. We'll ensure it's suitable for installation and handled with care."
            },
            {
              id: "5",              title: "Do you offer color consultation?",              content: "Yes, we offer professional color consultation services to help you choose the perfect palette that complements your space and personal style."
            },
            {
              id: "6",              title: "What kind of paint do you use?",              content: "We primarily use premium, low-VOC (Volatile Organic Compound) paints from trusted brands known for their durability, finish, and environmental friendliness."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Transform Your Walls?"
          description="Contact ZN Wall Designs, LLC today for a consultation or to request a free estimate. We look forward to bringing your vision to life!"
          background={{ variant: "noise" }}
          inputPlaceholder="Your Email Address"
          buttonText="Send Message"
          termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Wallpaper Installation", href: "#features" },
                { label: "Interior Painting", href: "#features" },
                { label: "Wall Repair", href: "#features" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Portfolio", href: "#product" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" }
              ]
            }
          ]}
          bottomLeftText="© 2024 ZN Wall Designs, LLC. All rights reserved."
          bottomRightText="Designed with passion"
        />
      </div>
    </ThemeProvider>
  );
}
