Update src/app/services/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="About Our Company"
+            description="We have been providing expert HVAC and plumbing services across the USA for decades, committed to quality and home comfort."
+            imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=1"
+            bulletPoints={[
+              { title: "Expert Service", description: "Decades of professional experience." },
+              { title: "Customer Focused", description: "Dedicated to your comfort and satisfaction." }
+            ]}
+            mediaAnimation="none"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/blog/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#features" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="USA HVAC & Plumbing"
+          />
+        </div>
+
+        <div id="blog" data-section="blog">
+          <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Blog"
+            description="Tips, news, and guides for keeping your home systems running smoothly."
+            blogs={[
+              { 
+                id: "1", 
+                category: "HVAC", 
+                title: "How to Prepare Your AC for Summer", 
+                excerpt: "Simple maintenance tips to keep your home cool during heat waves.",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388984.jpg",                authorName: "John Tech",                authorAvatar: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg",                date: "July 2024"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/#contact" }] }
+            ]}
+            logoText="USA HVAC & Plumbing"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Droplets, Gauge, ShieldCheck } from "lucide-react";
+import { Droplets, Gauge, ShieldCheck, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="USA HVAC & Plumbing"
     />
@@ -54,60 +42,23 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Reliable HVAC & Plumbing Services"
       description="Expert solutions for your home comfort, delivering quality repairs and maintenance across the USA."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg",
-          alt: "hvac technician modern home",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
-          alt: "Young loader holding house model in uniform",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg",
-          alt: "Young loader holding mini clipboard with winner gesture",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-thumb-up-uniform-front-view_176474-21364.jpg",
-          alt: "Young loader holding mini clipboard with thumb up",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-worker-holding-clipboard-while-touching-head-with-hand-uniform-looking-regretful-front-view_176474-21695.jpg",
-          alt: "Young worker holding clipboard with regretful expression",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+        { src: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg", alt: "hvac technician" },
+        { src: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg", alt: "Young loader" },
+        { src: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-winner-gesture-uniform-front-view_176474-21365.jpg", alt: "Young loader" },
+        { src: "http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-thumb-up-uniform-front-view_176474-21364.jpg", alt: "Young loader" },
+        { src: "http://img.b2bpic.net/free-photo/young-worker-holding-clipboard-while-touching-head-with-hand-uniform-looking-regretful-front-view_176474-21695.jpg", alt: "Young worker" },
       ]}
+      buttons={[{ text: "Get a Quote", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Transparent Pricing",
-        },
-        {
-          type: "text",
-          text: "Nationwide Coverage",
-        },
-        {
-          type: "text",
-          text: "Quality Guaranteed",
-        },
+        { type: "text", text: "24/7 Emergency Support" },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "Transparent Pricing" },
+        { type: "text", text: "Nationwide Coverage" },
+        { type: "text", text: "Quality Guaranteed" },
       ]}
     />
   </div>
@@ -119,18 +70,9 @@ export default function LandingPage() {
       title="Expertise You Can Trust"
       description="With years of experience, we provide professional, high-quality HVAC and plumbing maintenance tailored to your home needs. Our certified technicians are dedicated to ensuring your comfort all year round."
       bulletPoints={[
-        {
-          title: "Certified Technicians",
-          description: "Fully licensed and background-checked staff.",
-        },
-        {
-          title: "24/7 Support",
-          description: "Always ready to handle your urgent repairs.",
-        },
-        {
-          title: "Guaranteed Satisfaction",
-          description: "Quality service backed by our commitment.",
-        },
+        { title: "Certified Technicians", description: "Fully licensed and background-checked staff." },
+        { title: "24/7 Support", description: "Always ready to handle your urgent repairs." },
+        { title: "Guaranteed Satisfaction", description: "Quality service backed by our commitment." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -143,21 +85,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Droplets,
-          title: "Plumbing Maintenance",
-          description: "Comprehensive leak detection and repair services.",
-        },
-        {
-          icon: Gauge,
-          title: "HVAC Repair",
-          description: "Keeping your home at perfect temperature always.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Emergency Coverage",
-          description: "Fast response for your critical repair needs.",
-        },
+        { icon: Droplets, title: "Plumbing Maintenance", description: "Comprehensive leak detection and repair services." },
+        { icon: Gauge, title: "HVAC Repair", description: "Keeping your home at perfect temperature always." },
+        { icon: ShieldCheck, title: "Emergency Coverage", description: "Fast response for your critical repair needs." },
       ]}
       title="Our Expert Services"
       description="We specialize in comprehensive HVAC and plumbing solutions for residential and commercial properties."
@@ -171,48 +101,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "High-Efficiency Furnace",
-          price: "$2,499",
-          variant: "Heating",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388984.jpg",
-        },
-        {
-          id: "p2",
-          name: "Tankless Water Heater",
-          price: "$1,899",
-          variant: "Plumbing",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131511.jpg",
-        },
-        {
-          id: "p3",
-          name: "Smart AC Unit",
-          price: "$1,299",
-          variant: "Cooling",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722717.jpg",
-        },
-        {
-          id: "p4",
-          name: "Premium Sink Fixture",
-          price: "$399",
-          variant: "Plumbing",
-          imageSrc: "http://img.b2bpic.net/free-photo/ceramic-house-porcelain-tub-modern_1203-4903.jpg",
-        },
-        {
-          id: "p5",
-          name: "Water Filtration System",
-          price: "$899",
-          variant: "Plumbing",
-          imageSrc: "http://img.b2bpic.net/free-photo/water-filter-stands-kitchen-with-glass-water_185193-165454.jpg",
-        },
-        {
-          id: "p6",
-          name: "HVAC Smart Controller",
-          price: "$299",
-          variant: "Heating",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg",
-        },
+        { id: "p1", name: "High-Efficiency Furnace", price: "$2,499", variant: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388984.jpg" },
+        { id: "p2", name: "Tankless Water Heater", price: "$1,899", variant: "Plumbing", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131511.jpg" },
+        { id: "p3", name: "Smart AC Unit", price: "$1,299", variant: "Cooling", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722717.jpg" },
+        { id: "p4", name: "Premium Sink Fixture", price: "$399", variant: "Plumbing", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-house-porcelain-tub-modern_1203-4903.jpg" },
+        { id: "p5", name: "Water Filtration System", price: "$899", variant: "Plumbing", imageSrc: "http://img.b2bpic.net/free-photo/water-filter-stands-kitchen-with-glass-water_185193-165454.jpg" },
+        { id: "p6", name: "HVAC Smart Controller", price: "$299", variant: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg" },
       ]}
       title="Premium Equipment"
       description="Browse our selection of top-rated home comfort systems."
@@ -225,56 +119,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          title: "Basic Check",
-          price: "$99",
-          period: "once",
-          features: [
-            "System checkup",
-            "Minor repair advice",
-          ],
-          button: {
-            text: "Get Started",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg",
-          imageAlt: "plumbing maintenance icon",
-        },
-        {
-          id: "pro",
-          title: "Annual Plan",
-          price: "$299",
-          period: "yearly",
-          features: [
-            "Year-round support",
-            "Priority repair calls",
-            "System tune-ups",
-          ],
-          button: {
-            text: "Get Started",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg",
-          imageAlt: "plumbing maintenance icon",
-        },
-        {
-          id: "premium",
-          title: "Home Shield",
-          price: "$599",
-          period: "yearly",
-          features: [
-            "Comprehensive maintenance",
-            "Free emergency calls",
-            "Parts coverage",
-          ],
-          button: {
-            text: "Get Started",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=2",
-          imageAlt: "plumbing maintenance icon",
-        },
+        { id: "basic", title: "Basic Check", price: "$99", period: "once", features: ["System checkup", "Minor repair advice"], button: { text: "Get Started", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg" },
+        { id: "pro", title: "Annual Plan", price: "$299", period: "yearly", features: ["Year-round support", "Priority repair calls", "System tune-ups"], button: { text: "Get Started", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/young-loader-uniform-holding-cup-turkish-coffee-front-view_176474-21389.jpg" },
+        { id: "premium", title: "Home Shield", price: "$599", period: "yearly", features: ["Comprehensive maintenance", "Free emergency calls", "Parts coverage"], button: { text: "Get Started", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=2" },
       ]}
       title="Transparent Pricing"
       description="Choose the best plan for your home maintenance needs."
@@ -287,41 +134,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@sarah_m",
-          testimonial: "Excellent service and very knowledgeable technicians.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-pandemic-giving-thumbs-up-while-looking-laptop_23-2148781377.jpg",
-        },
-        {
-          id: "2",
-          name: "James Wilson",
-          handle: "@jwilson",
-          testimonial: "Fixed my leaking pipe in no time. Great value.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
-        },
-        {
-          id: "3",
-          name: "Alice Brown",
-          handle: "@aliceb",
-          testimonial: "Professional team. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
-        },
-        {
-          id: "4",
-          name: "David Clark",
-          handle: "@dclark",
-          testimonial: "My AC is running better than ever.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-caucasian-couple-smiling-happy-relaxed-with-hands-head-sitting-sofa-home_839833-24407.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena Smith",
-          handle: "@elena_s",
-          testimonial: "Very friendly service and prompt response.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914233.jpg",
-        },
+        { id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service and very knowledgeable technicians.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-pandemic-giving-thumbs-up-while-looking-laptop_23-2148781377.jpg" },
+        { id: "2", name: "James Wilson", handle: "@jwilson", testimonial: "Fixed my leaking pipe in no time. Great value.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg" },
+        { id: "3", name: "Alice Brown", handle: "@aliceb", testimonial: "Professional team. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg" },
+        { id: "4", name: "David Clark", handle: "@dclark", testimonial: "My AC is running better than ever.", imageSrc: "http://img.b2bpic.net/free-photo/senior-caucasian-couple-smiling-happy-relaxed-with-hands-head-sitting-sofa-home_839833-24407.jpg" },
+        { id: "5", name: "Elena Smith", handle: "@elena_s", testimonial: "Very friendly service and prompt response.", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914233.jpg" },
       ]}
       title="Client Feedback"
       description="See what our satisfied customers say about our services."
@@ -329,64 +146,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get in Touch"
+      <ContactCTA
+      tag="Contact Us"
+      tagIcon={Mail}
       title="Need a Professional?"
-      description="Fill out the form below to receive a free quote."
+      description="Ready to get started? Reach out to our expert team for inquiries or consultations."
+      buttons={[{ text: "Contact Support", href: "mailto:support@example.com" }]}
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQs",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoText="USA HVAC & Plumbing"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#features" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="USA HVAC & Plumbing"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Portfolio"
+            description="Explore some of our recent HVAC and plumbing installation projects."
+            products={[
+              { id: "1", name: "Residential HVAC Setup", price: "$3,500", variant: "Full Install", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388984.jpg" },
+              { id: "2", name: "Commercial Plumbing Retrofit", price: "$8,000", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131511.jpg" },
+              { id: "3", name: "Smart Home Climate Hub", price: "$1,200", variant: "Smart Tech", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/#contact" }] }
+            ]}
+            logoText="USA HVAC & Plumbing"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import { Zap, Settings, ShieldCheck } from "lucide-react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            title="Our Expert Services"
+            description="Comprehensive solutions for every home comfort need."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Plumbing Repair", description: "Comprehensive leak detection and faucet repairs." },
+              { icon: Settings, title: "HVAC Installation", description: "Setting up high-efficiency heating and cooling units." },
+              { icon: ShieldCheck, title: "System Maintenance", description: "Preventive care to ensure longevity and efficiency." }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/team/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            title="Our Expert Team"
+            description="Meet the certified professionals dedicated to your home comfort."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "John Doe", role: "Master Plumber" },
+              { id: "2", name: "Jane Smith", role: "HVAC Technician" },
+              { id: "3", name: "Mike Ross", role: "Lead Technician" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}