131 lines
7.0 KiB
TypeScript
131 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Zap, CheckCircle, Github, Linkedin, Twitter } from 'lucide-react';
|
|
|
|
export default function ServicesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Dialedweb"
|
|
navItems={[
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Development Process"
|
|
description="A proven methodology that ensures your project is delivered on time, on budget, and exceeds expectations"
|
|
tag="Strategic Approach"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Discovery", title: "Strategy & Planning", subtitle: "Foundation for success", description: "We dive deep into understanding your business goals, target audience, and competitive landscape. Our strategic planning ensures every decision aligns with your vision and maximizes ROI.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-hand-holding-paper-piece_23-2149930956.jpg", imageAlt: "Strategic planning and design"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Development", title: "Custom Development", subtitle: "Built to perfection", description: "Our expert developers build custom software and web solutions using modern technologies. We focus on clean code, scalability, and performance to create solutions that grow with your business.", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Web and software development"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Quality", title: "Testing & Optimization", subtitle: "Flawless execution", description: "Rigorous testing and optimization ensure your product is secure, fast, and reliable. We conduct comprehensive quality assurance to catch issues before they reach your users.", imageSrc: "https://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836099.jpg", imageAlt: "Quality assurance and testing"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="capabilities" data-section="capabilities">
|
|
<FeatureCardTen
|
|
title="Our Core Capabilities"
|
|
description="Comprehensive technical expertise across the full spectrum of modern software and web development"
|
|
tag="Technical Excellence"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: "1", title: "Custom Web Development", description: "Bespoke web applications built with modern frameworks. We create responsive, performant websites that engage users and drive results.", media: { imageSrc: "https://img.b2bpic.net/free-photo/software-digital-electronics-internet-program-web-concept_53876-134063.jpg" },
|
|
items: [
|
|
{ icon: CheckCircle, text: "React, Vue, Next.js expertise" },
|
|
{ icon: CheckCircle, text: "E-commerce & SaaS platforms" },
|
|
{ icon: CheckCircle, text: "Progressive web apps" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "Mobile App Development", description: "Native and cross-platform mobile solutions that deliver exceptional user experiences. From concept to app store, we handle it all.", media: { imageSrc: "https://img.b2bpic.net/free-photo/diverse-programmers-discussing-about-html-code-compiling-discovers-errors-standing-front-multiple-screens-startup-office-software-developers-working-server-interface-development_482257-64363.jpg" },
|
|
items: [
|
|
{ icon: CheckCircle, text: "iOS & Android development" },
|
|
{ icon: CheckCircle, text: "React Native & Flutter" },
|
|
{ icon: CheckCircle, text: "App store optimization" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3", title: "Cloud & Infrastructure", description: "Scalable cloud architecture and DevOps solutions. We ensure your applications are secure, performant, and ready for growth.", media: { imageSrc: "https://img.b2bpic.net/free-photo/computer-monitor-showing-source-code_482257-76210.jpg" },
|
|
items: [
|
|
{ icon: CheckCircle, text: "AWS, Azure, Google Cloud" },
|
|
{ icon: CheckCircle, text: "Microservices & containerization" },
|
|
{ icon: CheckCircle, text: "CI/CD pipelines" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to discuss your project? Let's explore how we can bring your digital vision to life with our premium development services."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "/contact" },
|
|
{ text: "Schedule Consultation", href: "/contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Dialedweb"
|
|
copyrightText="© 2025 Dialedweb. All rights reserved. Based in California."
|
|
socialLinks={[
|
|
{ icon: Github, href: "https://github.com", ariaLabel: "GitHub" },
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |