Add src/app/services/page.tsx
This commit is contained in:
156
src/app/services/page.tsx
Normal file
156
src/app/services/page.tsx
Normal file
@@ -0,0 +1,156 @@
|
||||
"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() {
|
||||
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="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", 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"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
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/close-up-ventilation-system_23-2149388952.jpg", 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/3d-rendering-ventilation-system_23-2149281304.jpg", 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/female-opening-kitchen-hoods_23-2147810080.jpg", 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/close-up-ventilation-system_23-2149388990.jpg", 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={[
|
||||
{
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user