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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay"; import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ContactCTA from "@/components/sections/contact/ContactCTA"; import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia"; import { Circle } from "lucide-react";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
export default function ServicesPage() { export default function ServicesPage() {
return ( 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> <ReactLenis root>
<NavbarLayoutFloatingInline brandName="AirPro HVAC" navItems={[{name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} /> <div id="nav" data-section="nav">
<HeroOverlay title="Our Premium Services" description="We provide top-tier HVAC solutions for your home and office." /> <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"}} />
<FeatureCardOne </div>
title="Service Categories" <div id="hero" data-section="hero">
textboxLayout="default" <HeroOverlay title="Our Premium Services" description="We provide top-tier HVAC solutions for your home and office." />
animationType="slide-up" </div>
features={[ <div id="features" data-section="features">
{ title: "Aluminum Windows", description: "High quality thermal performance windows." }, <FeatureCardTwentySix
{ title: "Doors", description: "Custom installation and design." }, title="Service Categories"
{ title: "Facades", description: "Modern and energy efficient systems." }, description="Explore our expert HVAC services designed for comfort and efficiency."
{ title: "Fabrication", description: "Bespoke metal and HVAC fabrication." } textboxLayout="default"
]} useInvertedBackground={false}
/> features={[
<ContactCTA tag="Ready to start?" title="Contact us for a consultation" description="Let's discuss your project." buttons={[{text: "Contact", href: "/contact"}]} /> { 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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );