bender/389254f3-56c9-4d4c-957a-3107728b4685
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/services/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 00:03:36 +00:00
parent 9c9efba80e
commit 670561ec9b
1 changed files with 31 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/app/services/page.tsx
View File

@@ -3,29 +3,42 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ContactText from "@/components/sections/contact/ContactText";
import { Circle } from "lucide-react";
import ReactLenis from "lenis/react";
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingInline brandName="AirPro HVAC" navItems={[{name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} />
<HeroOverlay title="Our Premium Services" description="We provide top-tier HVAC solutions for your home and office." />
<FeatureCardOne
title="Service Categories"
textboxLayout="default"
animationType="slide-up"
features={[
{ title: "Aluminum Windows", description: "High quality thermal performance windows." },
{ title: "Doors", description: "Custom installation and design." },
{ title: "Facades", description: "Modern and energy efficient systems." },
{ title: "Fabrication", description: "Bespoke metal and HVAC fabrication." }
]}
/>
<ContactCTA tag="Ready to start?" title="Contact us for a consultation" description="Let's discuss your project." buttons={[{text: "Contact", href: "/contact"}]} />
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline brandName="AirPro HVAC" navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} button={{text: "Get a Quote", href: "/contact"}} />
</div>
<div id="hero" data-section="hero">
<HeroOverlay title="Our Premium Services" description="We provide top-tier HVAC solutions for your home and office." />
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
title="Service Categories"
description="Explore our expert HVAC services designed for comfort and efficiency."
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Aluminum Windows", description: "High quality thermal performance windows.", buttonIcon: Circle },
{ title: "Doors", description: "Custom installation and design.", buttonIcon: Circle },
{ title: "Facades", description: "Modern and energy efficient systems.", buttonIcon: Circle },
{ title: "Fabrication", description: "Bespoke metal and HVAC fabrication.", buttonIcon: Circle }
]}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactText
text="Ready to start your project? Let's discuss your HVAC needs."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
</ReactLenis>
</ThemeProvider>
);