Switch to version 2: added src/app/services/page.tsx

This commit is contained in:
2026-04-15 03:39:35 +00:00
parent 48bfb2d5c4
commit 4a98e49654

63
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,63 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import ContactText from "@/components/sections/contact/ContactText";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "work" },
{ name: "Services", id: "/services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get Started", href: "#contact" }}
/>
<PricingCardEight
title="Our Digital Services"
description="Transparent pricing for high-impact solutions."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "web-dev", badge: "Standard", price: "$2,500", subtitle: "Web", features: ["Responsive", "Fast"], buttons: [{ text: "Get" }]
}
]}
/>
<ContactText
text="Let's talk"
background={{ variant: "rotated-rays-animated" }}
useInvertedBackground={false}
/>
<FooterMedia
logoText="Webild"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp"
copyrightText="© 2026 | Webild"
columns={[
{ title: "Company", items: [{ label: "Home", href: "/" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}