"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import { Leaf } from "lucide-react";

export default function GalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="Botanica Landscapes"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About Us", id: "about" },
              { name: "Our Team", id: "team" },
              { name: "Gallery", id: "/gallery" },
              { name: "Reviews", id: "/reviews" },
              { name: "Contact", id: "contact" }
            ]}
            button={{ text: "Request a Quote", href: "#contact" }}
          />
        </div>

        <div id="before-after" data-section="before-after">
          <ProductCardOne
            title="Before & After Transformations"
            description="See the dramatic changes we bring to outdoor spaces."
            tag="Project Showcase"
            tagIcon={Leaf}
            animationType="slide-up"
            gridVariant="uniform-all-items-equal"
            textboxLayout="default"
            useInvertedBackground={false}
            products={[
              {
                id: "ba1-b",                name: "Overgrown Space (Before)",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/green-grass-with-tree_169016-57434.jpg",                imageAlt: "Overgrown garden before landscaping"
              },
              {
                id: "ba1-a",                name: "Lush Garden (After)",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/lush-garden-beautiful-design_169016-57448.jpg",                imageAlt: "Lush garden after landscaping"
              },
              {
                id: "ba2-b",                name: "Plain Backyard (Before)",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/dirty-park-with-many-branches-ground_140725-70068.jpg",                imageAlt: "Plain backyard before renovation"
              },
              {
                id: "ba2-a",                name: "Modern Patio (After)",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden-design_169016-57442.jpg",                imageAlt: "Modern patio and garden after renovation"
              }
            ]}
          />
        </div>

        <div id="residential-projects" data-section="residential-projects">
          <ProductCardOne
            title="Residential Masterpieces"
            description="Beautiful landscapes designed for homes across Yuba City."
            tag="Homes"
            tagIcon={Leaf}
            animationType="slide-up"
            gridVariant="uniform-all-items-equal"
            textboxLayout="default"
            useInvertedBackground={false}
            products={[
              {
                id: "res1",                name: "Modern Home Garden",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/modern-house-with-landscaped-garden_169016-57406.jpg",                imageAlt: "Modern house with minimalist garden design"
              },
              {
                id: "res2",                name: "Pathway & Flowers",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/garden-with-stone-path_169016-57410.jpg",                imageAlt: "Garden with stone pathway and colorful flowers"
              },
              {
                id: "res3",                name: "Backyard Oasis",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/nice-garden-with-chairs_169016-57422.jpg",                imageAlt: "Cozy backyard oasis with seating area"
              },
              {
                id: "res4",                name: "Family-Friendly Lawn",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/green-lawn-with-trees-house_169016-57428.jpg",                imageAlt: "Expansive green lawn perfect for families"
              }
            ]}
          />
        </div>

        <div id="commercial-projects" data-section="commercial-projects">
          <ProductCardOne
            title="Commercial Property Enhancements"
            description="Professional landscaping solutions for businesses and public spaces."
            tag="Businesses"
            tagIcon={Leaf}
            animationType="slide-up"
            gridVariant="uniform-all-items-equal"
            textboxLayout="default"
            useInvertedBackground={false}
            products={[
              {
                id: "com1",                name: "Office Frontage",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/commercial-building-green-lawn_169016-57303.jpg",                imageAlt: "Commercial building with welcoming landscape"
              },
              {
                id: "com2",                name: "Manicured Entrance",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/office-building-with-manicured-landscaping_169016-57309.jpg",                imageAlt: "Office building with neatly manicured entrance"
              },
              {
                id: "com3",                name: "Retail Center Design",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-landscaped-front_169016-57315.jpg",                imageAlt: "Retail center with attractive landscape design"
              },
              {
                id: "com4",                name: "Public Park Project",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/public-park-with-benches-trees_169016-57321.jpg",                imageAlt: "Public park landscaping project"
              }
            ]}
          />
        </div>

        <div id="landscape-maintenance" data-section="landscape-maintenance">
          <ProductCardOne
            title="Maintenance in Action"
            description="Showcasing our dedication to pristine landscape care."
            tag="Ongoing Care"
            tagIcon={Leaf}
            animationType="slide-up"
            gridVariant="uniform-all-items-equal"
            textboxLayout="default"
            useInvertedBackground={false}
            products={[
              {
                id: "lm1",                name: "Hedge Trimming",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-trimming-bush_169016-57218.jpg",                imageAlt: "Gardener trimming a hedge"
              },
              {
                id: "lm2",                name: "Lawn Mowing",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/lawn-mower-grass_169016-57209.jpg",                imageAlt: "Lawnmower cutting grass in a backyard"
              },
              {
                id: "lm3",                name: "Flower Bed Weeding",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/gardener-working-flower-bed_169016-57199.jpg",                imageAlt: "Gardener weeding a flower bed"
              },
              {
                id: "lm4",                name: "Irrigation Check",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/sprinkler-system-watering-garden_169016-57190.jpg",                imageAlt: "Technician checking irrigation system"
              }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "Commercial Landscaping", href: "#services" },
                  { label: "Residential Landscaping", href: "#services" },
                  { label: "Landscape Maintenance", href: "#services" },
                  { label: "Landscape Design", href: "#services" },
                  { label: "Lawn Care", href: "#services" },
                  { label: "Irrigation Services", href: "#services" }
                ]
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Team", href: "#team" },
                  { label: "Testimonials", href: "/reviews" },
                  { label: "FAQ", href: "#faq" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "(530) 671-1029", href: "tel:5306711029" },
                  { label: "5411 CA-20, Yuba City, CA 95993" },
                  { label: "info@botanicalandscapes.com", href: "mailto:info@botanicalandscapes.com" }
                ]
              }
            ]}
            bottomLeftText="© 2024 Botanica Landscapes. All rights reserved."
            bottomRightText="Women-Owned Landscaping in Yuba City, CA"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
