"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { Briefcase, Mail } from "lucide-react";

export default function ProjectsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BuildCorp Kenya"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Projects", id: "/projects" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "/contact"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="projects" data-section="projects">
        <ProductCardTwo
          title="Completed Projects"
          description="Showcase of our successful residential and commercial developments across Kenya"
          tag="Portfolio"
          tagIcon={Briefcase}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",
              brand: "Residential",
              name: "Nairobi Heights Estate - Phase II",
              price: "KES 2.8B",
              rating: 5,
              reviewCount: "450 units",
              imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-apartment-buildings_116348-111.jpg",
              imageAlt: "Nairobi Heights Estate residential complex"
            },
            {
              id: "2",
              brand: "Commercial",
              name: "Westlands Business Tower",
              price: "KES 3.2B",
              rating: 5,
              reviewCount: "24 floors",
              imageSrc: "http://img.b2bpic.net/free-photo/tower-modern-business-city-wall_1127-2816.jpg",
              imageAlt: "Westlands Business Tower commercial complex"
            },
            {
              id: "3",
              brand: "Mixed-Use",
              name: "Kilimani Development Complex",
              price: "KES 2.5B",
              rating: 5,
              reviewCount: "200+ units",
              imageSrc: "http://img.b2bpic.net/free-photo/people-gathering-near-building-round-railings-daytime_400718-22.jpg",
              imageAlt: "Kilimani Development mixed-use complex"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="project-cta" data-section="project-cta">
        <ContactCenter
          tag="Interested in Partnering?"
          tagIcon={Mail}
          title="Explore Investment Opportunities"
          description="Contact us to learn more about current and upcoming projects, investment structures, and partnership opportunities that align with your goals."
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
          inputPlaceholder="your@email.com"
          buttonText="Get More Information"
          termsText="We'll share detailed project information and connect you with our partnership team."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Projects", href: "/projects" },
                { label: "Services", href: "/#services" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Blog", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "Industry Reports", href: "#" },
                { label: "FAQ", href: "/#faq" }
              ]
            },
            {
              title: "Partnership",
              items: [
                { label: "Become a Partner", href: "/contact" },
                { label: "Investment Opportunities", href: "#" },
                { label: "Supplier Portal", href: "#" },
                { label: "Contact Us", href: "/contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Compliance", href: "#" },
                { label: "Security", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 BuildCorp Kenya. All rights reserved."
          bottomRightText="Building Kenya's Future"
        />
      </div>
    </ThemeProvider>
  );
}