Update src/app/services/page.tsx

This commit is contained in:
2026-06-03 12:33:57 +00:00
parent 3b858335c7
commit a373dc84ee

View File

@@ -22,81 +22,86 @@ export default function ServicesPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", href: "/#work" },
{ name: "Services", href: "/services" },
{ name: "About", href: "/#about" },
{ name: "Contact", href: "/contact" }
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<FeatureBorderGlow
id="services"
title="Our Web Design Services"
description="From initial concept to launch, we offer a comprehensive suite of services to build your online success."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
icon: Palette,
title: "UI/UX Design", description: "Crafting intuitive and visually stunning interfaces that engage users and drive conversions."
},
{
icon: Code,
title: "Custom Web Development", description: "Building bespoke, high-performance websites tailored to your unique business needs and goals."
},
{
icon: Monitor,
title: "Responsive Design", description: "Ensuring your website looks and functions flawlessly across all devices, from desktops to smartphones."
},
{
icon: Zap,
title: "Performance Optimization", description: "Optimizing your site for speed and efficiency, providing a seamless user experience and improved SEO."
},
{
icon: ShoppingCart,
title: "E-commerce Solutions", description: "Developing powerful online stores with secure payment gateways and easy product management."
},
{
icon: Shield,
title: "Website Security", description: "Implementing robust security measures to protect your website and user data from threats."
}
]}
/>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "/#about" },
{ label: "Services", href: "/services" },
{ label: "Work", href: "/#work" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Services", items: [
{ label: "Web Development", href: "/services" },
{ label: "SEO", href: "/services" },
{ label: "Branding", href: "/services" },
{ label: "UI/UX Design", href: "/services" }
]
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" }
]
}
]}
/>
<div id="nav" data-section="nav">
<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" }}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
title="Our Web Design Services"
description="From initial concept to launch, we offer a comprehensive suite of services to build your online success."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
icon: Palette,
title: "UI/UX Design", description: "Crafting intuitive and visually stunning interfaces that engage users and drive conversions."
},
{
icon: Code,
title: "Custom Web Development", description: "Building bespoke, high-performance websites tailored to your unique business needs and goals."
},
{
icon: Monitor,
title: "Responsive Design", description: "Ensuring your website looks and functions flawlessly across all devices, from desktops to smartphones."
},
{
icon: Zap,
title: "Performance Optimization", description: "Optimizing your site for speed and efficiency, providing a seamless user experience and improved SEO."
},
{
icon: ShoppingCart,
title: "E-commerce Solutions", description: "Developing powerful online stores with secure payment gateways and easy product management."
},
{
icon: Shield,
title: "Website Security", description: "Implementing robust security measures to protect your website and user data from threats."
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
{
title: "Company", items: [
{ label: "About", href: "/#about" },
{ label: "Services", href: "/services" },
{ label: "Work", href: "/#work" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Services", items: [
{ label: "Web Development", href: "/services" },
{ label: "SEO", href: "/services" },
{ label: "Branding", href: "/services" },
{ label: "UI/UX Design", href: "/services" }
]
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}