"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "hero" },
        { name: "Products", id: "products" },
        { name: "About", id: "about" },
        { name: "Gallery", id: "gallery" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Mark Don Curtains Nig"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "gradient-bars" }}
      title="Transform Your Space with Elegant Curtains"
      description="Premium curtain solutions for homes, offices, hotels, and businesses in Abuja. Experience elegance, comfort, and professional style."
      buttons={[
        { text: "Shop Now", href: "#products" },
        { text: "Contact Us", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/sunlit-interior-with-red-chaise-lounge_23-2152001387.jpg", imageAlt: "Luxury living room curtains" },
        { imageSrc: "http://img.b2bpic.net/free-photo/bride-s-dress-hangs-chandelier_8353-10650.jpg", imageAlt: "Luxury curtains" },
        { imageSrc: "http://img.b2bpic.net/free-photo/bridesmaids-with-bride-dressed-silky-nightwear-are-smelling-wedding-bouquet-scent_8353-11167.jpg", imageAlt: "Custom window blinds" },
        { imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883514.jpg", imageAlt: "Modern living room curtains" },
        { imageSrc: "http://img.b2bpic.net/free-photo/content-female-architect-customer-using-laptop-computer_1262-18426.jpg", imageAlt: "Interior design consultant" },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Why Choose Mark Don Curtains"
      description="Located in Wuse Market, Abuja, we bring luxury, professionalism, and comfort to every home and office space with our premium window treatments."
      metrics={[
        { value: "15+", title: "Years Experience" },
        { value: "2000+", title: "Projects Completed" },
        { value: "100%", title: "Satisfaction Guarantee" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-dried-flowers-arrangement_23-2149591628.jpg"
      imageAlt="Interior design consultant"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Ready-made Curtains", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/curtains_74190-6529.jpg" },
        { id: "p2", name: "Custom Curtain Designs", price: "Custom quote", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door_23-2150562112.jpg" },
        { id: "p3", name: "Window Blinds", price: "Starting at ₦15,000", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-looking-window-morning-bedroom_285396-4910.jpg" },
        { id: "p4", name: "Curtain Installation", price: "Expert service", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg" },
        { id: "p5", name: "Interior Consultation", price: "Professional Advice", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home-concept-repair-shopping_169016-4482.jpg" },
        { id: "p6", name: "Hotel/Office Solutions", price: "Bulk pricing", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp_74190-5785.jpg" },
      ]}
      title="Premium Products & Services"
      description="High-quality curtains, blinds, and interior solutions curated for luxury and functionality."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { id: "f1", label: "Quality", title: "Premium Materials", items: ["Imported fabrics", "Long-lasting finish", "Soft textures"] },
        { id: "f2", label: "Service", title: "Professional Installation", items: ["Expert team", "Precise measurement", "Timely delivery"] },
        { id: "f3", label: "Value", title: "Affordable Luxury", items: ["Competitive pricing", "Exclusive deals", "Customized budget plans"] },
      ]}
      title="Our Standards of Luxury"
      description="We are dedicated to providing the best decor solutions in Federal Capital Territory."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "Living", title: "Living Rooms", description: "Elegant living room curtain transformations.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741822.jpg" },
        { id: "m2", value: "Office", title: "Corporate Spaces", description: "Professional and functional office treatments.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg" },
        { id: "m3", value: "Hotel", title: "Luxury Hotels", description: "Grand installations for hospitality.", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-using-gadget-opening-shades_259150-57137.jpg" },
      ]}
      title="Gallery & Transformations"
      description="A look at some of our finest work in Abuja homes and businesses."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Chidi N.", handle: "@chidiblogs", testimonial: "Excellent service and high-quality curtains. My home looks amazing!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
        { id: "2", name: "Sarah A.", handle: "@sarah_designs", testimonial: "Professional installation and very fast delivery within Abuja. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
        { id: "3", name: "Ibrahim S.", handle: "@ibrahim_abuja", testimonial: "Affordable luxury designs that perfectly fit my office aesthetic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
        { id: "4", name: "Peace O.", handle: "@peace_o", testimonial: "The best curtain and decor shop at Wuse Market, bar none.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg" },
        { id: "5", name: "Uche M.", handle: "@uche_interior", testimonial: "Fantastic experience with the consultation and design process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from our satisfied customers in Abuja."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Where is your store located?", content: "We are located at Wuse Market, Abuja, specifically in Christy House." },
        { id: "q2", title: "Do you offer installation services?", content: "Yes, we provide professional installation services for all our products." },
        { id: "q3", title: "What is your delivery timeframe?", content: "We offer fast delivery within Abuja usually within 24-48 hours." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543686.jpg"
      title="Common Questions"
      description="Everything you need to know about our services."
      faqsAnimation="blur-reveal"
      imageAlt="Interior design consultant"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{ variant: "gradient-bars" }}
      text="Ready to transform your home or office space? Visit us at Christy House, Wuse Market, Abuja, or call us today to start your consultation."
      buttons={[
        { text: "Call +234 XXX XXX XXX", href: "tel:+234000000000" },
        { text: "WhatsApp Us", href: "https://wa.me/234000000000" },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }, { label: "Contact", href: "#contact" }] },
        { title: "Socials", items: [{ label: "WhatsApp", href: "#" }, { label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
        { title: "Store Hours", items: [{ label: "Mon-Sat: 9am - 6pm", href: "#" }, { label: "Sunday: Closed", href: "#" }] },
      ]}
      bottomLeftText="© 2024 Mark Don Curtains Nig"
      bottomRightText="Wuse Market, Abuja"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}