bender/dc7c8997-5ea2-4efb-bdf8-8e8580a0b17d
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-08 09:25:36 +00:00
parent 638cdf579e
commit 7bd40783a7
1 changed files with 42 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,47 +3,56 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Search, Monitor, Palette } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", id: "/#work" },
{ name: "Services", id: "/services" },
{ name: "Reviews", id: "/reviews" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/#contact" },
]}
button={{ text: "Get Started", href: "/#contact" }}
/>
<FeatureBento
title="Our Comprehensive Services"
description="We provide end-to-end digital solutions designed to grow your business and improve your local search rankings."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ id: "seo", title: "Local SEO Optimization", descriptions: ["Boost your local visibility", "Google Business Profile management", "Local keyword research"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp" },
{ id: "web", title: "Custom Web Development", descriptions: ["Responsive design", "Fast performance optimization", "SEO-friendly architecture"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp" },
{ id: "brand", title: "Branding & UI/UX", descriptions: ["Unique visual identities", "User-centric design flows", "Conversion-focused layouts"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp" }
]}
/>
<ContactCTA
title="Ready to scale your business?"
text="Let's discuss how our services can help you dominate your local market."
background={{ variant: "rotated-rays-animated" }}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyNine
title="Our Comprehensive Services"
description="We provide end-to-end digital solutions designed to grow your business and improve your local search rankings."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="bento-grid"
features={[
{ title: "Local SEO", description: "Boost your local visibility", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", titleIconSrc: "", buttonText: "Learn More" },
{ title: "Web Development", description: "Custom web solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", titleIconSrc: "", buttonText: "Learn More" },
{ title: "Branding", description: "Creative identity design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", titleIconSrc: "", buttonText: "Learn More" }
]}
/>
</div>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Reviews", href: "/reviews" }] }
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] }
]}
/>
</ReactLenis>