"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function GalleryPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Home", id: "/" },
              { name: "Services", id: "/services" },
              { name: "Gallery", id: "/gallery" },
              { name: "Contact", id: "/contact" },
            ]}
            button={{ text: "Get a Free Quote", href: "/contact" }}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
            logoAlt="FloorCraft Logo"
            brandName="FloorCraft"
          />
        </div>

        <div id="project-gallery" data-section="project-gallery">
          <ProductCardTwo
            animationType="scale-rotate"
            textboxLayout="default"
            gridVariant="bento-grid"
            useInvertedBackground={false}
            carouselMode="buttons"
            products={[
              { id: "project-1", brand: "Hardwood", name: "Modern Kitchen Refinish", price: "", rating: 5, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-d9zo6f2r.png", imageAlt: "Modern kitchen with newly refinished hardwood floors" },
              { id: "project-2", brand: "Custom", name: "Geometric Entryway Design", price: "", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-vzc55io2.png", imageAlt: "Intricate geometric hardwood floor design in entryway" },
              { id: "project-3", brand: "Dark Oak", name: "Elegant Living Room Install", price: "", rating: 5, reviewCount: "32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238290-9c8uuc2l.png", imageAlt: "Worker installing dark oak hardwood floors in living room" },
              { id: "project-4", brand: "Natural Oak", name: "Bright Office Space", price: "", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713043.jpg", imageAlt: "Bright office space with newly installed natural oak flooring" },
              { id: "project-5", brand: "Mahogany", name: "Classic Dining Area", price: "", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-flashlight-useful-travel-items_23-2147604698.jpg", imageAlt: "Classic dining area with rich mahogany hardwood floors" },
              { id: "project-6", brand: "Maple", name: "Spacious Bedroom", price: "", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-indoors_1153-6373.jpg", imageAlt: "Spacious bedroom with light maple hardwood flooring" }
            ]}
            title="Our Gallery: Crafting Beautiful Floors"
            description="Explore a selection of our finest flooring projects. Each image tells a story of dedication, precision, and the lasting beauty FloorCraft brings to every home."
          />
        </div>

        <div id="gallery-testimonials" data-section="gallery-testimonials">
          <TestimonialCardSixteen
            textboxLayout="default"
            useInvertedBackground={true}
            testimonials={[
              { id: "g-1", name: "Olivia Wilson", role: "Home Remodeler", company: "Alpharetta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "Olivia Wilson" },
              { id: "g-2", name: "Liam Brown", role: "Residential Client", company: "Roswell, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", imageAlt: "Liam Brown" },
              { id: "g-3", name: "Ava Garcia", role: "Custom Home Builder", company: "Atlanta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-posing_23-2148563434.jpg", imageAlt: "Ava Garcia" },
              { id: "g-4", name: "Noah Miller", role: "Property Investor", company: "Sandy Springs, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg", imageAlt: "Noah Miller" },
              { id: "g-5", name: "Sophia Davis", role: "Homeowner", company: "Johns Creek, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-smiling-camera_74855-10028.jpg", imageAlt: "Sophia Davis" }
            ]}
            kpiItems={[
              { value: "Flawless", label: "Finishes" },
              { value: "Artistry", label: "in Every Plank" },
              { value: "Happy", label: "Homes" }
            ]}
            title="Hear From Homeowners We've Transformed"
            description="See why families trust FloorCraft for their most cherished spaces. Our gallery showcases not just floors, but homes brought to life."
            animationType="depth-3d"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBase
            columns={[
              {
                title: "Navigation",                items: [
                  { label: "Home", href: "/" },
                  { label: "Services", href: "/services" },
                  { label: "Gallery", href: "/gallery" },
                  { label: "Contact", href: "/contact" }
                ]
              },
              {
                title: "Services",                items: [
                  { label: "Hardwood Installation", href: "/services#hardwood-installation" },
                  { label: "Floor Sanding", href: "/services#floor-sanding" },
                  { label: "Free Estimates", href: "/services#free-estimates" },
                  { label: "Custom Designs", href: "/services#custom-designs" }
                ]
              },
              {
                title: "About Us",                items: [
                  { label: "Our Story", href: "/#about" },
                  { label: "Testimonials", href: "/#home-testimonials" },
                  { label: "Service Areas", href: "/services#service-areas" },
                  { label: "FAQs", href: "/contact#faq" }
                ]
              }
            ]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
            logoAlt="FloorCraft Logo"
            logoText="FloorCraft"
            copyrightText="© 2024 FloorCraft. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
