"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="large"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15357.jpg"
      logoAlt="Stevenson's Hardwood Floors Logo"
      brandName="Stevenson's Hardwood Floors"
      button={{
        text: "Get A Quote",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "downward-rays-static"}}
      title="Stevenson's Hardwood Floors: Your Trusted Partner for Premium, Long-Lasting Flooring"
      description="With over 20 years of experience, Stevenson's Hardwood Floors delivers expert installation, refinishing, and repair for homes and businesses. BBB Accredited and known for exceptional craftsmanship and high customer satisfaction."
      buttons={[
        {
          text: "Get Your Free Flooring Consultation",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2344.jpg"
      imageAlt="Luxury hardwood floor installation"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Your Trusted Hardwood Flooring Partner"
      description="For two decades, Stevenson's Hardwood Floors has been synonymous with unparalleled quality and dedicated service. We are a Better Business Bureau accredited business with an A+ rating on HomeAdvisor, reflecting our commitment to excellence and high customer satisfaction. We combine traditional craftsmanship with modern techniques to deliver stunning and durable flooring solutions for every space."
      metrics={[
        {
          value: "20+",          title: "Years Experience"},
        {
          value: "500+",          title: "Projects Completed"},
        {
          value: "5-Star",          title: "Customer Rating"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-carpenter-placing-plank-wooden-surface-workshop_23-2147944908.jpg"
      imageAlt="Craftsman installing hardwood floor"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Expert Flooring Installation",          descriptions: [
            "Precise and efficient installation of hardwood, laminate, and vinyl flooring by certified professionals, ensuring a flawless finish and long-lasting durability."],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898112.jpg",          imageAlt: "Expert hardwood floor installation"},
        {
          id: "f2",          title: "Hardwood Floor Refinishing & Staining",          descriptions: [
            "Restore the beauty of your existing hardwood floors with our professional sanding, refinishing, and custom staining services, bringing old floors back to life."],
          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-piece-wood_23-2148384495.jpg",          imageAlt: "Hardwood floor sanding and refinishing"},
        {
          id: "f3",          title: "Laminate & Vinyl Flooring Installation",          descriptions: [
            "Specializing in the expert installation of modern laminate and durable vinyl flooring, providing versatile and cost-effective solutions for any space."],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-chair_23-2150062402.jpg",          imageAlt: "Variety of wood species samples"},
        {
          id: "f4",          title: "All Flooring Repairs",          descriptions: [
            "Comprehensive repair services for all types of flooring, from minor scratches and dents to significant damage, restoring the integrity and appearance of your floors."],
          imageSrc: "http://img.b2bpic.net/free-photo/repair-home-old-floor-man_1150-14115.jpg",          imageAlt: "Flooring repair services"},
        {
          id: "f5",          title: "Custom Flooring & Sales",          descriptions: [
            "Collaborate with our designers to create unique patterns and layouts. Explore our extensive range of high-quality hardwood, laminate, and vinyl flooring options for sale."],
          imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-mature-craftsman-s-hands-working-his-workspace-man-drawing-sketch-grounge-dark-stone-texture-background_1157-51564.jpg",          imageAlt: "Custom hardwood floor design"},
        {
          id: "f6",          title: "Tile Installation",          descriptions: [
            "Professional tile installation services for kitchens, bathrooms, and other areas, offering a wide selection of materials and expert craftsmanship for a perfect finish."],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418527.jpg?_wi=1",          imageAlt: "Tile installation service"},
      ]}
      title="Our Comprehensive Flooring Services"
      description="From selection to installation and beyond, Stevenson's offers a full suite of services to ensure your floors are beautiful, durable, and perfectly suited to your needs."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          brand: "Residential",          name: "Classic Oak Living Room",          price: "View Project",          rating: 5,
          reviewCount: "⭐⭐⭐⭐⭐",          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-interior_23-2152016396.jpg",          imageAlt: "Classic Oak Living Room"},
        {
          id: "p2",          brand: "Commercial",          name: "Modern Office Space",          price: "View Project",          rating: 5,
          reviewCount: "⭐⭐⭐⭐⭐",          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-nobody-it_482257-55.jpg",          imageAlt: "Modern Office Space Hardwood"},
        {
          id: "p3",          brand: "Residential",          name: "Rustic Walnut Dining Area",          price: "View Project",          rating: 5,
          reviewCount: "⭐⭐⭐⭐⭐",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-handsome-stylish-businessman-standing-near-table-with-laptop-thinking-working_1258-245317.jpg",          imageAlt: "Rustic Walnut Dining Area"},
        {
          id: "p4",          brand: "Residential",          name: "Contemporary Maple Bedroom",          price: "View Project",          rating: 5,
          reviewCount: "⭐⭐⭐⭐⭐",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",          imageAlt: "Contemporary Maple Bedroom"},
        {
          id: "p5",          brand: "Commercial",          name: "Retail Showroom Elegance",          price: "View Project",          rating: 5,
          reviewCount: "⭐⭐⭐⭐⭐",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-bakery-kids_23-2149884406.jpg",          imageAlt: "Retail Showroom Hardwood"},
        {
          id: "p6",          brand: "Residential",          name: "Herringbone Parquet Hallway",          price: "View Project",          rating: 5,
          reviewCount: "⭐⭐⭐⭐⭐",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943437.jpg",          imageAlt: "Herringbone Parquet Hallway"},
      ]}
      title="Our Gallery: Hardwood Transformations"
      description="Explore a selection of our recently completed residential and commercial projects, showcasing the beauty and versatility of Stevenson's Hardwood Floors."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          role: "Homeowner",          company: "Fairfax, VA",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-blonde-girl_23-2148648149.jpg",          imageAlt: "Sarah J. Testimonial"},
        {
          id: "t2",          name: "Michael C.",          role: "Property Manager",          company: "Sterling, VA",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",          imageAlt: "Michael C. Testimonial"},
        {
          id: "t3",          name: "Emily R.",          role: "Interior Designer",          company: "Leesburg, VA",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-brunette-hair-glasses-smiling-sitting-outside-young-woman-black-jacket-white-pants-talks-phone-outdoors_197531-19318.jpg",          imageAlt: "Emily R. Testimonial"},
        {
          id: "t4",          name: "David K.",          role: "Contractor",          company: "Reston, VA",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-vest-helmet_23-2148269392.jpg",          imageAlt: "David K. Testimonial"},
        {
          id: "t5",          name: "Jessica L.",          role: "Restaurant Owner",          company: "Arlington, VA",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-chat-bubble-pointing-with-hand-it-isolated-crimson-background_141793-31823.jpg",          imageAlt: "Jessica L. Testimonial"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from homeowners and businesses who have transformed their spaces with Stevenson's Hardwood Floors. Your satisfaction is our top priority."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What's the best wood species for my home?",          content: "The best wood species depends on your lifestyle, aesthetic preferences, and budget. Oak and maple are popular for durability, while walnut offers rich tones. We provide personalized recommendations during your consultation."},
        {
          id: "faq2",          title: "How long does hardwood floor installation take?",          content: "Installation time varies based on the size of the area, wood type, and complexity of the design. A typical room can be completed in 1-3 days, with larger projects taking longer. We'll provide a detailed timeline."},
        {
          id: "faq3",          title: "How do I care for and maintain my hardwood floors?",          content: "Regular sweeping or vacuuming, prompt spill cleanup, and using felt pads under furniture are key. We recommend specific cleaning products and can provide a comprehensive care guide."},
        {
          id: "faq4",          title: "What about durability and scratch resistance?",          content: "Modern hardwood floors are highly durable. Different species have varying hardness ratings (Janka scale). While no floor is completely scratch-proof, proper care and finish selection significantly enhance resistance. We offer durable finishes suitable for pets and high-traffic areas."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418527.jpg?_wi=2"
      imageAlt="Various hardwood floor samples"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Common Questions About Hardwood"
      description="Get answers to frequently asked questions about hardwood flooring, from wood species and maintenance to installation and pricing. We proudly serve Arlington, Elkin, Jonesville, Pleasant Hill, Ronda, and State Road. We're here to help you make informed decisions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "BBB Accredited Business",        "A+ Rating HomeAdvisor",        "Elite Service HomeAdvisor Professional"]}
      title="Recognized for Excellence: Our Accreditations"
      description="Stevenson's Hardwood Floors is proud to be a Better Business Bureau accredited business with high customer satisfaction, including an A+ Rating and Elite Service recognition from HomeAdvisor. We are committed to delivering trusted, professional service."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Ready for Beautiful Floors?"
      description="Contact Stevenson's Hardwood Floors today for a free consultation. Based in Elkin, North Carolina, and serving communities like Arlington, Elkin, Jonesville, Pleasant Hill, Ronda, and State Road, we're ready to plan your dream flooring project. Call us at (336) 429-7774."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: false,
        },
      ]}
      multiSelect={{
        name: "service",        label: "Interested In",        options: [
          "Hardwood Installation",          "Hardwood Refinishing/Staining",          "Laminate Installation",          "Vinyl Installation",          "Tile Installation",          "Flooring Repair",          "Custom Flooring",          "Flooring Sales",          "Free Consultation",          "Commercial Project",          "Other"],
      }}
      textarea={{
        name: "message",        placeholder: "Tell us about your project...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg"
      imageAlt="Hardwood flooring showroom"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Request Consultation"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Stevenson's Hardwood Floors"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Installation",              href: "#services"},
            {
              label: "Refinishing",              href: "#services"},
            {
              label: "Repair",              href: "#services"},
            {
              label: "Custom Design",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Projects",              href: "#projects"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Get A Quote",              href: "#contact"},
            {
              label: "Email Us",              href: "mailto:info@stevensonsfloors.com"},
            {
              label: "Call Us",              href: "tel:+13364297774"},
          ],
        },
      ]}
      copyrightText="© 2024 Stevenson's Hardwood Floors. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
