Update src/app/services/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,83 @@
+"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() {
+  const commonNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "Contact", id: "/contact-us" }
+  ];
+
+  const footerColumns = [
+    {
+      items: [
+        { label: "Home", href: "/" },
+        { label: "Services", href: "/services" },
+        { label: "About", href: "/about" },
+        { label: "Reviews", href: "#reviews" },
+        { label: "Contact", href: "/contact-us" }
+      ]
+    },
+    {
+      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: "#" }
+      ]
+    }
+  ];
+
+  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={commonNavItems}
+            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?_wi=1"
+            imageAlt="Prizm Heating & Ventilation team"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={footerColumns}
+            logoText="Prizm Heating & Ventilation"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact-us/page.tsx

@@ -0,0 +1,83 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactForm from "@/components/form/ContactForm";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { MessageCircle } from "lucide-react";
+
+export default function ContactUsPage() {
+  const commonNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "Contact", id: "/contact-us" }
+  ];
+
+  const footerColumns = [
+    {
+      items: [
+        { label: "Home", href: "/" },
+        { label: "Services", href: "/services" },
+        { label: "About", href: "/about" },
+        { label: "Reviews", href: "#reviews" },
+        { label: "Contact", href: "/contact-us" }
+      ]
+    },
+    {
+      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: "#" }
+      ]
+    }
+  ];
+
+  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={commonNavItems}
+            brandName="Prizm Heating & Ventilation"
+          />
+        </div>
+
+        <div id="contact-form-section" data-section="contact-form-section">
+          <ContactForm
+            tag="Get an Estimate"
+            tagIcon={MessageCircle}
+            title="Request Your HVAC Estimate"
+            description="Tell us about your project details, and we'll get back to you with a detailed estimate."
+            inputPlaceholder="Your Email"
+            buttonText="Submit Request"
+            termsText="By submitting, you agree to our Privacy Policy."
+            onSubmit={(email) => console.log("Estimate requested for:", email)}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={footerColumns}
+            logoText="Prizm Heating & Ventilation"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -14,6 +14,34 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import { Activity, CheckCircle, Cloud, CookingPot, Grid, Home, Lightbulb, Sparkles, Wind, Wrench } from "lucide-react";
 
 export default function LandingPage() {
+  const commonNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "Contact", id: "/contact-us" }
+  ];
+
+  const footerColumns = [
+    {
+      items: [
+        { label: "Home", href: "/" },
+        { label: "Services", href: "/services" },
+        { label: "About", href: "/about" },
+        { label: "Reviews", href: "#reviews" },
+        { label: "Contact", href: "/contact-us" }
+      ]
+    },
+    {
+      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: "#" }
+      ]
+    }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -30,18 +58,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
-      navItems={[
+      navItems={commonNavItems}
-        {
-          name: "Home",          id: "#home"},
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Reviews",          id: "#reviews"},
-        {
-          name: "Contact",          id: "#contact"},
-      ]}
       brandName="Prizm Heating & Ventilation"
     />
   </div>
@@ -55,9 +72,9 @@ export default function LandingPage() {
       tag="Greater Victoria Heating & Ventilation"
       buttons={[
         {
-          text: "Request an Estimate",          href: "#contact"},
+          text: "Request an Estimate",          href: "/contact-us"},
         {
-          text: "View Services",          href: "#services"},
+          text: "View Services",          href: "/services"},
       ]}
       mediaItems={[
         {
@@ -105,45 +122,45 @@ export default function LandingPage() {
           title: "Heat Pump Install Support",          description: "Expert ducting, venting, and airflow solutions that help your heat pump system perform beautifully.",          icon: Activity,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250263.jpg",              imageAlt: "Outdoor heat pump unit"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250263.jpg?_wi=1",              imageAlt: "Outdoor heat pump unit"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg",              imageAlt: "Indoor air handler unit"},
+              imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg?_wi=1",              imageAlt: "Indoor air handler unit"},
           ],
         },
         {
           title: "Ductwork Installation & Replacement",          description: "Custom ductwork designed for comfort, efficiency, and a clean fit within the realities of your home.",          icon: Wind,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281313.jpg",              imageAlt: "New ductwork in attic"},
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281313.jpg?_wi=1",              imageAlt: "New ductwork in attic"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg",              imageAlt: "Flexible ductwork in crawlspace"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg?_wi=1",              imageAlt: "Flexible ductwork in crawlspace"},
           ],
         },
         {
           title: "Home Ventilation",          description: "Fresh air systems, ERVs, air handlers, and exhaust solutions that improve comfort and indoor air quality.",          icon: Cloud,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg",              imageAlt: "Home ERV unit"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg?_wi=1",              imageAlt: "Home ERV unit"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281304.jpg",              imageAlt: "Modern residential air handler"},
+              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281304.jpg?_wi=1",              imageAlt: "Modern residential air handler"},
           ],
         },
         {
           title: "Kitchen Venting & Hood Fan Installation",          description: "Clean, efficient venting installations completed with care and attention to detail.",          icon: CookingPot,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-479.jpg",              imageAlt: "Modern kitchen hood fan"},
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-479.jpg?_wi=1",              imageAlt: "Modern kitchen hood fan"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/female-opening-kitchen-hoods_23-2147810080.jpg",              imageAlt: "Technician installing kitchen hood vent"},
+              imageSrc: "http://img.b2bpic.net/free-photo/female-opening-kitchen-hoods_23-2147810080.jpg?_wi=1",              imageAlt: "Technician installing kitchen hood vent"},
           ],
         },
         {
           title: "Renovation & Retrofit Work",          description: "Thoughtful solutions for older homes, attics, crawlspaces, and renovation projects with real-world constraints.",          icon: Home,
           mediaItems: [
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207747.jpg",              imageAlt: "HVAC installation during older home renovation"},
+              imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207747.jpg?_wi=1",              imageAlt: "HVAC installation during older home renovation"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg",              imageAlt: "Technician working on HVAC in an attic"},
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg?_wi=1",              imageAlt: "Technician working on HVAC in an attic"},
           ],
         },
       ]}
