Update src/app/services/page.tsx
This commit is contained in:
@@ -16,7 +16,7 @@ export default function ServicesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -48,34 +48,21 @@ export default function ServicesPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Start Your Project", href: "/contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/abstract-illustration-of-web-design-and--1773350133104-26c98020.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdhRuMaqGFnZmiqdoDgHyr2Pls/abstract-illustration-of-web-design-and--1773350133104-26c98020.png"
|
||||
imageAlt="Service design illustration"
|
||||
mediaAnimation="slide-up"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Web Design & Development",
|
||||
content: "From responsive websites to complex web applications, we build digital experiences that engage users and drive conversions. Our approach combines user-centered design with modern technology. We specialize in creating scalable, maintainable code and beautiful, intuitive interfaces.",
|
||||
},
|
||||
id: "1", title: "Web Design & Development", content: "From responsive websites to complex web applications, we build digital experiences that engage users and drive conversions. Our approach combines user-centered design with modern technology. We specialize in creating scalable, maintainable code and beautiful, intuitive interfaces."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mobile App Development",
|
||||
content: "Native and cross-platform mobile solutions that bring your ideas to life. We create intuitive, performant apps that users love. Our team has expertise in iOS, Android, and cross-platform frameworks to deliver the perfect solution for your needs.",
|
||||
},
|
||||
id: "2", title: "Mobile App Development", content: "Native and cross-platform mobile solutions that bring your ideas to life. We create intuitive, performant apps that users love. Our team has expertise in iOS, Android, and cross-platform frameworks to deliver the perfect solution for your needs."},
|
||||
{
|
||||
id: "3",
|
||||
title: "UI/UX Design",
|
||||
content: "Beautiful, functional interfaces designed with your users in mind. We conduct thorough research and testing to ensure optimal user experience. Our design process includes user interviews, wireframing, prototyping, and comprehensive usability testing.",
|
||||
},
|
||||
id: "3", title: "UI/UX Design", content: "Beautiful, functional interfaces designed with your users in mind. We conduct thorough research and testing to ensure optimal user experience. Our design process includes user interviews, wireframing, prototyping, and comprehensive usability testing."},
|
||||
{
|
||||
id: "4",
|
||||
title: "E-Commerce Solutions",
|
||||
content: "Powerful online stores that convert visitors into customers. Complete solutions including design, development, and optimization. We implement secure payment processing, inventory management, and analytics to maximize your sales potential.",
|
||||
},
|
||||
id: "4", title: "E-Commerce Solutions", content: "Powerful online stores that convert visitors into customers. Complete solutions including design, development, and optimization. We implement secure payment processing, inventory management, and analytics to maximize your sales potential."},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,22 +78,13 @@ export default function ServicesPage() {
|
||||
buttonAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25+",
|
||||
title: "Industries Served",
|
||||
items: ["From startups to enterprises", "Diverse vertical expertise", "Proven track record"],
|
||||
id: "1", value: "25+", title: "Industries Served", items: ["From startups to enterprises", "Diverse vertical expertise", "Proven track record"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "8+",
|
||||
title: "Years Average Experience",
|
||||
items: ["Senior team members", "Continuous learning", "Cutting-edge technologies"],
|
||||
id: "2", value: "8+", title: "Years Average Experience", items: ["Senior team members", "Continuous learning", "Cutting-edge technologies"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Project Success Rate",
|
||||
items: ["On-time delivery", "Within budget", "Exceeding expectations"],
|
||||
id: "3", value: "100%", title: "Project Success Rate", items: ["On-time delivery", "Within budget", "Exceeding expectations"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -124,7 +102,7 @@ export default function ServicesPage() {
|
||||
{ text: "Schedule Consultation", href: "/contact" },
|
||||
{ text: "Request Proposal", href: "#" },
|
||||
]}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,8 +112,7 @@ export default function ServicesPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
@@ -143,8 +120,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{ label: "Web Design", href: "#" },
|
||||
{ label: "App Development", href: "#" },
|
||||
{ label: "E-Commerce", href: "#" },
|
||||
@@ -152,8 +128,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -161,8 +136,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
|
||||
Reference in New Issue
Block a user