bender/07671d01-663b-4e01-bd48-2036bf05569d
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-04-06 18:39:27 +00:00
parent 33c5639a4a
commit 0f64f67c54
1 changed files with 38 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,32 +3,48 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
export default function ServicesPage() {
return (
<ThemeProvider>
<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>
<NavbarLayoutFloatingOverlay
brandName="Atlas IT"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
]}
/>
<FeatureCardTwentyThree
title="Professional IT Services"
description="Comprehensive solutions tailored for your business success."
textboxLayout="default"
animationType="slide-up"
features={[
{ id: "pc", title: "PC Installation", tags: ["Expert hardware configuration and software setup"] },
{ id: "wifi", title: "Wi-Fi Network Setup", tags: ["Robust and secure local area network deployment"] },
{ id: "server", title: "Server Installation", tags: ["Enterprise grade server architecture and maintenance"] },
{ id: "camera", title: "Camera Installation (Coming Soon)", tags: ["Advanced surveillance and monitoring solutions"] }
]}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Atlas IT"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
]}
/>
</div>
<div id="services-list" data-section="services-list">
<FeatureCardNine
title="Professional IT Services"
description="Comprehensive solutions tailored for your business success."
textboxLayout="default"
animationType="slide-up"
showStepNumbers={true}
useInvertedBackground={false}
features={[
{ title: "PC Installation", description: "Expert hardware configuration and software setup", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1593640408182-31c70c8268f5" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1593640408182-31c70c8268f5" } },
{ title: "Wi-Fi Network Setup", description: "Robust and secure local area network deployment", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1544197150-b99a580bb7a8" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1544197150-b99a580bb7a8" } },
{ title: "Server Installation", description: "Enterprise grade server architecture and maintenance", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1558494949-ef010bbbb317" }, phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1558494949-ef010bbbb317" } }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);