"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLarge"
        background="noise"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              {
                name: "Home",                id: "/"
              },
              {
                name: "Services",                id: "/services"
              },
              {
                name: "About",                id: "/about"
              },
              {
                name: "Reviews",                id: "#reviews"
              },
              {
                name: "Contact",                id: "#contact"
              }
            ]}
            brandName="Prizm Heating & Ventilation"
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            useInvertedBackground={false}
            tag="Our Philosophy"
            title="Why homeowners choose Prizm"
            description="Prizm is a strong fit for homeowners who want more than a basic install. Whether you're upgrading an older home, renovating, adding a heat pump, or improving ventilation, the work is approached with craftsmanship, communication, and care."
            subdescription="Every project starts with thoughtful planning, executed with precision workmanship, and always with respect for your home and clear communication. Led by Justin and Jordan, Prizm has earned a reputation for being skilled, friendly, and meticulous - the kind of team homeowners feel good about hiring and recommending."
            icon={Sparkles}
            imageSrc="http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg"
            imageAlt="Prizm Heating & Ventilation team"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterLogoEmphasis
            columns={[
                {
                items: [
                    {
                    label: "Home",                    href: "/"},
                    {
                    label: "Services",                    href: "/services"},
                    {
                    label: "About",                    href: "/about"},
                    {
                    label: "Reviews",                    href: "#reviews"},
                    {
                    label: "Contact",                    href: "#contact"},
                ],
                },
                {
                items: [
                    {
                    label: "Greater Victoria, BC",                    href: "#"},
                    {
                    label: "Phone: (XXX) XXX-XXXX",                    href: "tel:XXX-XXX-XXXX"},
                    {
                    label: "Email: info@prizmhvac.com",                    href: "mailto:info@prizmhvac.com"},
                    {
                    label: "Hours: Mon-Fri, 8 AM - 5 PM",                    href: "#"},
                ],
                },
            ]}
            logoText="Prizm Heating & Ventilation"
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
