Update src/app/services/page.tsx
This commit is contained in:
@@ -1,13 +1,11 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, Code, Cpu, TrendingUp, Globe } from "lucide-react";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
@@ -76,71 +74,42 @@ export default function ServicesPage() {
|
||||
{/* Services Section */}
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
title="Our Comprehensive Services"
|
||||
description="End-to-end software development solutions tailored to solve your unique business challenges and drive measurable results. From concept to deployment, we handle every aspect with technical excellence and strategic thinking."
|
||||
title="Our Core Services"
|
||||
description="Deliver 3x faster with AI automation. Scale to millions of users with enterprise-grade architecture. Comprehensive software development services engineered to drive innovation, efficiency, and competitive advantage for your organization."
|
||||
tag="Services"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "custom-development", title: "Custom Software Development", description: "Bespoke software solutions built with modern technologies and architectural best practices. We combine clean code principles, scalable architecture, and cutting-edge frameworks to create applications that stand the test of time and scale effortlessly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png", imageAlt: "Custom software development workflow"},
|
||||
id: "custom-development", title: "Custom Software Development", description: "Bespoke software solutions built with modern technologies and architectural best practices to solve complex business challenges and deliver measurable ROI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/custom-software-development-workflow-vis-1772527670830-12700389.png", imageAlt: "Custom software development workflow"
|
||||
},
|
||||
{
|
||||
id: "ai-automation", title: "AI Automation Solutions", description: "Leverage artificial intelligence and machine learning to automate processes, enhance decision-making, and unlock new capabilities in your operations. Our AI specialists design intelligent systems that learn and adapt to optimize your business outcomes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/artificial-intelligence-and-machine-lear-1772527671596-b816dded.png", imageAlt: "AI automation system visualization"},
|
||||
id: "ai-automation", title: "AI Automation Solutions", description: "Leverage artificial intelligence and machine learning to automate processes, enhance decision-making, and unlock new capabilities in your operations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/artificial-intelligence-and-machine-lear-1772527671596-b816dded.png", imageAlt: "AI automation system visualization"
|
||||
},
|
||||
{
|
||||
id: "saas-mvp", title: "SaaS MVP Development", description: "Rapid development of minimum viable products for software-as-a-service platforms. We combine speed-to-market with scalable cloud-native architecture, ensuring your product can grow from launch to millions of users.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png", imageAlt: "SaaS MVP development process"},
|
||||
id: "saas-mvp", title: "SaaS MVP Development", description: "Rapid development of minimum viable products for software-as-a-service platforms, combining speed-to-market with scalable cloud-native architecture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/saas-mvp-development-process-visualizati-1772527671532-6d1e632c.png", imageAlt: "SaaS MVP development process"
|
||||
},
|
||||
{
|
||||
id: "enterprise-solutions", title: "Enterprise Solutions", description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications. We build enterprise-grade systems with 99.99% uptime requirements, handling millions of transactions securely and reliably.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png", imageAlt: "Enterprise solutions architecture"},
|
||||
id: "enterprise-solutions", title: "Enterprise Solutions", description: "Large-scale system integration, data management, and infrastructure solutions designed for mission-critical applications and enterprise reliability requirements.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/enterprise-software-solutions-architectu-1772527673363-117f00ea.png", imageAlt: "Enterprise solutions architecture"
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-4"
|
||||
gridVariant="uniform-4-items"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Let's Discuss Your Project", href: "contact" }]}
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[{ text: "Explore Services", href: "services" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Service Details Section */}
|
||||
<div id="service-details" data-section="service-details">
|
||||
<SplitAbout
|
||||
title="Our Development Approach"
|
||||
description="We follow proven methodologies and best practices that combine technical excellence with strategic business thinking. Every project benefits from our accumulated experience and commitment to delivering transformative results."
|
||||
tag="Methodology"
|
||||
tagIcon={Code}
|
||||
tagAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Discovery & Strategy", description: "We begin with comprehensive discovery, understanding your business goals, technical requirements, and market context to inform our architecture and technology decisions.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Agile Development", description: "Using agile sprint-based methodologies, we deliver working software regularly, maintain transparent communication, and adapt to changing requirements with ease.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Quality Assurance", description: "Rigorous testing including unit tests, integration tests, E2E tests, security audits, and performance optimization ensure production-ready code every time.", icon: Code,
|
||||
},
|
||||
{
|
||||
title: "Post-Launch Support", description: "Ongoing monitoring, maintenance, performance optimization, and feature enhancements keep your system running at peak efficiency while you focus on growing your business.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQb17qiKzCXGaCapUtYG9WElAv/a-dynamic-team-of-diverse-software-devel-1772527670697-2850cbf9.png"
|
||||
imageAlt="DevForge development approach and methodology"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Learn About Our Process", href: "#" }]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact CTA Section */}
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to start your next project? Let's discuss how we can help you achieve your business goals with cutting-edge software solutions."
|
||||
text="Ready to transform your business with next-generation software? Let's collaborate and build something extraordinary together."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "contact" },
|
||||
{ text: "Schedule Consultation", href: "contact" },
|
||||
{ text: "Get a Proposal", href: "contact" },
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -157,4 +126,4 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user