@@ -151,7 +168,7 @@ export default function LandingPage() {
       description="Prizm Heating & Ventilation provides residential ductwork, ventilation, and heat pump support services for homeowners across Greater Victoria. Every installation is planned carefully, executed cleanly, and finished with attention to detail."
       buttons={[
         {
-          text: "See All Services",          href: "#services"},
+          text: "See All Services",          href: "/services"},
       ]}
     />
   </div>
@@ -164,7 +181,7 @@ export default function LandingPage() {
       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"
+      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?_wi=2"
       imageAlt="Prizm Heating & Ventilation team"
       mediaAnimation="slide-up"
     />
@@ -233,41 +250,14 @@ export default function LandingPage() {
       text="Planning a heat pump or ventilation upgrade? Start with a team known for clean work, careful planning, and a professional experience from day one."
       buttons={[
         {
-          text: "Request Your Estimate",          href: "#"},
+          text: "Request Your Estimate",          href: "/contact-us"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
+      columns={footerColumns}
-        {
-          items: [
-            {
-              label: "Home",              href: "#home"},
-            {
-              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>

src/app/services/page.tsx

@@ -0,0 +1,141 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Activity, Cloud, CookingPot, Home, Wind } from "lucide-react";
+
+export default function ServicesPage() {
+  const commonNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "Contact", id: "/contact-us" }
+  ];
+
+  const footerColumns = [
+    {
+      items: [
+        { label: "Home", href: "/" },
+        { label: "Services", href: "/services" },
+        { label: "About", href: "/about" },
+        { label: "Reviews", href: "#reviews" },
+        { label: "Contact", href: "/contact-us" }
+      ]
+    },
+    {
+      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: "#" }
+      ]
+    }
+  ];
+
+  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={commonNavItems}
+            brandName="Prizm Heating & Ventilation"
+          />
+        </div>
+
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Heat Pump Install Support",                description: "Expert ducting, venting, and airflow solutions that help your heat pump system perform beautifully.",                icon: Activity,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250263.jpg?_wi=2",                    imageAlt: "Outdoor heat pump unit"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg?_wi=2",                    imageAlt: "Indoor air handler unit"
+                  }
+                ]
+              },
+              {
+                title: "Ductwork Installation & Replacement",                description: "Custom ductwork designed for comfort, efficiency, and a clean fit within the realities of your home.",                icon: Wind,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281313.jpg?_wi=2",                    imageAlt: "New ductwork in attic"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg?_wi=2",                    imageAlt: "Flexible ductwork in crawlspace"
+                  }
+                ]
+              },
+              {
+                title: "Home Ventilation",                description: "Fresh air systems, ERVs, air handlers, and exhaust solutions that improve comfort and indoor air quality.",                icon: Cloud,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg?_wi=2",                    imageAlt: "Home ERV unit"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281304.jpg?_wi=2",                    imageAlt: "Modern residential air handler"
+                  }
+                ]
+              },
+              {
+                title: "Kitchen Venting & Hood Fan Installation",                description: "Clean, efficient venting installations completed with care and attention to detail.",                icon: CookingPot,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-479.jpg?_wi=2",                    imageAlt: "Modern kitchen hood fan"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/female-opening-kitchen-hoods_23-2147810080.jpg?_wi=2",                    imageAlt: "Technician installing kitchen hood vent"
+                  }
+                ]
+              },
+              {
+                title: "Renovation & Retrofit Work",                description: "Thoughtful solutions for older homes, attics, crawlspaces, and renovation projects with real-world constraints.",                icon: Home,
+                mediaItems: [
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207747.jpg?_wi=2",                    imageAlt: "HVAC installation during older home renovation"
+                  },
+                  {
+                    imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg?_wi=2",                    imageAlt: "Technician working on HVAC in an attic"
+                  }
+                ]
+              }
+            ]}
+            title="Specialized heating and ventilation services"
+            description="Prizm Heating & Ventilation provides residential ductwork, ventilation, and heat pump support services for homeowners across Greater Victoria. Every installation is planned carefully, executed cleanly, and finished with attention to detail."
+            buttons={[
+              {
+                text: "See All Services",                href: "/services"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={footerColumns}
+            logoText="Prizm Heating & Ventilation"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}