Add src/app/services/page.tsx

2026-06-03 04:43:00 +00:00
parent 41b380e1c5
commit adfa8757ff
1 changed files with 111 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,111 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="blurBottom"
+        cardStyle="outline"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Services",                id: "/services"},
+              {
+                name: "About Us",                id: "/about-us"},
+              {
+                name: "Testimonials",                id: "/#testimonials"},
+              {
+                name: "FAQ",                id: "/#faq"},
+              {
+                name: "Contact",                id: "/#contact"},
+            ]}
+            brandName="Pleasanton Air Duct Repair"
+            button={{
+              text: "Get a Free Quote",              href: "/#contact"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="services" data-section="services">
+            <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "service-inspection",          title: "Thorough Air Duct Inspection",          description: "Utilizing high-resolution cameras, we perform a meticulous inspection of your entire ductwork to identify blockages, leaks, and damage. This ensures a precise and effective cleaning and repair plan.",          tag: "Assessment",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419205.jpg",          imageAlt: "Air duct inspection camera"},
+              {
+                id: "service-cleaning",          title: "Advanced Duct Cleaning",          description: "Our powerful, truck-mounted vacuum systems and specialized rotary brushes remove years of dust, allergens, mold, and debris from your ducts, significantly improving indoor air quality and HVAC efficiency.",          tag: "Clean Air",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388949.jpg",          imageAlt: "Powerful vacuum cleaning air ducts"},
+              {
+                id: "service-repair",          title: "Expert Duct Repair & Sealing",          description: "We specialize in repairing damaged ductwork, sealing leaks, and insulating compromised sections. This restores optimal airflow, prevents energy loss, and reduces utility bills.",          tag: "Efficiency",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets-work_23-2149366667.jpg",          imageAlt: "Technician repairing a damaged air duct"},
+              {
+                id: "service-purification",          title: "Air Purification Systems",          description: "Enhance your air quality further with our state-of-the-art air purification and sanitization solutions, including UV lights and advanced filtration systems to eliminate airborne contaminants.",          tag: "Health",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-dry-shampoo-home_23-2150689706.jpg",          imageAlt: "Air purification system diagram"},
+            ]}
+            title="Our Comprehensive Air Duct Solutions"
+            description="From detailed inspections to advanced cleaning and essential repairs, we cover every aspect of your air duct system to ensure optimal performance and pristine air quality."
+            tag="Our Services"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Pleasanton Air Duct Repair"
+            columns={[
+              {
+                title: "Services",          items: [
+                  {
+                    label: "Duct Cleaning",                    href: "/services"},
+                  {
+                    label: "Duct Repair",                    href: "/services"},
+                  {
+                    label: "Air Purification",                    href: "/services"},
+                  {
+                    label: "Estimates",                    href: "/#contact"},
+                ],
+              },
+              {
+                title: "Company",          items: [
+                  {
+                    label: "About Us",                    href: "/about-us"},
+                  {
+                    label: "Testimonials",                    href: "/#testimonials"},
+                  {
+                    label: "FAQ",                    href: "/#faq"},
+                  {
+                    label: "Contact",                    href: "/#contact"},
+                ],
+              },
+              {
+                title: "Legal",          items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"},
+                  {
+                    label: "Terms of Service",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Pleasanton Air Duct Repair. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}