Start Your eCommerce Project
@@ -1247,61 +1503,61 @@ export const EcommercePlatforms = () => {
return (
);
-};
\ No newline at end of file
+};
diff --git a/pages/HireBackendDevelopers.tsx b/pages/HireBackendDevelopers.tsx
index df052c5..23fe137 100644
--- a/pages/HireBackendDevelopers.tsx
+++ b/pages/HireBackendDevelopers.tsx
@@ -4,73 +4,136 @@ import { Footer } from "../components/Footer";
import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
-import { ArrowRight, Database, Server, Cloud, Shield, Zap, Target, CheckCircle, Star, Code } from "lucide-react";
+import {
+ ArrowRight,
+ Database,
+ Server,
+ Cloud,
+ Shield,
+ Zap,
+ Target,
+ CheckCircle,
+ Star,
+ Code,
+} from "lucide-react";
+import { navigateTo } from "@/App";
export const HireBackendDevelopers = () => {
const expertise = [
{
category: "Languages & Frameworks",
- description: "Node.js (Express, NestJS), Python (Django, Flask), Java (Spring Boot), PHP (Laravel, Symfony), Ruby on Rails, Go",
- skills: ["Node.js", "Python", "Java", "PHP", "Ruby", "Go", "C#", ".NET Core"]
+ description:
+ "Node.js (Express, NestJS), Python (Django, Flask), Java (Spring Boot), PHP (Laravel, Symfony), Ruby on Rails, Go",
+ skills: [
+ "Node.js",
+ "Python",
+ "Java",
+ "PHP",
+ "Ruby",
+ "Go",
+ "C#",
+ ".NET Core",
+ ],
},
{
category: "Database Management",
- description: "Designing, optimizing, and managing SQL (MySQL, PostgreSQL, MS SQL Server) and NoSQL (MongoDB, Cassandra, Redis) databases",
- skills: ["MySQL", "PostgreSQL", "MongoDB", "Redis", "Cassandra", "Elasticsearch"]
+ description:
+ "Designing, optimizing, and managing SQL (MySQL, PostgreSQL, MS SQL Server) and NoSQL (MongoDB, Cassandra, Redis) databases",
+ skills: [
+ "MySQL",
+ "PostgreSQL",
+ "MongoDB",
+ "Redis",
+ "Cassandra",
+ "Elasticsearch",
+ ],
},
{
category: "API Development",
- description: "Building secure and efficient RESTful APIs and GraphQL endpoints for seamless frontend communication",
- skills: ["REST APIs", "GraphQL", "WebSocket", "gRPC", "API Gateway", "OAuth"]
+ description:
+ "Building secure and efficient RESTful APIs and GraphQL endpoints for seamless frontend communication",
+ skills: [
+ "REST APIs",
+ "GraphQL",
+ "WebSocket",
+ "gRPC",
+ "API Gateway",
+ "OAuth",
+ ],
},
{
category: "Cloud Services",
- description: "Leveraging AWS, Azure, Google Cloud Platform for scalable deployments",
- skills: ["AWS", "Azure", "Google Cloud", "Docker", "Kubernetes", "Serverless"]
+ description:
+ "Leveraging AWS, Azure, Google Cloud Platform for scalable deployments",
+ skills: [
+ "AWS",
+ "Azure",
+ "Google Cloud",
+ "Docker",
+ "Kubernetes",
+ "Serverless",
+ ],
},
{
category: "Security",
- description: "Implementing authentication, authorization, data encryption, and vulnerability management",
- skills: ["JWT", "OAuth2", "SSL/TLS", "Encryption", "Security Audits", "OWASP"]
+ description:
+ "Implementing authentication, authorization, data encryption, and vulnerability management",
+ skills: [
+ "JWT",
+ "OAuth2",
+ "SSL/TLS",
+ "Encryption",
+ "Security Audits",
+ "OWASP",
+ ],
},
{
category: "Scalability & Performance",
description: "Designing architectures for high traffic and future growth",
- skills: ["Microservices", "Load Balancing", "Caching", "CDN", "Performance Optimization"]
- }
+ skills: [
+ "Microservices",
+ "Load Balancing",
+ "Caching",
+ "CDN",
+ "Performance Optimization",
+ ],
+ },
];
const deliverables = [
{
icon: Server,
title: "Server-Side Logic",
- description: "Developing the core business logic and functionalities."
+ description: "Developing the core business logic and functionalities.",
},
{
icon: Database,
title: "Database Integration",
- description: "Efficient data storage, retrieval, and manipulation."
+ description: "Efficient data storage, retrieval, and manipulation.",
},
{
icon: Code,
title: "API Development",
- description: "Creating robust and secure interfaces for other services to interact with."
+ description:
+ "Creating robust and secure interfaces for other services to interact with.",
},
{
icon: Target,
title: "System Architecture",
- description: "Designing scalable and resilient backend systems."
+ description: "Designing scalable and resilient backend systems.",
},
{
icon: Cloud,
title: "Integrations",
- description: "Connecting with third-party services, payment gateways, and external systems."
+ description:
+ "Connecting with third-party services, payment gateways, and external systems.",
},
{
icon: Zap,
title: "Performance Optimization",
- description: "Ensuring rapid response times and efficient resource utilization."
- }
+ description:
+ "Ensuring rapid response times and efficient resource utilization.",
+ },
];
const projectTypes = [
@@ -79,82 +142,103 @@ export const HireBackendDevelopers = () => {
"API Development for Mobile & Web Apps",
"Real-Time Data Streaming",
"Microservices Architecture",
- "Enterprise-Grade Applications"
+ "Enterprise-Grade Applications",
];
const techStacks = [
{
name: "Node.js Ecosystem",
technologies: ["Express.js", "NestJS", "TypeScript", "MongoDB", "Redis"],
- description: "JavaScript-based backend for fast, scalable applications"
+ description: "JavaScript-based backend for fast, scalable applications",
},
{
name: "Python Stack",
technologies: ["Django", "Flask", "FastAPI", "PostgreSQL", "Celery"],
- description: "Robust Python frameworks for data-intensive applications"
+ description: "Robust Python frameworks for data-intensive applications",
},
{
name: "Java Enterprise",
- technologies: ["Spring Boot", "Spring Security", "JPA", "MySQL", "Apache Kafka"],
- description: "Enterprise-grade Java solutions for large-scale systems"
+ technologies: [
+ "Spring Boot",
+ "Spring Security",
+ "JPA",
+ "MySQL",
+ "Apache Kafka",
+ ],
+ description: "Enterprise-grade Java solutions for large-scale systems",
},
{
name: "PHP Modern",
technologies: ["Laravel", "Symfony", "PHP 8+", "MySQL", "Redis"],
- description: "Modern PHP development with elegant frameworks"
- }
+ description: "Modern PHP development with elegant frameworks",
+ },
];
const testimonials = [
{
- quote: "Our backend developer from WDI built a robust API that handles millions of requests daily without any performance issues. The architecture is solid and scalable.",
+ quote:
+ "Our backend developer from WDI built a robust API that handles millions of requests daily without any performance issues. The architecture is solid and scalable.",
author: "Robert Chen",
role: "CTO, ScaleUp Technologies",
- rating: 5
+ rating: 5,
},
{
- quote: "The microservices architecture they designed transformed our monolithic application. We can now deploy features independently and scale efficiently.",
+ quote:
+ "The microservices architecture they designed transformed our monolithic application. We can now deploy features independently and scale efficiently.",
author: "Amanda Foster",
role: "Engineering Manager, CloudFirst",
- rating: 5
- }
+ rating: 5,
+ },
];
return (
-
+
{/* Hero Section */}
-
-
+
-
+
Building Robust Server-Side Solutions
- Hire Backend Developers: Powering Your Applications with
- Robust Foundations
+ Hire Backend Developers: Powering Your Applications with
+
+ {" "}
+ Robust Foundations
+
- The true power of any digital product lies in its robust and scalable backend. WDI provides expert backend developers who specialize in building the secure, efficient, and reliable server-side infrastructure that underpins your applications.
+ The true power of any digital product lies in its robust and
+ scalable backend. WDI provides expert backend developers who
+ specialize in building the secure, efficient, and reliable
+ server-side infrastructure that underpins your applications.
-
+ navigateTo("/start-a-project")}
+ >
Connect with Backend Experts
-
+ {/*
Request a Technical Assessment
-
+ */}
@@ -165,7 +249,9 @@ export const HireBackendDevelopers = () => {
- From database management to API development, our talent ensures your system performs flawlessly under any load. We build the invisible foundation that makes everything else possible.
+ From database management to API development, our talent ensures
+ your system performs flawlessly under any load. We build the
+ invisible foundation that makes everything else possible.
@@ -179,25 +265,33 @@ export const HireBackendDevelopers = () => {
Popular Backend Technology Stacks
- Our developers are proficient in the most powerful backend technologies
+ Our developers are proficient in the most powerful backend
+ technologies
-
+
{techStacks.map((stack, index) => (
-
+
{stack.name}
-
+
{stack.description}
-
+
{stack.technologies.map((tech, techIndex) => (
-
+
{tech}
))}
@@ -220,24 +314,29 @@ export const HireBackendDevelopers = () => {
Comprehensive backend skills for enterprise-grade applications
-
+
{expertise.map((area, index) => (
-
+
{area.category}
-
+
{area.description}
-
+
{area.skills.map((skill, skillIndex) => (
))}
{deliverables.map((item, index) => (
-
+
@@ -289,10 +391,13 @@ export const HireBackendDevelopers = () => {
Backend expertise for complex and demanding applications
-
+
{projectTypes.map((project, index) => (
-
+
{project}
@@ -312,23 +417,28 @@ export const HireBackendDevelopers = () => {
Real results from satisfied clients
-
+
{testimonials.map((testimonial, index) => (
{[...Array(testimonial.rating)].map((_, i) => (
-
-
+
"{testimonial.quote}"
-
+
-
{testimonial.author}
+
+ {testimonial.author}
+
{testimonial.role}
@@ -346,14 +456,22 @@ export const HireBackendDevelopers = () => {
Ready to Build a Solid Foundation?
- Connect with our backend specialists and create the robust infrastructure your application needs.
+ Connect with our backend specialists and create the robust
+ infrastructure your application needs.
-
+
Start Your Project
-
+
Technical Consultation
);
-};
\ No newline at end of file
+};
diff --git a/pages/HireFrontendDevelopers.tsx b/pages/HireFrontendDevelopers.tsx
index c11fed8..82981fc 100644
--- a/pages/HireFrontendDevelopers.tsx
+++ b/pages/HireFrontendDevelopers.tsx
@@ -4,68 +4,101 @@ import { Footer } from "../components/Footer";
import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
-import { ArrowRight, Monitor, Code, Smartphone, Zap, Target, Users, CheckCircle, Star, Palette } from "lucide-react";
+import {
+ ArrowRight,
+ Monitor,
+ Code,
+ Smartphone,
+ Zap,
+ Target,
+ Users,
+ CheckCircle,
+ Star,
+ Palette,
+} from "lucide-react";
+import { navigateTo } from "@/App";
export const HireFrontendDevelopers = () => {
const expertise = [
{
category: "JavaScript Frameworks",
- description: "React.js, Angular, Vue.js for dynamic and single-page applications",
- skills: ["React.js", "Angular", "Vue.js", "Next.js", "Svelte"]
+ description:
+ "React.js, Angular, Vue.js for dynamic and single-page applications",
+ skills: ["React.js", "Angular", "Vue.js", "Next.js", "Svelte"],
},
{
category: "Core Technologies",
description: "HTML5, CSS3 (Sass, Less), JavaScript (ES6+)",
- skills: ["HTML5", "CSS3", "JavaScript ES6+", "TypeScript", "Sass/Less"]
+ skills: ["HTML5", "CSS3", "JavaScript ES6+", "TypeScript", "Sass/Less"],
},
{
category: "Responsive Design",
- description: "Building interfaces that adapt flawlessly across all devices and screen sizes",
- skills: ["CSS Grid", "Flexbox", "Media Queries", "Mobile-First Design"]
+ description:
+ "Building interfaces that adapt flawlessly across all devices and screen sizes",
+ skills: ["CSS Grid", "Flexbox", "Media Queries", "Mobile-First Design"],
},
{
category: "UI Libraries & Frameworks",
description: "Bootstrap, Material-UI, Tailwind CSS",
- skills: ["Bootstrap", "Material-UI", "Tailwind CSS", "Ant Design", "Chakra UI"]
+ skills: [
+ "Bootstrap",
+ "Material-UI",
+ "Tailwind CSS",
+ "Ant Design",
+ "Chakra UI",
+ ],
},
{
category: "Performance Optimization",
description: "Ensuring fast loading times and smooth interactions",
- skills: ["Webpack", "Vite", "Code Splitting", "Lazy Loading", "Performance Auditing"]
+ skills: [
+ "Webpack",
+ "Vite",
+ "Code Splitting",
+ "Lazy Loading",
+ "Performance Auditing",
+ ],
},
{
category: "Cross-Browser Compatibility",
- description: "Developing solutions that work consistently across all major browsers",
- skills: ["Browser Testing", "Polyfills", "Progressive Enhancement", "Feature Detection"]
- }
+ description:
+ "Developing solutions that work consistently across all major browsers",
+ skills: [
+ "Browser Testing",
+ "Polyfills",
+ "Progressive Enhancement",
+ "Feature Detection",
+ ],
+ },
];
const deliverables = [
{
icon: Target,
title: "Pixel-Perfect Implementation",
- description: "Translating UI/UX designs into precise code."
+ description: "Translating UI/UX designs into precise code.",
},
{
icon: Zap,
title: "Optimized Performance",
- description: "Writing efficient code for speed and responsiveness."
+ description: "Writing efficient code for speed and responsiveness.",
},
{
icon: Smartphone,
title: "Interactive & Dynamic UIs",
- description: "Creating engaging user experiences with animations and interactive elements."
+ description:
+ "Creating engaging user experiences with animations and interactive elements.",
},
{
icon: Users,
title: "Accessibility Standards",
- description: "Ensuring applications are usable for everyone."
+ description: "Ensuring applications are usable for everyone.",
},
{
icon: Code,
title: "Collaboration with Backend Teams",
- description: "Seamless integration with APIs and server-side logic."
- }
+ description: "Seamless integration with APIs and server-side logic.",
+ },
];
const projectTypes = [
@@ -73,59 +106,74 @@ export const HireFrontendDevelopers = () => {
"Interactive Dashboards & Admin Panels",
"E-commerce Frontends",
"Marketing Websites with Complex Animations",
- "Progressive Web Apps (PWAs)"
+ "Progressive Web Apps (PWAs)",
];
const testimonials = [
{
- quote: "The frontend developer from WDI transformed our outdated interface into a modern, responsive design that our users love. The attention to detail was exceptional.",
+ quote:
+ "The frontend developer from WDI transformed our outdated interface into a modern, responsive design that our users love. The attention to detail was exceptional.",
author: "Lisa Anderson",
role: "Product Manager, DesignCorp",
- rating: 5
+ rating: 5,
},
{
- quote: "Our React-based dashboard is now lightning fast and incredibly user-friendly. The developer's expertise in performance optimization made all the difference.",
+ quote:
+ "Our React-based dashboard is now lightning fast and incredibly user-friendly. The developer's expertise in performance optimization made all the difference.",
author: "James Wilson",
role: "Tech Lead, Analytics Pro",
- rating: 5
- }
+ rating: 5,
+ },
];
return (
-
+
{/* Hero Section */}
-
-
+
-
+
Crafting Engaging User Experiences
- Hire Frontend Developers: Crafting Intuitive and
- Engaging User Experiences
+ Hire Frontend Developers: Crafting Intuitive and
+
+ {" "}
+ Engaging User Experiences
+
- The user interface is the face of your digital product. WDI offers highly skilled frontend developers who excel at transforming designs into interactive, responsive, and aesthetically pleasing web experiences.
+ The user interface is the face of your digital product. WDI offers
+ highly skilled frontend developers who excel at transforming
+ designs into interactive, responsive, and aesthetically pleasing
+ web experiences.
-
+ navigateTo("/start-a-project")}
+ >
Find Your Frontend Specialist
-
+ {/*
Discuss Your UI Needs
-
+ */}
@@ -136,7 +184,10 @@ export const HireFrontendDevelopers = () => {
- Our experts ensure your users enjoy seamless navigation and a visually compelling journey. From responsive layouts to complex interactions, we bring your frontend vision to life with precision and creativity.
+ Our experts ensure your users enjoy seamless navigation and a
+ visually compelling journey. From responsive layouts to complex
+ interactions, we bring your frontend vision to life with precision
+ and creativity.
@@ -153,24 +204,29 @@ export const HireFrontendDevelopers = () => {
Comprehensive frontend skills for modern web development
-
+
{expertise.map((area, index) => (
-
+
{area.category}
-
+
{area.description}
-
+
{area.skills.map((skill, skillIndex) => (
))}
-
+
{deliverables.map((item, index) => (
-
+
@@ -222,10 +281,13 @@ export const HireFrontendDevelopers = () => {
Frontend expertise that makes a difference
-
+
{projectTypes.map((project, index) => (
-
+
{project}
@@ -245,23 +307,28 @@ export const HireFrontendDevelopers = () => {
Real results from satisfied clients
-
+
{testimonials.map((testimonial, index) => (
{[...Array(testimonial.rating)].map((_, i) => (
-
-
+
"{testimonial.quote}"
-
+
-
{testimonial.author}
+
+ {testimonial.author}
+
{testimonial.role}
@@ -279,14 +346,22 @@ export const HireFrontendDevelopers = () => {
Ready to Transform Your User Interface?
- Connect with our frontend specialists and create user experiences that engage and convert.
+ Connect with our frontend specialists and create user experiences
+ that engage and convert.
-
+
Get Started Today
-
+
View Portfolio
);
-};
\ No newline at end of file
+};
diff --git a/pages/HireFullStackDevelopers.tsx b/pages/HireFullStackDevelopers.tsx
index 9268e6d..85ae4f4 100644
--- a/pages/HireFullStackDevelopers.tsx
+++ b/pages/HireFullStackDevelopers.tsx
@@ -4,62 +4,85 @@ import { Footer } from "../components/Footer";
import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
-import { ArrowRight, Code, Database, Cloud, Globe, Users, Zap, DollarSign, Target, CheckCircle, Star } from "lucide-react";
+import {
+ ArrowRight,
+ Code,
+ Database,
+ Cloud,
+ Globe,
+ Users,
+ Zap,
+ DollarSign,
+ Target,
+ CheckCircle,
+ Star,
+} from "lucide-react";
+import { navigateTo } from "@/App";
export const HireFullStackDevelopers = () => {
const expertise = [
{
category: "Frontend Technologies",
- skills: ["HTML5", "CSS3", "JavaScript", "React", "Angular", "Vue.js"]
+ skills: ["HTML5", "CSS3", "JavaScript", "React", "Angular", "Vue.js"],
},
{
- category: "Backend Technologies",
- skills: ["Node.js", "Python (Django, Flask)", "Ruby on Rails", "PHP (Laravel)", "Java (Spring Boot)"]
+ category: "Backend Technologies",
+ skills: [
+ "Node.js",
+ "Python (Django, Flask)",
+ "Ruby on Rails",
+ "PHP (Laravel)",
+ "Java (Spring Boot)",
+ ],
},
{
category: "Databases",
- skills: ["MySQL", "PostgreSQL", "MongoDB", "Cassandra", "Redis"]
+ skills: ["MySQL", "PostgreSQL", "MongoDB", "Cassandra", "Redis"],
},
{
category: "Cloud Platforms",
- skills: ["AWS", "Azure", "Google Cloud Platform", "Heroku"]
+ skills: ["AWS", "Azure", "Google Cloud Platform", "Heroku"],
},
{
category: "Version Control",
- skills: ["Git", "GitHub", "GitLab", "Bitbucket"]
+ skills: ["Git", "GitHub", "GitLab", "Bitbucket"],
},
{
category: "APIs",
- skills: ["RESTful APIs", "GraphQL", "WebSocket", "Microservices"]
- }
+ skills: ["RESTful APIs", "GraphQL", "WebSocket", "Microservices"],
+ },
];
const benefits = [
{
icon: Users,
title: "Single Point of Contact",
- description: "One developer managing both frontend and backend, ensuring seamless integration."
+ description:
+ "One developer managing both frontend and backend, ensuring seamless integration.",
},
{
icon: Zap,
title: "Faster Development Cycles",
- description: "Reduced communication overhead and quicker problem-solving."
+ description:
+ "Reduced communication overhead and quicker problem-solving.",
},
{
icon: DollarSign,
title: "Cost-Efficiency",
- description: "Often more economical than hiring separate frontend and backend specialists for smaller teams."
+ description:
+ "Often more economical than hiring separate frontend and backend specialists for smaller teams.",
},
{
icon: Target,
title: "Versatility",
- description: "Adaptable to various project requirements and technology stacks."
+ description:
+ "Adaptable to various project requirements and technology stacks.",
},
{
icon: Globe,
title: "Holistic Project Understanding",
- description: "A complete view of the application architecture."
- }
+ description: "A complete view of the application architecture.",
+ },
];
const solutionTypes = [
@@ -67,82 +90,97 @@ export const HireFullStackDevelopers = () => {
"E-commerce Platforms with Custom Features",
"Social Networking Sites",
"Data-Intensive Dashboards",
- "Real-Time Applications"
+ "Real-Time Applications",
];
const techStacks = [
{
name: "MERN Stack",
technologies: ["MongoDB", "Express.js", "React", "Node.js"],
- description: "Modern JavaScript-based full-stack development"
+ description: "Modern JavaScript-based full-stack development",
},
{
name: "MEAN Stack",
technologies: ["MongoDB", "Express.js", "Angular", "Node.js"],
- description: "Enterprise-grade Angular frontend with Node.js backend"
+ description: "Enterprise-grade Angular frontend with Node.js backend",
},
{
name: "Django + React",
technologies: ["Python", "Django", "React", "PostgreSQL"],
- description: "Robust Python backend with dynamic React frontend"
+ description: "Robust Python backend with dynamic React frontend",
},
{
name: "Laravel + Vue.js",
technologies: ["PHP", "Laravel", "Vue.js", "MySQL"],
- description: "Elegant PHP framework with progressive Vue.js frontend"
- }
+ description: "Elegant PHP framework with progressive Vue.js frontend",
+ },
];
const testimonials = [
{
- quote: "Our full-stack developer from WDI single-handedly built our entire SaaS platform. The seamless integration between frontend and backend was impressive.",
+ quote:
+ "Our full-stack developer from WDI single-handedly built our entire SaaS platform. The seamless integration between frontend and backend was impressive.",
author: "David Rodriguez",
role: "Founder, CloudTech Solutions",
- rating: 5
+ rating: 5,
},
{
- quote: "The full-stack expertise saved us months of development time. Having one developer understand the complete architecture made all the difference.",
+ quote:
+ "The full-stack expertise saved us months of development time. Having one developer understand the complete architecture made all the difference.",
author: "Emma Thompson",
role: "CTO, DataFlow Inc.",
- rating: 5
- }
+ rating: 5,
+ },
];
return (
-
+
{/* Hero Section */}
-
-
+
-
+
End-to-End Development Experts
- Hire Full Stack Developers: Comprehensive Solutions from
- Front to Back
+ Hire Full Stack Developers: Comprehensive Solutions from
+
+ {" "}
+ Front to Back
+
- For end-to-end project execution and a streamlined development process, full stack developers are invaluable. WDI provides highly skilled full stack professionals capable of handling every aspect of your web application.
+ For end-to-end project execution and a streamlined development
+ process, full stack developers are invaluable. WDI provides highly
+ skilled full stack professionals capable of handling every aspect
+ of your web application.
-
+ navigateTo("/start-a-project")}
+ >
Find Your Full Stack Expert
-
+ {/*
Get a Quote for Full Stack Development
-
+ */}
@@ -153,7 +191,10 @@ export const HireFullStackDevelopers = () => {
- From intuitive user interfaces to robust server-side logic and database management, our full stack developers bring comprehensive expertise to every project. They ensure seamless integration across all layers of your application architecture.
+ From intuitive user interfaces to robust server-side logic and
+ database management, our full stack developers bring comprehensive
+ expertise to every project. They ensure seamless integration
+ across all layers of your application architecture.
@@ -167,25 +208,33 @@ export const HireFullStackDevelopers = () => {
Popular Technology Stacks
- Our developers are proficient in the most sought-after technology combinations
+ Our developers are proficient in the most sought-after technology
+ combinations
-
+
{techStacks.map((stack, index) => (
-
+
{stack.name}
-
+
{stack.description}
-
+
{stack.technologies.map((tech, techIndex) => (
-
+
{tech}
))}
@@ -208,20 +257,25 @@ export const HireFullStackDevelopers = () => {
Comprehensive technical skills across the entire development stack
-
+
{expertise.map((area, index) => (
-
+
{area.category}
-
+
{area.skills.map((skill, skillIndex) => (
))}
{benefits.map((benefit, index) => (
-
+
@@ -273,10 +330,13 @@ export const HireFullStackDevelopers = () => {
Complex applications that benefit from end-to-end expertise
-
+
{solutionTypes.map((solution, index) => (
-
+
{solution}
@@ -296,23 +356,28 @@ export const HireFullStackDevelopers = () => {
Real results from satisfied clients
-
+
{testimonials.map((testimonial, index) => (
{[...Array(testimonial.rating)].map((_, i) => (
-
-
+
"{testimonial.quote}"
-
+
-
{testimonial.author}
+
+ {testimonial.author}
+
{testimonial.role}
@@ -330,14 +395,22 @@ export const HireFullStackDevelopers = () => {
Ready to Streamline Your Development Process?
- Connect with our full stack developers and experience the efficiency of end-to-end expertise.
+ Connect with our full stack developers and experience the
+ efficiency of end-to-end expertise.
-
+
Start Your Project
-
+
Discuss Your Requirements
);
-};
\ No newline at end of file
+};
diff --git a/pages/HireMobileAppDevelopers.tsx b/pages/HireMobileAppDevelopers.tsx
index 283bd21..51434ba 100644
--- a/pages/HireMobileAppDevelopers.tsx
+++ b/pages/HireMobileAppDevelopers.tsx
@@ -5,6 +5,7 @@ import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Smartphone, Apple, Code, Zap, Shield, Target, Users, CheckCircle, Star } from "lucide-react";
+import { navigateTo } from "@/App";
export const HireMobileAppDevelopers = () => {
const expertise = [
@@ -119,13 +120,15 @@ export const HireMobileAppDevelopers = () => {
Need a captivating and high-performing mobile application? WDI connects you with expert mobile app developers proficient in creating native iOS and Android experiences, as well as efficient cross-platform solutions.
-
+ navigateTo("/start-a-project")}
+ >
Get a Free Consultation for Mobile Developers
-
+ {/*
View Developer Profiles
-
+ */}
@@ -283,7 +286,9 @@ export const HireMobileAppDevelopers = () => {
Connect with our expert mobile app developers and turn your vision into a powerful mobile experience.
-
+ navigateTo("/start-a-project")}
+ >
Get Started Today
diff --git a/pages/HireQAEngineers.tsx b/pages/HireQAEngineers.tsx
index 967b61a..ce532c3 100644
--- a/pages/HireQAEngineers.tsx
+++ b/pages/HireQAEngineers.tsx
@@ -4,68 +4,129 @@ import { Footer } from "../components/Footer";
import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
-import { ArrowRight, TestTube, Shield, Zap, Target, Users, CheckCircle, Star, Bug, Activity, Search } from "lucide-react";
+import {
+ ArrowRight,
+ TestTube,
+ Shield,
+ Zap,
+ Target,
+ Users,
+ CheckCircle,
+ Star,
+ Bug,
+ Activity,
+ Search,
+} from "lucide-react";
+import { navigateTo } from "@/App";
export const HireQAEngineers = () => {
const expertise = [
{
category: "Manual Testing",
- description: "Comprehensive functional, usability, and exploratory testing to uncover subtle issues",
- skills: ["Functional Testing", "Usability Testing", "Exploratory Testing", "Regression Testing", "User Acceptance Testing"]
+ description:
+ "Comprehensive functional, usability, and exploratory testing to uncover subtle issues",
+ skills: [
+ "Functional Testing",
+ "Usability Testing",
+ "Exploratory Testing",
+ "Regression Testing",
+ "User Acceptance Testing",
+ ],
},
{
category: "Automated Testing",
- description: "Developing and maintaining automated test scripts for faster, repeatable testing",
- skills: ["Selenium", "Cypress", "Playwright", "Jest", "TestNG", "JUnit", "Puppeteer"]
+ description:
+ "Developing and maintaining automated test scripts for faster, repeatable testing",
+ skills: [
+ "Selenium",
+ "Cypress",
+ "Playwright",
+ "Jest",
+ "TestNG",
+ "JUnit",
+ "Puppeteer",
+ ],
},
{
category: "Performance Testing",
- description: "Evaluating application speed, responsiveness, and stability under various load conditions",
- skills: ["Load Testing", "Stress Testing", "Volume Testing", "JMeter", "LoadRunner", "K6"]
+ description:
+ "Evaluating application speed, responsiveness, and stability under various load conditions",
+ skills: [
+ "Load Testing",
+ "Stress Testing",
+ "Volume Testing",
+ "JMeter",
+ "LoadRunner",
+ "K6",
+ ],
},
{
category: "Security Testing",
- description: "Identifying vulnerabilities and ensuring data protection measures are robust",
- skills: ["Vulnerability Assessment", "Penetration Testing", "OWASP Testing", "Security Audits"]
+ description:
+ "Identifying vulnerabilities and ensuring data protection measures are robust",
+ skills: [
+ "Vulnerability Assessment",
+ "Penetration Testing",
+ "OWASP Testing",
+ "Security Audits",
+ ],
},
{
category: "API Testing",
- description: "Validating the functionality, reliability, and performance of APIs",
- skills: ["REST API Testing", "GraphQL Testing", "Postman", "Newman", "SoapUI", "Insomnia"]
+ description:
+ "Validating the functionality, reliability, and performance of APIs",
+ skills: [
+ "REST API Testing",
+ "GraphQL Testing",
+ "Postman",
+ "Newman",
+ "SoapUI",
+ "Insomnia",
+ ],
},
{
category: "Mobile App Testing",
- description: "Testing across diverse devices, operating systems, and network conditions",
- skills: ["iOS Testing", "Android Testing", "Cross-Platform Testing", "Device Testing", "Network Testing"]
- }
+ description:
+ "Testing across diverse devices, operating systems, and network conditions",
+ skills: [
+ "iOS Testing",
+ "Android Testing",
+ "Cross-Platform Testing",
+ "Device Testing",
+ "Network Testing",
+ ],
+ },
];
const deliverables = [
{
icon: Bug,
title: "Defect Prevention & Detection",
- description: "Minimizing bugs and ensuring a stable product release."
+ description: "Minimizing bugs and ensuring a stable product release.",
},
{
icon: Users,
title: "Enhanced User Satisfaction",
- description: "A bug-free experience leads to happier users."
+ description: "A bug-free experience leads to happier users.",
},
{
icon: Target,
title: "Reduced Development Costs",
- description: "Catching issues early saves significant time and resources."
+ description:
+ "Catching issues early saves significant time and resources.",
},
{
icon: Shield,
title: "Improved Brand Reputation",
- description: "Delivering a reliable product builds trust and credibility."
+ description:
+ "Delivering a reliable product builds trust and credibility.",
},
{
icon: CheckCircle,
title: "Compliance & Standards Adherence",
- description: "Ensuring your software meets industry and regulatory requirements."
- }
+ description:
+ "Ensuring your software meets industry and regulatory requirements.",
+ },
];
const projectTypes = [
@@ -73,86 +134,119 @@ export const HireQAEngineers = () => {
"Complex Applications with Intricate Workflows",
"E-commerce Platforms (Payment Gateways, Inventory)",
"Applications with Strict Performance Requirements",
- "Regulated Industry Software (Healthcare, Finance)"
+ "Regulated Industry Software (Healthcare, Finance)",
];
const testingTools = [
{
category: "Automation Tools",
- tools: ["Selenium WebDriver", "Cypress", "Playwright", "TestComplete", "Ranorex"]
+ tools: [
+ "Selenium WebDriver",
+ "Cypress",
+ "Playwright",
+ "TestComplete",
+ "Ranorex",
+ ],
},
{
category: "Performance Tools",
- tools: ["Apache JMeter", "LoadRunner", "K6", "Gatling", "BlazeMeter"]
+ tools: ["Apache JMeter", "LoadRunner", "K6", "Gatling", "BlazeMeter"],
},
{
category: "API Testing",
- tools: ["Postman", "SoapUI", "Insomnia", "REST Assured", "Karate"]
+ tools: ["Postman", "SoapUI", "Insomnia", "REST Assured", "Karate"],
},
{
category: "Bug Tracking",
- tools: ["Jira", "Azure DevOps", "Bugzilla", "TestRail", "Zephyr"]
+ tools: ["Jira", "Azure DevOps", "Bugzilla", "TestRail", "Zephyr"],
},
{
category: "Mobile Testing",
- tools: ["Appium", "Espresso", "XCTest", "Firebase Test Lab", "BrowserStack"]
+ tools: [
+ "Appium",
+ "Espresso",
+ "XCTest",
+ "Firebase Test Lab",
+ "BrowserStack",
+ ],
},
{
category: "CI/CD Integration",
- tools: ["Jenkins", "GitLab CI", "Azure Pipelines", "CircleCI", "GitHub Actions"]
- }
+ tools: [
+ "Jenkins",
+ "GitLab CI",
+ "Azure Pipelines",
+ "CircleCI",
+ "GitHub Actions",
+ ],
+ },
];
const testimonials = [
{
- quote: "Our QA engineer from WDI caught critical issues that could have cost us thousands in production. Their thorough testing approach saved our product launch.",
+ quote:
+ "Our QA engineer from WDI caught critical issues that could have cost us thousands in production. Their thorough testing approach saved our product launch.",
author: "Kevin Martinez",
role: "Product Owner, SecureApp Solutions",
- rating: 5
+ rating: 5,
},
{
- quote: "The automated testing framework they set up reduced our testing time by 80% while increasing coverage. Our releases are now faster and more reliable.",
+ quote:
+ "The automated testing framework they set up reduced our testing time by 80% while increasing coverage. Our releases are now faster and more reliable.",
author: "Sophie Turner",
role: "Development Manager, AgileWorks",
- rating: 5
- }
+ rating: 5,
+ },
];
return (
-
+
{/* Hero Section */}
-
-
+
-
+
Ensuring Software Quality & Reliability
- Hire QA Engineers: Ensuring Flawless
- Performance and Reliability
+ Hire QA Engineers: Ensuring Flawless
+
+ {" "}
+ Performance and Reliability
+
- Quality Assurance (QA) is critical for delivering reliable, high-performing software. WDI provides highly skilled QA engineers who are meticulous in identifying and resolving defects, ensuring your product meets the highest standards.
+ Quality Assurance (QA) is critical for delivering reliable,
+ high-performing software. WDI provides highly skilled QA engineers
+ who are meticulous in identifying and resolving defects, ensuring
+ your product meets the highest standards.
-
+ navigateTo("/start-a-project")}
+ >
Strengthen Your Software Quality
-
+ {/*
Discuss Your Testing Needs
-
+ */}
@@ -166,23 +260,29 @@ export const HireQAEngineers = () => {
Testing Tools & Technologies
- Our QA engineers are proficient in the latest testing tools and methodologies
+ Our QA engineers are proficient in the latest testing tools and
+ methodologies
-
+
{testingTools.map((category, index) => (
-
+
{category.category}
-
+
{category.tools.map((tool, toolIndex) => (
))}
{deliverables.map((item, index) => (
-
+
@@ -231,23 +334,28 @@ export const HireQAEngineers = () => {
Client Success Stories
-
+
{testimonials.map((testimonial, index) => (
{[...Array(testimonial.rating)].map((_, i) => (
-
-
+
"{testimonial.quote}"
-
+
-
{testimonial.author}
+
+ {testimonial.author}
+
{testimonial.role}
@@ -265,14 +373,22 @@ export const HireQAEngineers = () => {
Ready to Ensure Quality Excellence?
- Connect with our QA specialists and deliver software that exceeds expectations.
+ Connect with our QA specialists and deliver software that exceeds
+ expectations.
-
+
Start Quality Assurance
-
+
Testing Strategy Consultation
-
+
{/* Hero Section */}
-
-
+
-
+
Creating Intuitive & Beautiful Digital Experiences
- Hire UI/UX Designers: Crafting Intuitive & Beautiful
- Digital Experiences
+ Hire UI/UX Designers: Crafting Intuitive & Beautiful
+
+ {" "}
+ Digital Experiences
+
- Exceptional user experience (UX) and captivating user interface (UI) are the cornerstones of successful digital products. WDI connects you with talented UI/UX designers who blend creativity with user psychology.
+ Exceptional user experience (UX) and captivating user interface
+ (UI) are the cornerstones of successful digital products. WDI
+ connects you with talented UI/UX designers who blend creativity
+ with user psychology.
-
+ navigateTo("/start-a-project")}
+ >
Transform Your User Experience
-
+ {/*
View Design Portfolios
-
+ */}
@@ -155,7 +234,10 @@ export const HireUIUXDesigners = () => {
- Our designers deliver interfaces that are not only visually stunning but also highly intuitive, accessible, and enjoyable to use. We create experiences that users love and that drive business success.
+ Our designers deliver interfaces that are not only visually
+ stunning but also highly intuitive, accessible, and enjoyable to
+ use. We create experiences that users love and that drive business
+ success.
@@ -169,23 +251,29 @@ export const HireUIUXDesigners = () => {
Design Tools & Technologies
- Our designers are proficient in the latest design tools and methodologies
+ Our designers are proficient in the latest design tools and
+ methodologies
-
+
{designTools.map((category, index) => (
-
+
{category.category}
-
+
{category.tools.map((tool, toolIndex) => (
))}
- Comprehensive design skills for creating exceptional user experiences
+ Comprehensive design skills for creating exceptional user
+ experiences
{expertise.map((area, index) => (
-
+
{area.category}
-
+
{area.description}
-
+
{area.skills.map((skill, skillIndex) => (
))}
{deliverables.map((item, index) => (
-
+
@@ -276,10 +373,13 @@ export const HireUIUXDesigners = () => {
Design expertise that transforms user experiences
-
+
{projectTypes.map((project, index) => (
-
+
{project}
@@ -299,23 +399,28 @@ export const HireUIUXDesigners = () => {
Real results from satisfied clients
-
+
{testimonials.map((testimonial, index) => (
{[...Array(testimonial.rating)].map((_, i) => (
-
-
+
"{testimonial.quote}"
-
+
-
{testimonial.author}
+
+ {testimonial.author}
+
{testimonial.role}
@@ -333,14 +438,22 @@ export const HireUIUXDesigners = () => {
Ready to Create Exceptional User Experiences?
- Connect with our UI/UX designers and transform your digital products into engaging user experiences.
+ Connect with our UI/UX designers and transform your digital
+ products into engaging user experiences.
-
+
Start Your Design Journey
-
+
Portfolio Review
);
-};
\ No newline at end of file
+};
diff --git a/pages/LeadershipTeam.tsx b/pages/LeadershipTeam.tsx
index 8d4f219..446d2a9 100644
--- a/pages/LeadershipTeam.tsx
+++ b/pages/LeadershipTeam.tsx
@@ -3,110 +3,83 @@ import { Navigation } from "../components/Navigation";
import { Footer } from "../components/Footer";
import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
-import { ArrowRight, Linkedin, Twitter, Mail } from "lucide-react";
+import { ArrowRight, Linkedin, Mail } from "lucide-react";
+import { navigateTo } from "@/App";
+import riteshImage from "../src/images/ritesh-pandey.png";
+import manavImage from "../src/images/manav-sain.png";
+import sudhirImage from "../src/images/sudhir-malya.png";
+import kartikeyImage from "../src/images/kartikeya-gautam.png";
+import poojaImage from "../src/images/pooja-patade.png";
+import tanveerImage from "../src/images/tanveer-ajani.png";
export const LeadershipTeam = () => {
const leaders = [
{
- name: "Sarah Chen",
- position: "Chief Executive Officer",
- bio: "With 15+ years in tech leadership, Sarah drives WDI's vision for digital innovation and global expansion.",
- experience: "Former VP at Microsoft, Stanford MBA",
- image: "https://images.unsplash.com/photo-1494790108755-2616b612b786?auto=format&fit=crop&q=80&w=400&h=400",
- social: {
- linkedin: "#",
- twitter: "#",
- email: "sarah@wdi.com"
- }
+ name: "Ritesh Pandey",
+ position: "Founder & CEO",
+ image: riteshImage,
},
{
- name: "Michael Rodriguez",
- position: "Chief Technology Officer",
- bio: "Michael leads our technical strategy and ensures we stay at the forefront of emerging technologies.",
- experience: "Former Lead Engineer at Google, MIT Computer Science",
- image: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=400&h=400",
- social: {
- linkedin: "#",
- twitter: "#",
- email: "michael@wdi.com"
- }
+ name: "Manav Sain",
+ position: "VP- Business Solutions",
+ image: manavImage,
},
{
- name: "Emily Watson",
- position: "Chief Operating Officer",
- bio: "Emily oversees global operations and ensures seamless delivery across all our international projects.",
- experience: "Former Operations Director at Amazon, Harvard Business School",
- image: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=400&h=400",
- social: {
- linkedin: "#",
- twitter: "#",
- email: "emily@wdi.com"
- }
+ name: "Sudhir Mallya",
+ position: "CTO",
+ image: sudhirImage,
},
{
- name: "David Kumar",
- position: "Head of AI & Machine Learning",
- bio: "David leads our AI initiatives and ensures we deliver cutting-edge machine learning solutions.",
- experience: "Former AI Research Scientist at Tesla, PhD in Computer Science",
- image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=400&h=400",
- social: {
- linkedin: "#",
- twitter: "#",
- email: "david@wdi.com"
- }
+ name: "Kartikey Gautam",
+ position: "Product Manager",
+ image: kartikeyImage,
},
{
- name: "Lisa Thompson",
- position: "VP of Design & User Experience",
- bio: "Lisa ensures our solutions are not just functional but also provide exceptional user experiences.",
- experience: "Former Design Lead at Apple, RISD Design Graduate",
- image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=400&h=400",
- social: {
- linkedin: "#",
- twitter: "#",
- email: "lisa@wdi.com"
- }
+ name: "Pooja Patade",
+ position: "Head - Accounts & HR",
+ image: poojaImage,
},
{
- name: "James Park",
- position: "VP of Business Development",
- bio: "James drives our global partnerships and expansion into new markets and industries.",
- experience: "Former BD Director at Salesforce, Wharton MBA",
- image: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=400&h=400",
- social: {
- linkedin: "#",
- twitter: "#",
- email: "james@wdi.com"
- }
- }
+ name: "Tanveer Ajani",
+ position: "Compliance Head",
+ image: tanveerImage,
+ },
];
return (
-
+
{/* Hero Section */}
-
-
+
-
+
Leadership Team
- Meet the Visionaries Behind
- WDI
+ Meet the Visionaries Behind
+
+ {" "}
+ WDI
+
- Our leadership team combines decades of experience from top tech companies with a shared passion for digital innovation and client success.
+ Our leadership team combines decades of experience from top tech
+ companies with a shared passion for digital innovation and client
+ success.
@@ -122,15 +95,15 @@ export const LeadershipTeam = () => {
{/* Profile Image */}
-
-
+
{/* Content */}
@@ -141,38 +114,6 @@ export const LeadershipTeam = () => {
{leader.position}
-
-
- {leader.bio}
-
-
-
-
- {leader.experience}
-
-
- {/* Social Links */}
-
-
+ {/*
Advisory Board
- Industry experts who guide our strategic direction and innovation initiatives
+ Industry experts who guide our strategic direction and innovation
+ initiatives
-
+
{[
{
name: "Dr. Alan Foster",
title: "Former CTO, Meta",
- expertise: "AI & Emerging Technologies"
+ expertise: "AI & Emerging Technologies",
},
{
name: "Maria Santos",
title: "Former VP, Netflix",
- expertise: "Product Strategy & Growth"
+ expertise: "Product Strategy & Growth",
},
{
name: "Robert Kim",
title: "Former Director, Amazon",
- expertise: "Cloud Infrastructure & Scalability"
- }
+ expertise: "Cloud Infrastructure & Scalability",
+ },
].map((advisor, index) => (
-
+
- {advisor.name.split(' ').map(n => n[0]).join('')}
+ {advisor.name
+ .split(" ")
+ .map((n) => n[0])
+ .join("")}
-
{advisor.name}
+
+ {advisor.name}
+
{advisor.title}
-
{advisor.expertise}
+
+ {advisor.expertise}
+
))}
-
+ */}
{/* CTA Section */}
@@ -234,14 +186,23 @@ export const LeadershipTeam = () => {
Want to Work with Our Team?
- Join our growing team of innovators or partner with us to transform your business
+ Join our growing team of innovators or partner with us to
+ transform your business
-
+
Explore Careers
-
+ navigateTo("/start-a-project")}
+ >
Start a Project
);
-};
\ No newline at end of file
+};
diff --git a/pages/NativeAppDevelopment.tsx b/pages/NativeAppDevelopment.tsx
index f5edd56..ecf6eff 100644
--- a/pages/NativeAppDevelopment.tsx
+++ b/pages/NativeAppDevelopment.tsx
@@ -105,6 +105,7 @@ import {
Briefcase,
Microscope,
} from "lucide-react";
+import { navigateTo } from "@/App";
// Native App Development Hero Section
const NativeHeroWithCTA = () => {
@@ -149,7 +150,10 @@ const NativeHeroWithCTA = () => {
transition={{ duration: 0.8, delay: 0.3 }}
className="flex flex-col sm:flex-row gap-4"
>
-
+ navigateTo("/start-a-project")}
+ >
Discover Native Advantages
@@ -160,7 +164,7 @@ const NativeHeroWithCTA = () => {
className="inline-flex items-center justify-center gap-2 rounded-md bg-gray-800 px-8 py-4 text-lg font-medium text-white transition hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-700 whitespace-nowrap"
>
-
Request a Native App Consultation
+
Request Consultation
@@ -1038,7 +1042,10 @@ const NativeInlineCTA = () => {
deliver uncompromising performance and user experience.
-
+ navigateTo("/start-a-project")}
+ >
Discuss Your Native App Project
@@ -1322,7 +1329,9 @@ const NativeFinalCTA = () => {
viewport={{ once: true }}
className="space-y-8"
>
-
+ navigateTo("/start-a-project")}
+ >
Start Your Native App Journey
diff --git a/pages/PWADevelopment.tsx b/pages/PWADevelopment.tsx
index 495b9cc..5385c9b 100644
--- a/pages/PWADevelopment.tsx
+++ b/pages/PWADevelopment.tsx
@@ -31,7 +31,7 @@ import {
Users,
Wifi,
WifiOff,
- Zap
+ Zap,
} from "lucide-react";
import { ImageWithFallback } from "../components/figma/ImageWithFallback";
import { Footer } from "../components/Footer";
@@ -93,7 +93,10 @@ const PWAHeroWithCTA = () => {
transition={{ duration: 0.8, delay: 0.3 }}
className="flex flex-col sm:flex-row gap-4"
>
-
+ navigateTo("/start-a-project")}
+ >
Explore PWA Benefits
@@ -882,18 +885,24 @@ const PWASuccessStories = () => {
client: "TradersCircuit",
subtitle: "Investment Platform PWA with Real-Time Trading",
industry: "FinTech",
- services: ["PWA Development", "Real-Time Trading", "Service Workers", "Push Notifications"],
+ services: [
+ "PWA Development",
+ "Real-Time Trading",
+ "Service Workers",
+ "Push Notifications",
+ ],
technologies: ["React", "Service Workers", "WebSocket", "Push API"],
image: tradersCircuitImage,
results: [
"90% faster load times vs native",
"Offline trading capabilities",
"85% home screen installation rate",
- "Real-time push notifications"
+ "Real-time push notifications",
],
- description: "Handcrafted PWA investment platform delivering native-like trading experience with offline capabilities, push notifications, and blazing-fast performance for the Indian market.",
+ description:
+ "Handcrafted PWA investment platform delivering native-like trading experience with offline capabilities, push notifications, and blazing-fast performance for the Indian market.",
duration: "8 months",
- teamSize: "12 experts"
+ teamSize: "12 experts",
},
{
id: 2,
@@ -901,18 +910,24 @@ const PWASuccessStories = () => {
client: "Prosperty Infra",
subtitle: "Digital Real Estate PWA Platform",
industry: "Real Estate",
- services: ["PWA Development", "Property Listings", "Offline Browsing", "Investment Tools"],
+ services: [
+ "PWA Development",
+ "Property Listings",
+ "Offline Browsing",
+ "Investment Tools",
+ ],
technologies: ["Vue.js", "Workbox", "IndexedDB", "Web Push"],
image: prospertyImage,
results: [
"73% installation rate success",
"38% reduction in bounce rate",
"52% increase in property inquiries",
- "Full offline property browsing"
+ "Full offline property browsing",
],
- description: "Comprehensive PWA real estate platform enabling seamless property listings, investment opportunities, and post-sale services with full offline functionality and instant loading.",
+ description:
+ "Comprehensive PWA real estate platform enabling seamless property listings, investment opportunities, and post-sale services with full offline functionality and instant loading.",
duration: "6 months",
- teamSize: "10 experts"
+ teamSize: "10 experts",
},
{
id: 3,
@@ -920,26 +935,37 @@ const PWASuccessStories = () => {
client: "GoodTimes Ltd",
subtitle: "Event Discovery & Booking PWA Platform",
industry: "Events & Lifestyle",
- services: ["PWA Development", "Event Booking", "Social Features", "Payment Integration"],
- technologies: ["Angular", "Service Workers", "Web Share API", "Payment Request"],
+ services: [
+ "PWA Development",
+ "Event Booking",
+ "Social Features",
+ "Payment Integration",
+ ],
+ technologies: [
+ "Angular",
+ "Service Workers",
+ "Web Share API",
+ "Payment Request",
+ ],
image: goodTimesImage,
results: [
"92% mobile user engagement",
"30-second booking process",
"67% increase in repeat users",
- "Cross-platform compatibility"
+ "Cross-platform compatibility",
],
- description: "Feature-rich PWA event discovery platform providing seamless booking experiences, social sharing, and offline ticket storage that works flawlessly across all devices.",
+ description:
+ "Feature-rich PWA event discovery platform providing seamless booking experiences, social sharing, and offline ticket storage that works flawlessly across all devices.",
duration: "5 months",
- teamSize: "9 experts"
- }
+ teamSize: "9 experts",
+ },
];
const getIndustryIcon = (industry: string) => {
const icons = {
- "FinTech": Building,
+ FinTech: Building,
"Real Estate": Building,
- "Events & Lifestyle": Calendar
+ "Events & Lifestyle": Calendar,
};
return icons[industry as keyof typeof icons] || Building;
};
@@ -958,10 +984,12 @@ const PWASuccessStories = () => {
Successful Progressive Web Apps by WDI
- See how we've transformed businesses with PWA solutions that deliver exceptional user experiences, offline capabilities, and measurable results across industries.
+ See how we've transformed businesses with PWA solutions that deliver
+ exceptional user experiences, offline capabilities, and measurable
+ results across industries.
-
+
{caseStudies.map((study, index) => {
const IndustryIcon = getIndustryIcon(study.industry);
@@ -975,58 +1003,70 @@ const PWASuccessStories = () => {
whileHover={{ y: -5 }}
className="group cursor-pointer"
onClick={() => {
- if (study.title === 'TradersCircuit') {
- navigateTo('/projects/traderscircuit');
- } else if (study.title === 'Prosperty') {
- navigateTo('/projects/prosperty');
- } else if (study.title === 'GoodTimes') {
- navigateTo('/projects/goodtimes');
+ if (study.title === "TradersCircuit") {
+ navigateTo("/projects/traderscircuit");
+ } else if (study.title === "Prosperty") {
+ navigateTo("/projects/prosperty");
+ } else if (study.title === "GoodTimes") {
+ navigateTo("/projects/goodtimes");
}
}}
>
-
+
{study.industry}
-
+
{study.title}
-
+
{study.client}
- {study.description}
-
+
+ {study.description}
+
+
{study.services.slice(0, 3).map((service) => (
-
+
{service}
))}
-
+
{study.results.slice(0, 2).map((result, resultIndex) => (
-
-
+
@@ -1038,18 +1078,18 @@ const PWASuccessStories = () => {
{study.teamSize}
-
{
e.stopPropagation();
- if (study.title === 'TradersCircuit') {
- navigateTo('/projects/traderscircuit');
- } else if (study.title === 'Prosperty') {
- navigateTo('/projects/prosperty');
- } else if (study.title === 'GoodTimes') {
- navigateTo('/projects/goodtimes');
+ if (study.title === "TradersCircuit") {
+ navigateTo("/projects/traderscircuit");
+ } else if (study.title === "Prosperty") {
+ navigateTo("/projects/prosperty");
+ } else if (study.title === "GoodTimes") {
+ navigateTo("/projects/goodtimes");
}
}}
>
@@ -1106,7 +1146,10 @@ const PWAInlineCTA = () => {
progressive web app that works everywhere.
-
+ navigateTo("/start-a-project")}
+ >
Get a Free PWA Assessment
@@ -1245,7 +1288,10 @@ const PWAFinalCTA = () => {
viewport={{ once: true }}
className="space-y-8"
>
-
+ navigateTo("/start-a-project")}
+ >
Start Your PWA Project
diff --git a/pages/SaaSProductEngineering.tsx b/pages/SaaSProductEngineering.tsx
index ab9d773..f121fc3 100644
--- a/pages/SaaSProductEngineering.tsx
+++ b/pages/SaaSProductEngineering.tsx
@@ -23,16 +23,23 @@ import {
Target,
TrendingUp,
Users,
- Zap
+ Zap,
} from "lucide-react";
import { ImageWithFallback } from "../components/figma/ImageWithFallback";
import { Footer } from "../components/Footer";
import { Navigation } from "../components/Navigation";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../components/ui/accordion";
+import {
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
+} from "../components/ui/accordion";
import { Badge } from "../components/ui/badge";
import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
+import { navigateTo } from "@/App";
+import awsLogo from "../src/images/aws-logo.png";
// SaaS Product Engineering Hero Section
const SaaSHeroWithCTA = () => {
@@ -52,7 +59,9 @@ const SaaSHeroWithCTA = () => {
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6 }}
>
-
Web & Cloud Solutions
+
+ Web & Cloud Solutions
+
{/* Main Heading */}
@@ -60,12 +69,14 @@ const SaaSHeroWithCTA = () => {
SaaS Product Engineering Services
-
+
- From ideation to scalable deployment, WDI specializes in engineering robust, multi-tenant SaaS products that drive recurring revenue.
+ From ideation to scalable deployment, WDI specializes in
+ engineering robust, multi-tenant SaaS products that drive
+ recurring revenue.
-
+
{/* CTAs */}
{
transition={{ duration: 0.8, delay: 0.3 }}
className="flex flex-col sm:flex-row gap-4"
>
-
+ navigateTo("/start-a-project")}
+ >
Launch Your SaaS Product
@@ -81,14 +95,14 @@ const SaaSHeroWithCTA = () => {
Explore Our SaaS Portfolio
-
+
{/* Right side with SaaS architecture visualization */}
{
-
SaaS Platform
+
+ SaaS Platform
+
-
+
{/* Pulse Animation */}
-
+
{/* Multi-tenant Architecture */}
{/* Tenant 1 */}
@@ -127,7 +143,7 @@ const SaaSHeroWithCTA = () => {
Tenant A
-
+
{/* Tenant 2 */}
{
Tenant B
-
+
{/* Tenant 3 */}
{
Tenant C
+
{/* Lines from SaaS Platform to Tenants */}
-
-
+
-
-
+
-
-
+
-
+
{/* Feature Badges */}
{
transition={{ duration: 0.8, delay: 1.2 }}
className="flex justify-center gap-4 flex-wrap"
>
-
+
-
+
-
+
@@ -225,28 +292,30 @@ const SaaSBenefits = () => {
{
icon: TrendingUp,
title: "Scalability for Growth",
- description: "Architected for exponential user growth and feature expansion."
+ description:
+ "Architected for exponential user growth and feature expansion.",
},
{
icon: DollarSign,
title: "Cost Efficiency & ROI",
- description: "Optimized development for lower TCO and higher profitability."
+ description:
+ "Optimized development for lower TCO and higher profitability.",
},
{
icon: Shield,
title: "Secure Multi-Tenancy",
- description: "Robust solutions for isolating customer data securely."
+ description: "Robust solutions for isolating customer data securely.",
},
{
icon: Zap,
title: "Rapid Feature Delivery",
- description: "Agile methodologies for continuous innovation."
+ description: "Agile methodologies for continuous innovation.",
},
{
icon: Network,
title: "Seamless Integrations",
- description: "Expertise in connecting with other platforms and APIs."
- }
+ description: "Expertise in connecting with other platforms and APIs.",
+ },
];
return (
@@ -263,7 +332,7 @@ const SaaSBenefits = () => {
Why Partner with WDI for Your SaaS Product?
-
+
{
const steps = [
{
title: "Ideation & Market Validation",
- description: "Research-driven validation of your SaaS concept with competitive analysis and market opportunity assessment.",
- icon: Lightbulb
+ description:
+ "Research-driven validation of your SaaS concept with competitive analysis and market opportunity assessment.",
+ icon: Lightbulb,
},
{
title: "Product Strategy & MVP Definition",
- description: "Strategic planning to define core features, user personas, and minimum viable product scope for rapid market entry.",
- icon: Target
+ description:
+ "Strategic planning to define core features, user personas, and minimum viable product scope for rapid market entry.",
+ icon: Target,
},
{
title: "Architecture & Design",
- description: "Scalable cloud architecture design with multi-tenant considerations, security frameworks, and technology selection.",
- icon: Layout
+ description:
+ "Scalable cloud architecture design with multi-tenant considerations, security frameworks, and technology selection.",
+ icon: Layout,
},
{
title: "Development & Iteration",
- description: "Agile development sprints with continuous integration, regular demos, and iterative feature refinement.",
- icon: Code
+ description:
+ "Agile development sprints with continuous integration, regular demos, and iterative feature refinement.",
+ icon: Code,
},
{
title: "Deployment & DevOps",
- description: "Automated deployment pipelines, monitoring systems, and scalable infrastructure management.",
- icon: Rocket
+ description:
+ "Automated deployment pipelines, monitoring systems, and scalable infrastructure management.",
+ icon: Rocket,
},
{
title: "Growth & Optimization",
- description: "Performance optimization, feature expansion, and scaling strategies based on user feedback and analytics.",
- icon: TrendingUp
- }
+ description:
+ "Performance optimization, feature expansion, and scaling strategies based on user feedback and analytics.",
+ icon: TrendingUp,
+ },
];
return (
@@ -396,12 +471,12 @@ const SaaSProcess = () => {
{/* Timeline line */}
-
+
{steps.map((step, index) => {
const IconComponent = step.icon;
const isEven = index % 2 === 0;
-
+
return (
{
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
- className={`flex items-center ${isEven ? 'lg:flex-row' : 'lg:flex-row-reverse'} flex-col lg:gap-16 gap-8`}
+ className={`flex items-center ${
+ isEven ? "lg:flex-row" : "lg:flex-row-reverse"
+ } flex-col lg:gap-16 gap-8`}
>
-
+
-
0{index + 1}
+
+ 0{index + 1}
+
{step.title}
@@ -427,10 +510,10 @@ const SaaSProcess = () => {
-
+
{/* Timeline dot */}
-
+
);
@@ -449,44 +532,79 @@ const SaaSServices = () => {
title: "SaaS MVP Development",
description: "Rapidly launch and validate your core idea.",
icon: Rocket,
- features: ["Core Feature Set", "User Authentication", "Basic Analytics", "Payment Integration"]
+ features: [
+ "Core Feature Set",
+ "User Authentication",
+ "Basic Analytics",
+ "Payment Integration",
+ ],
},
{
title: "Full-Cycle SaaS Product Development",
description: "End-to-end engineering from scratch.",
icon: Code,
- features: ["Complete Development", "Advanced Features", "Integrations", "Scaling Support"]
+ features: [
+ "Complete Development",
+ "Advanced Features",
+ "Integrations",
+ "Scaling Support",
+ ],
},
{
title: "SaaS Architecture Design",
description: "Scalable, secure, and cost-effective cloud architectures.",
icon: Layout,
- features: ["Multi-tenant Architecture", "Microservices", "Cloud Infrastructure", "Security Design"]
+ features: [
+ "Multi-tenant Architecture",
+ "Microservices",
+ "Cloud Infrastructure",
+ "Security Design",
+ ],
},
{
title: "Legacy SaaS Modernization",
description: "Re-platforming and upgrading existing SaaS solutions.",
icon: RefreshCcw,
- features: ["Platform Migration", "Performance Optimization", "Feature Updates", "Security Enhancement"]
+ features: [
+ "Platform Migration",
+ "Performance Optimization",
+ "Feature Updates",
+ "Security Enhancement",
+ ],
},
{
title: "Integrations & APIs",
description: "Building robust APIs and third-party integrations.",
icon: Network,
- features: ["RESTful APIs", "Third-party Integrations", "Webhook Systems", "API Documentation"]
+ features: [
+ "RESTful APIs",
+ "Third-party Integrations",
+ "Webhook Systems",
+ "API Documentation",
+ ],
},
{
title: "DevOps & Cloud Management",
description: "Automation for continuous delivery and operations.",
icon: CloudCog,
- features: ["CI/CD Pipelines", "Infrastructure as Code", "Monitoring", "Auto-scaling"]
+ features: [
+ "CI/CD Pipelines",
+ "Infrastructure as Code",
+ "Monitoring",
+ "Auto-scaling",
+ ],
},
{
title: "Data Analytics & Reporting",
description: "Embedding actionable insights into your product.",
icon: BarChart,
- features: ["Custom Dashboards", "Real-time Analytics", "Reporting Tools", "Data Visualization"]
- }
+ features: [
+ "Custom Dashboards",
+ "Real-time Analytics",
+ "Reporting Tools",
+ "Data Visualization",
+ ],
+ },
];
return (
@@ -503,7 +621,7 @@ const SaaSServices = () => {
Comprehensive SaaS Engineering Capabilities
-
+
{
{service.description}
-
Key Features:
+
+ Key Features:
+
{service.features.map((feature) => (
-
+
{feature}
))}
@@ -584,10 +708,16 @@ const SaaSServices = () => {
{service.description}
-
Key Features:
+
+ Key Features:
+
{service.features.map((feature) => (
-
+
{feature}
))}
@@ -608,40 +738,112 @@ const SaaSServices = () => {
// SaaS Tech Stack
const SaaSTechStack = () => {
const cloudPlatforms = [
- { name: "AWS", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original.svg", category: "Cloud Platform" },
- { name: "Azure", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azure/azure-original.svg", category: "Cloud Platform" },
- { name: "Google Cloud", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/googlecloud/googlecloud-original.svg", category: "Cloud Platform" }
+ { name: "AWS", logo: awsLogo, category: "Cloud Platform" },
+ {
+ name: "Azure",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azure/azure-original.svg",
+ category: "Cloud Platform",
+ },
+ {
+ name: "Google Cloud",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/googlecloud/googlecloud-original.svg",
+ category: "Cloud Platform",
+ },
];
const containerization = [
- { name: "Docker", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg", category: "Containerization" },
- { name: "Kubernetes", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg", category: "Orchestration" }
+ {
+ name: "Docker",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg",
+ category: "Containerization",
+ },
+ {
+ name: "Kubernetes",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg",
+ category: "Orchestration",
+ },
];
const backends = [
- { name: "Node.js", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg", category: "Backend" },
- { name: "Python", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg", category: "Backend" },
- { name: "Java", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg", category: "Backend" },
- { name: "Ruby", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/ruby/ruby-original.svg", category: "Backend" }
+ {
+ name: "Node.js",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg",
+ category: "Backend",
+ },
+ {
+ name: "Python",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg",
+ category: "Backend",
+ },
+ {
+ name: "Java",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg",
+ category: "Backend",
+ },
+ {
+ name: "Ruby",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/ruby/ruby-original.svg",
+ category: "Backend",
+ },
];
const frontends = [
- { name: "React", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg", category: "Frontend" },
- { name: "Angular", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg", category: "Frontend" },
- { name: "Vue.js", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg", category: "Frontend" }
+ {
+ name: "React",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg",
+ category: "Frontend",
+ },
+ {
+ name: "Angular",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg",
+ category: "Frontend",
+ },
+ {
+ name: "Vue.js",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg",
+ category: "Frontend",
+ },
];
const databases = [
- { name: "PostgreSQL", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg", category: "Database" },
- { name: "MongoDB", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg", category: "Database" },
- { name: "Redis", logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/redis/redis-original.svg", category: "Cache" }
+ {
+ name: "PostgreSQL",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg",
+ category: "Database",
+ },
+ {
+ name: "MongoDB",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg",
+ category: "Database",
+ },
+ {
+ name: "Redis",
+ logo: "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/redis/redis-original.svg",
+ category: "Cache",
+ },
];
const specializedTools = [
- { name: "Microservices", icon: Component, description: "Distributed architecture for scalability" },
- { name: "GraphQL", icon: Network, description: "Flexible API query language" },
- { name: "Auto-scaling", icon: TrendingUp, description: "Dynamic resource management" },
- { name: "Multi-tenancy", icon: Users, description: "Isolated customer environments" }
+ {
+ name: "Microservices",
+ icon: Component,
+ description: "Distributed architecture for scalability",
+ },
+ {
+ name: "GraphQL",
+ icon: Network,
+ description: "Flexible API query language",
+ },
+ {
+ name: "Auto-scaling",
+ icon: TrendingUp,
+ description: "Dynamic resource management",
+ },
+ {
+ name: "Multi-tenancy",
+ icon: Users,
+ description: "Isolated customer environments",
+ },
];
return (
@@ -658,7 +860,8 @@ const SaaSTechStack = () => {
Building Resilient and High-Performing SaaS Products
- With cutting-edge technologies designed for scale, security, and performance.
+ With cutting-edge technologies designed for scale, security, and
+ performance.
@@ -670,7 +873,9 @@ const SaaSTechStack = () => {
viewport={{ once: true }}
className="mb-16"
>
- Cloud Platforms
+
+ Cloud Platforms
+
{cloudPlatforms.map((tech, index) => (
{
className="w-10 h-10 object-contain filter brightness-0 invert dark:brightness-100 dark:invert-0 group-hover:brightness-100 group-hover:invert-0 transition-all duration-300"
/>
- {tech.name}
- {tech.category}
+
+ {tech.name}
+
+
+ {tech.category}
+
))}
@@ -709,7 +918,9 @@ const SaaSTechStack = () => {
{/* Backend */}
-
Backend Technologies
+
+ Backend Technologies
+
{backends.map((tech, index) => (
{
className="w-8 h-8 object-contain filter brightness-0 invert dark:brightness-100 dark:invert-0 group-hover:brightness-100 group-hover:invert-0 transition-all duration-300"
/>
-
{tech.name}
+
+ {tech.name}
+
))}
@@ -738,7 +951,9 @@ const SaaSTechStack = () => {
{/* Frontend */}
-
Frontend Technologies
+
+ Frontend Technologies
+
{frontends.map((tech, index) => (
{
className="w-8 h-8 object-contain filter brightness-0 invert dark:brightness-100 dark:invert-0 group-hover:brightness-100 group-hover:invert-0 transition-all duration-300"
/>
-
{tech.name}
+
+ {tech.name}
+
))}
@@ -774,7 +991,9 @@ const SaaSTechStack = () => {
transition={{ duration: 0.8, delay: 0.4 }}
viewport={{ once: true }}
>
-
Specialized SaaS Technologies
+
+ Specialized SaaS Technologies
+
{specializedTools.map((tool, index) => {
const IconComponent = tool.icon;
@@ -792,8 +1011,12 @@ const SaaSTechStack = () => {
-
{tool.name}
-
{tool.description}
+
+ {tool.name}
+
+
+ {tool.description}
+
);
@@ -811,30 +1034,37 @@ const SaaSCaseStudies = () => {
{
title: "Enterprise CRM SaaS Platform",
client: "SalesTech Pro",
- description: "Comprehensive customer relationship management platform with advanced analytics, automation workflows, and multi-tenant architecture supporting 10,000+ users",
- image: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=300&fit=crop&auto=format",
+ description:
+ "Comprehensive customer relationship management platform with advanced analytics, automation workflows, and multi-tenant architecture supporting 10,000+ users",
+ image:
+ "https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=300&fit=crop&auto=format",
results: "500% user growth in 18 months",
gradient: "from-blue-500/20 to-cyan-500/20",
- features: "Multi-tenancy, Advanced Analytics, Workflow Automation"
+ features: "Multi-tenancy, Advanced Analytics, Workflow Automation",
},
{
title: "Healthcare Practice Management SaaS",
client: "MedFlow Solutions",
- description: "HIPAA-compliant practice management system with patient scheduling, billing automation, and telehealth integration for healthcare providers",
- image: "https://images.unsplash.com/photo-1559757175-0eb30cd8c063?w=400&h=300&fit=crop&auto=format",
+ description:
+ "HIPAA-compliant practice management system with patient scheduling, billing automation, and telehealth integration for healthcare providers",
+ image:
+ "https://images.unsplash.com/photo-1559757175-0eb30cd8c063?w=400&h=300&fit=crop&auto=format",
results: "99.9% uptime achieved",
gradient: "from-green-500/20 to-emerald-500/20",
- features: "HIPAA Compliance, Telehealth Integration, Automated Billing"
+ features: "HIPAA Compliance, Telehealth Integration, Automated Billing",
},
{
title: "Project Management SaaS Suite",
client: "TeamSync",
- description: "Collaborative project management platform with real-time collaboration, resource planning, and advanced reporting for distributed teams",
- image: "https://images.unsplash.com/photo-1551434678-e076c223a692?w=400&h=300&fit=crop&auto=format",
+ description:
+ "Collaborative project management platform with real-time collaboration, resource planning, and advanced reporting for distributed teams",
+ image:
+ "https://images.unsplash.com/photo-1551434678-e076c223a692?w=400&h=300&fit=crop&auto=format",
results: "50% faster project delivery",
gradient: "from-purple-500/20 to-pink-500/20",
- features: "Real-time Collaboration, Resource Planning, Advanced Reporting"
- }
+ features:
+ "Real-time Collaboration, Resource Planning, Advanced Reporting",
+ },
];
return (
@@ -851,7 +1081,7 @@ const SaaSCaseStudies = () => {
Successful SaaS Products Engineered by WDI
-
+
{
{study.client}
-
+
{study.results}
-
+
{study.title}
-
+
-
-
+
{study.description}
-
Key Features:
-
- {study.features}
-
+
+ Key Features:
+
+
{study.features}
-
+
-
- VIEW CASE STUDY
+
+ VIEW CASE STUDY
+
@@ -955,20 +1192,25 @@ const SaaSInlineCTA = () => {
Unicorn Potential
+
+ Unicorn Potential
+
-
+
Ready to Build Your Next{" "}
Unicorn SaaS Product?
-
+
Let's validate your idea and map out a scalable development plan.
-
-
+
+ navigateTo("/start-a-project")}
+ >
Get a Free SaaS Strategy Call
@@ -986,28 +1228,51 @@ const HireSaaSDevelopers = () => {
const developerTypes = [
{
title: "SaaS Architects",
- description: "System architects specializing in scalable SaaS architecture design",
+ description:
+ "System architects specializing in scalable SaaS architecture design",
icon: Layout,
- skills: ["Multi-tenant Architecture", "Microservices", "Cloud Infrastructure", "Security Design"]
+ skills: [
+ "Multi-tenant Architecture",
+ "Microservices",
+ "Cloud Infrastructure",
+ "Security Design",
+ ],
},
{
title: "Full-Stack SaaS Engineers",
- description: "End-to-end developers with SaaS product development expertise",
+ description:
+ "End-to-end developers with SaaS product development expertise",
icon: Code,
- skills: ["Frontend + Backend", "API Development", "Database Design", "Payment Integration"]
+ skills: [
+ "Frontend + Backend",
+ "API Development",
+ "Database Design",
+ "Payment Integration",
+ ],
},
{
title: "DevOps Specialists",
description: "Infrastructure automation and deployment pipeline experts",
icon: CloudCog,
- skills: ["CI/CD Pipelines", "Container Orchestration", "Monitoring", "Auto-scaling"]
+ skills: [
+ "CI/CD Pipelines",
+ "Container Orchestration",
+ "Monitoring",
+ "Auto-scaling",
+ ],
},
{
title: "Product Engineers",
- description: "Feature-focused engineers with product development experience",
+ description:
+ "Feature-focused engineers with product development experience",
icon: Rocket,
- skills: ["Feature Development", "User Analytics", "A/B Testing", "Performance Optimization"]
- }
+ skills: [
+ "Feature Development",
+ "User Analytics",
+ "A/B Testing",
+ "Performance Optimization",
+ ],
+ },
];
return (
@@ -1024,10 +1289,11 @@ const HireSaaSDevelopers = () => {
Need Specialized SaaS Talent?
- Hire experienced SaaS architects, engineers, and DevOps specialists to accelerate your product development.
+ Hire experienced SaaS architects, engineers, and DevOps specialists
+ to accelerate your product development.
-
+
{
{type.description}
-
Core Skills:
+
+ Core Skills:
+
{type.skills.map((skill) => (
-
+
{skill}
))}
@@ -1111,20 +1383,25 @@ const SaaSFAQs = () => {
const faqs = [
{
question: "What is multi-tenancy in SaaS and how do you handle it?",
- answer: "Multi-tenancy allows multiple customers (tenants) to share the same application instance while keeping their data completely isolated. We implement multi-tenancy through database-level isolation, tenant-specific configurations, and secure data partitioning. This approach reduces costs while maintaining security and customization capabilities for each tenant."
+ answer:
+ "Multi-tenancy allows multiple customers (tenants) to share the same application instance while keeping their data completely isolated. We implement multi-tenancy through database-level isolation, tenant-specific configurations, and secure data partitioning. This approach reduces costs while maintaining security and customization capabilities for each tenant.",
},
{
question: "How do you ensure the scalability of a SaaS product?",
- answer: "We design SaaS products with scalability from day one using microservices architecture, auto-scaling cloud infrastructure, database optimization, and caching strategies. Our approach includes horizontal scaling, load balancing, and performance monitoring to ensure your product can handle exponential user growth without compromising performance."
+ answer:
+ "We design SaaS products with scalability from day one using microservices architecture, auto-scaling cloud infrastructure, database optimization, and caching strategies. Our approach includes horizontal scaling, load balancing, and performance monitoring to ensure your product can handle exponential user growth without compromising performance.",
},
{
question: "What's the typical timeline for SaaS MVP development?",
- answer: "SaaS MVP development typically takes 12-20 weeks, depending on complexity and feature scope. This includes market research, architecture design, core feature development, multi-tenant setup, payment integration, and initial testing. We use agile methodologies to deliver working software incrementally and gather user feedback early."
+ answer:
+ "SaaS MVP development typically takes 12-20 weeks, depending on complexity and feature scope. This includes market research, architecture design, core feature development, multi-tenant setup, payment integration, and initial testing. We use agile methodologies to deliver working software incrementally and gather user feedback early.",
},
{
- question: "Do you assist with post-launch feature development and scaling?",
- answer: "Absolutely! We provide ongoing development support including feature expansion, performance optimization, scaling infrastructure, security updates, and technical maintenance. Our post-launch services include analytics implementation, user feedback integration, and continuous product improvement based on market demands."
- }
+ question:
+ "Do you assist with post-launch feature development and scaling?",
+ answer:
+ "Absolutely! We provide ongoing development support including feature expansion, performance optimization, scaling infrastructure, security updates, and technical maintenance. Our post-launch services include analytics implementation, user feedback integration, and continuous product improvement based on market demands.",
+ },
];
return (
@@ -1141,7 +1418,7 @@ const SaaSFAQs = () => {
Frequently Asked Questions
-
+
{
>
{faqs.map((faq, index) => (
-
- {faq.question}
+
+ {faq.question}
+
{faq.answer}
@@ -1193,7 +1472,9 @@ const SaaSFinalCTA = () => {
Market Leadership
+
+ Market Leadership
+
@@ -1202,7 +1483,7 @@ const SaaSFinalCTA = () => {
Engineer a Market-Leading{" "}
SaaS Product with WDI
-
+
{
viewport={{ once: true }}
className="text-xl text-muted-foreground mb-12 max-w-2xl mx-auto leading-relaxed"
>
- Partner with our experts to build a scalable, secure, and user-centric SaaS solution that captivates your market.
+ Partner with our experts to build a scalable, secure, and
+ user-centric SaaS solution that captivates your market.
{
viewport={{ once: true }}
className="space-y-8"
>
-
+ navigateTo("/start-a-project")}
+ >
Start Your SaaS Project Today
@@ -1249,61 +1534,61 @@ export const SaaSProductEngineering = () => {
return (
);
-};
\ No newline at end of file
+};
diff --git a/pages/SoftwareEngineering.tsx b/pages/SoftwareEngineering.tsx
index 7b5286a..d011cfb 100644
--- a/pages/SoftwareEngineering.tsx
+++ b/pages/SoftwareEngineering.tsx
@@ -1,26 +1,29 @@
-import React from "react";
import { motion } from "framer-motion";
-import { Navigation } from "../components/Navigation";
-import { Footer } from "../components/Footer";
-import { ProcessSection } from "../components/ProcessSection";
-import { FAQSection } from "../components/FAQSection";
-import { AnimatedGradientText } from "../components/AnimatedGradientText";
-import { Button } from "../components/ui/button";
-import { ShimmerButton } from "../components/ui/shimmer-button";
-import { Badge } from "../components/ui/badge";
-import { Card, CardContent } from "../components/ui/card";
-import { GridPattern } from "../components/GridPattern";
-import { navigateTo } from "../App";
-import {
- Code, Cpu, Database, Server, Shield, Zap, Users, Star,
- ArrowRight, ChevronRight, Clock, TrendingUp, Layers,
- Target, Layout, Rocket, Monitor, Lock, RefreshCcw, ShieldCheck,
- MessageSquare, Heart, CheckCircle, Lightbulb, Coffee,
- Download, Calendar, Camera, Music, Gamepad2,
- CreditCard, Bell, Mail, Search, Home, MapPin,
- Github, Slack, Figma, Chrome, Zap as ZapIcon, Video, MessageCircle, Brain,
- Cog, Settings, Sparkles, Handshake, Eye, Award, UserPlus, Building, Package
+import {
+ Building,
+ Calendar,
+ CheckCircle,
+ Code,
+ Eye,
+ Layers,
+ RefreshCcw,
+ Rocket,
+ Server,
+ Settings,
+ Shield,
+ TrendingUp,
+ UserPlus,
+ Zap,
} from "lucide-react";
+import { navigateTo } from "../App";
+import { FAQSection } from "../components/FAQSection";
+import { Footer } from "../components/Footer";
+import { Navigation } from "../components/Navigation";
+import { ProcessSection } from "../components/ProcessSection";
+import { Badge } from "../components/ui/badge";
+import { Button } from "../components/ui/button";
+import { Card, CardContent } from "../components/ui/card";
+import { ShimmerButton } from "../components/ui/shimmer-button";
// Enhanced Hero Section
const HeroWithCTA = () => {
@@ -40,7 +43,9 @@ const HeroWithCTA = () => {
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6 }}
>
-
Software Engineering
+
+ Software Engineering
+
{/* Main Heading */}
@@ -50,12 +55,13 @@ const HeroWithCTA = () => {
Software Engineering
Solutions
-
+
- Build robust, scalable enterprise software systems with modern engineering practices and proven methodologies.
+ Build robust, scalable enterprise software systems with modern
+ engineering practices and proven methodologies.
-
+
{/* CTAs */}
{
transition={{ duration: 0.8, delay: 0.3 }}
className="flex flex-col sm:flex-row gap-4"
>
- navigateTo('/contact/schedule-a-discovery-call')}>
+ navigateTo('/contact/schedule-a-discovery-call')}
+ onClick={() => navigateTo("/start-a-project")}
+ >
Discuss Your Project
@@ -72,15 +82,15 @@ const HeroWithCTA = () => {
navigateTo('/case-studies')}
+ className="text-lg px-8 py-4 h-[56px]"
+ onClick={() => navigateTo("/case-studies")}
>
View Case Studies
-
+
{/* Right side with stats */}
{
className="grid grid-cols-2 gap-8 text-center"
>
-
150+
-
Software Systems
+
+ 150+
+
+
+ Software Systems
+
-
95%
-
Code Quality Score
+
+ 95%
+
+
+ Code Quality Score
+
-
60%
-
Faster Development
+
+ 60%
+
+
+ Faster Development
+
-
24/7
-
System Reliability
+
+ 24/7
+
+
+ System Reliability
+
@@ -124,12 +150,16 @@ const HeroWithCTA = () => {
// Enhanced Horizontal Tag Scroller with Engineering Practices
const HorizontalTagScroller = () => {
const practices = [
- { name: "Microservices Architecture", icon: Layers, color: "text-blue-400" },
+ {
+ name: "Microservices Architecture",
+ icon: Layers,
+ color: "text-blue-400",
+ },
{ name: "DevOps & CI/CD", icon: Zap, color: "text-green-400" },
{ name: "API-First Design", icon: Code, color: "text-purple-400" },
{ name: "Test-Driven Development", icon: Shield, color: "text-cyan-400" },
{ name: "Agile Methodologies", icon: TrendingUp, color: "text-orange-400" },
- { name: "System Integration", icon: Settings, color: "text-yellow-400" }
+ { name: "System Integration", icon: Settings, color: "text-yellow-400" },
];
return (
@@ -148,10 +178,11 @@ const HorizontalTagScroller = () => {
We Follow
- Industry-leading methodologies that ensure code quality, scalability, and maintainability.
+ Industry-leading methodologies that ensure code quality,
+ scalability, and maintainability.
-
+
{
>
-
+
{/* First set */}
{practices.map((practice, index) => {
@@ -177,7 +208,9 @@ const HorizontalTagScroller = () => {
>
-
+
@@ -188,7 +221,7 @@ const HorizontalTagScroller = () => {
);
})}
-
+
{/* Second and third sets for seamless loop */}
{[...practices, ...practices].map((practice, index) => {
const IconComponent = practice.icon;
@@ -197,13 +230,18 @@ const HorizontalTagScroller = () => {
key={`loop-${practice.name}-${index}`}
initial={{ opacity: 0, scale: 0.8 }}
whileInView={{ opacity: 1, scale: 1 }}
- transition={{ duration: 0.5, delay: (index + practices.length) * 0.1 }}
+ transition={{
+ duration: 0.5,
+ delay: (index + practices.length) * 0.1,
+ }}
viewport={{ once: true }}
className="group flex-shrink-0 mx-3"
>
-
+
@@ -227,28 +265,28 @@ const SideBySideContentWithIcons = () => {
{
id: "architecture",
title: "Robust Architecture",
- icon: Building
+ icon: Building,
},
{
- id: "quality",
+ id: "quality",
title: "Code Quality Excellence",
- icon: CheckCircle
+ icon: CheckCircle,
},
{
id: "scalability",
title: "Future-Proof Scalability",
- icon: TrendingUp
+ icon: TrendingUp,
},
{
id: "integration",
title: "Seamless Integration",
- icon: Layers
+ icon: Layers,
},
{
id: "maintenance",
title: "Long-Term Maintainability",
- icon: Settings
- }
+ icon: Settings,
+ },
];
return (
@@ -266,7 +304,7 @@ const SideBySideContentWithIcons = () => {
WDI
for Software Engineering
-
+
Engineering excellence that stands the test of time.
@@ -297,7 +335,7 @@ const SideBySideContentWithIcons = () => {
-
+
{advantage.title}
@@ -318,39 +356,44 @@ const TabbedServiceDisplay = () => {
{
title: "Enterprise Software Solutions",
icon: Building,
- description: "Complex enterprise systems with robust architecture and scalability.",
- link: "/services/enterprise-software-solutions"
+ description:
+ "Complex enterprise systems with robust architecture and scalability.",
+ link: "/services/enterprise-software-solutions",
},
{
- title: "System Architecture & DevOps",
+ title: "System Architecture & DevOps",
icon: Layers,
- description: "Modern system design with automated deployment and monitoring.",
- link: "/services/system-architecture-devops"
+ description:
+ "Modern system design with automated deployment and monitoring.",
+ link: "/services/system-architecture-devops",
},
{
title: "Third-Party Integrations",
icon: Zap,
- description: "Seamless integration with existing systems and external services.",
- link: "/services/third-party-integrations"
+ description:
+ "Seamless integration with existing systems and external services.",
+ link: "/services/third-party-integrations",
},
{
title: "Product Modernization",
icon: RefreshCcw,
- description: "Upgrade legacy systems with modern technologies and practices.",
- link: "/services/product-modernization"
+ description:
+ "Upgrade legacy systems with modern technologies and practices.",
+ link: "/services/product-modernization",
},
{
title: "API & Backend Development",
icon: Server,
description: "Robust APIs and scalable backend infrastructure solutions.",
- link: "/services/api-backend-development"
+ link: "/services/api-backend-development",
},
{
title: "Custom Software Development",
icon: Code,
- description: "Tailored software solutions built to your specific requirements.",
- link: "/services/custom-web-app-development"
- }
+ description:
+ "Tailored software solutions built to your specific requirements.",
+ link: "/services/custom-web-app-development",
+ },
];
return (
@@ -367,10 +410,11 @@ const TabbedServiceDisplay = () => {
Software Engineering Services
- Comprehensive software engineering solutions designed for enterprise-grade performance and reliability.
+ Comprehensive software engineering solutions designed for
+ enterprise-grade performance and reliability.
-
+
{
-
+
{service.title}
@@ -440,37 +484,44 @@ const InlineCTA = () => {
Ready to Launch?
+
+ Ready to Launch?
+
-
+
{/* Main Heading */}
- Build Enterprise Software with
+
+ Build Enterprise Software with{" "}
+
Engineering Excellence
-
+
{/* Subtitle */}
- Robust, scalable systems engineered with modern practices and proven methodologies.
+ Robust, scalable systems engineered with modern practices and
+ proven methodologies.
-
+
{/* CTA Button */}
-
navigateTo('/contact/schedule-a-discovery-call')}
+ // onClick={() => navigateTo('/contact/schedule-a-discovery-call')}
+ onClick={() => navigateTo("/start-a-project")}
>
Start Your Software Project
-
+
{/* Small benefit text */}
- Architecture review • Code quality audit • Technical consultation
+ Architecture review • Code quality audit • Technical
+ consultation
@@ -489,15 +540,15 @@ const HireDevelopersSection = () => {
skills: ["System Design", "Microservices", "Scalability"],
iconBg: "bg-blue-500",
iconColor: "text-white",
- link: "/hire-talent/full-stack-developers"
+ link: "/hire-talent/full-stack-developers",
},
{
- title: "Backend Engineers",
+ title: "Backend Engineers",
icon: Server,
skills: ["Node.js", "Python", "Java", "Go"],
iconBg: "bg-green-500",
iconColor: "text-white",
- link: "/hire-talent/backend-developers"
+ link: "/hire-talent/backend-developers",
},
{
title: "DevOps Engineers",
@@ -505,7 +556,7 @@ const HireDevelopersSection = () => {
skills: ["CI/CD", "Docker", "Kubernetes", "AWS"],
iconBg: "bg-purple-500",
iconColor: "text-white",
- link: "/hire-talent/full-stack-developers"
+ link: "/hire-talent/full-stack-developers",
},
{
title: "Full Stack Developers",
@@ -513,8 +564,8 @@ const HireDevelopersSection = () => {
skills: ["React", "Node.js", "TypeScript", "APIs"],
iconBg: "bg-orange-500",
iconColor: "text-white",
- link: "/hire-talent/full-stack-developers"
- }
+ link: "/hire-talent/full-stack-developers",
+ },
];
return (
@@ -532,10 +583,11 @@ const HireDevelopersSection = () => {
Engineering Experts
- Get access to senior software engineers who build robust, scalable enterprise systems.
+ Get access to senior software engineers who build robust, scalable
+ enterprise systems.
-
+
{
{/* Header */}
-
-
+
+
@@ -569,26 +625,30 @@ const HireDevelopersSection = () => {
-
+
{specialist.title}
-
+
{/* Skills */}
{specialist.skills.map((skill) => (
-
+
{skill}
))}
-
+
{/* CTA */}
-
navigateTo(specialist.link)}
>
@@ -613,24 +673,29 @@ const HireDevelopersSection = () => {
const softwareEngineeringFAQs = [
{
question: "What software engineering methodologies do you follow?",
- answer: "We follow modern engineering practices including Agile/Scrum, DevOps, Test-Driven Development, continuous integration/deployment, and microservices architecture to ensure high-quality, maintainable software."
+ answer:
+ "We follow modern engineering practices including Agile/Scrum, DevOps, Test-Driven Development, continuous integration/deployment, and microservices architecture to ensure high-quality, maintainable software.",
},
{
question: "How do you ensure code quality and maintainability?",
- answer: "We implement comprehensive code review processes, automated testing, static code analysis, documentation standards, and follow SOLID principles and design patterns to ensure long-term maintainability."
+ answer:
+ "We implement comprehensive code review processes, automated testing, static code analysis, documentation standards, and follow SOLID principles and design patterns to ensure long-term maintainability.",
},
{
question: "Can you modernize our existing legacy software?",
- answer: "Yes, we specialize in legacy system modernization including code refactoring, architecture updates, technology migration, and gradual system replacement while maintaining business continuity."
+ answer:
+ "Yes, we specialize in legacy system modernization including code refactoring, architecture updates, technology migration, and gradual system replacement while maintaining business continuity.",
},
{
question: "What is your approach to system architecture?",
- answer: "We design scalable, modular architectures using microservices, API-first approaches, cloud-native patterns, and modern frameworks that can evolve with your business requirements."
+ answer:
+ "We design scalable, modular architectures using microservices, API-first approaches, cloud-native patterns, and modern frameworks that can evolve with your business requirements.",
},
{
question: "Do you provide ongoing software maintenance?",
- answer: "Yes, we offer comprehensive maintenance services including bug fixes, performance optimization, security updates, feature enhancements, and 24/7 monitoring to keep your software running smoothly."
- }
+ answer:
+ "Yes, we offer comprehensive maintenance services including bug fixes, performance optimization, security updates, feature enhancements, and 24/7 monitoring to keep your software running smoothly.",
+ },
];
export function SoftwareEngineering() {
@@ -644,7 +709,7 @@ export function SoftwareEngineering() {
);
-}
\ No newline at end of file
+}
diff --git a/pages/StartAProject.tsx b/pages/StartAProject.tsx
index 60edea0..94788fb 100644
--- a/pages/StartAProject.tsx
+++ b/pages/StartAProject.tsx
@@ -874,7 +874,7 @@ const ProcessStepsSection = () => {
})}
-
{
Tell Us More
+ */}
);
@@ -999,7 +999,7 @@ const JoinWDISection = () => {
{
>
+ */}
@@ -1126,28 +1126,28 @@ const ContactInfoSection = () => {
icon: Mail,
title: "Email Us",
description: "Get in touch via email",
- contact: "hello@webdevelopmentinstitute.com",
- action: "mailto:hello@webdevelopmentinstitute.com",
+ contact: "ideas@wdipl.com",
+ action: "mailto:ideas@wdipl.com",
},
{
icon: Phone,
title: "Call Us",
description: "Speak with our team",
- contact: "+1 (555) 123-4567",
- action: "tel:+15551234567",
+ contact: "+91 7700900039",
+ action: "tel:+91 7700900039",
},
{
icon: MapPin,
title: "Visit Us",
description: "Our office locations",
- contact: "Multiple Global Locations",
+ contact: "614, 6th floor Palm spring centre, Malad west, Mumbai Maharshatra",
action: () => navigateTo("/company/office-locations"),
},
{
icon: Clock,
title: "Business Hours",
description: "We're available",
- contact: "Mon-Fri 9AM-6PM",
+ contact: "Mon-Fri 11AM-8PM",
action: () => navigateTo("/contact/schedule-a-discovery-call"),
},
];
diff --git a/pages/WearableDeviceDevelopment.tsx b/pages/WearableDeviceDevelopment.tsx
index 78f6c82..6826c5b 100644
--- a/pages/WearableDeviceDevelopment.tsx
+++ b/pages/WearableDeviceDevelopment.tsx
@@ -39,6 +39,7 @@ import { Badge } from "../components/ui/badge";
import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
+import { navigateTo } from "@/App";
// Wearable & Device App Development Hero Section
const WearableHeroWithCTA = () => {
@@ -83,7 +84,10 @@ const WearableHeroWithCTA = () => {
transition={{ duration: 0.8, delay: 0.3 }}
className="flex flex-col sm:flex-row gap-4"
>
-
+ navigateTo("/start-a-project")}
+ >
Discover Wearable Solutions
@@ -94,7 +98,7 @@ const WearableHeroWithCTA = () => {
className="inline-flex items-center justify-center gap-2 rounded-md bg-gray-800 px-8 py-4 text-lg font-medium text-white transition hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-700 whitespace-nowrap"
>
-
Request a Device App Consultation
+
Request Consultation
@@ -1227,7 +1231,10 @@ const WearableInlineCTA = () => {
ecosystems.
-
+ navigateTo("/start-a-project")}
+ >
Discuss Your Wearable/IoT Idea
@@ -1363,7 +1370,10 @@ const WearableFinalCTA = () => {
viewport={{ once: true }}
className="space-y-8"
>
-
+ navigateTo("/start-a-project")}
+ >
Start Your Wearable/IoT Project
diff --git a/pages/WebCloudServices.tsx b/pages/WebCloudServices.tsx
index 2ffa7b0..534a98d 100644
--- a/pages/WebCloudServices.tsx
+++ b/pages/WebCloudServices.tsx
@@ -115,7 +115,8 @@ const HeroWithCTA = () => {
>
navigateTo("/contact/schedule-a-discovery-call")}
+ // onClick={() => navigateTo("/contact/schedule-a-discovery-call")}
+ onClick={() => navigateTo("/start-a-project")}
>
@@ -537,7 +538,8 @@ const InlineCTA = () => {
navigateTo("/contact/schedule-a-discovery-call")}
+ // onClick={() => navigateTo("/contact/schedule-a-discovery-call")}
+ onClick={() => navigateTo("/start-a-project")}
>
diff --git a/pages/iOSAppDevelopment.tsx b/pages/iOSAppDevelopment.tsx
index f201edf..1540336 100644
--- a/pages/iOSAppDevelopment.tsx
+++ b/pages/iOSAppDevelopment.tsx
@@ -90,7 +90,10 @@ const IOSHeroWithCTA = () => {
transition={{ duration: 0.8, delay: 0.3 }}
className="flex flex-col sm:flex-row gap-4"
>
-
+ navigateTo("/start-a-project")}
+ >
{
delight users and drive business success.
-
+ navigateTo("/start-a-project")}
+ >
Start Your iOS Project
diff --git a/src/images/kartikeya-gautam.png b/src/images/kartikeya-gautam.png
new file mode 100644
index 0000000..8bf73fa
Binary files /dev/null and b/src/images/kartikeya-gautam.png differ
diff --git a/src/images/manav-sain.png b/src/images/manav-sain.png
new file mode 100644
index 0000000..b01c10b
Binary files /dev/null and b/src/images/manav-sain.png differ
diff --git a/src/images/pooja-patade.png b/src/images/pooja-patade.png
new file mode 100644
index 0000000..82dd39e
Binary files /dev/null and b/src/images/pooja-patade.png differ
diff --git a/src/images/ritesh-pandey.png b/src/images/ritesh-pandey.png
new file mode 100644
index 0000000..e5254cb
Binary files /dev/null and b/src/images/ritesh-pandey.png differ
diff --git a/src/images/sudhir-malya.png b/src/images/sudhir-malya.png
new file mode 100644
index 0000000..b30a749
Binary files /dev/null and b/src/images/sudhir-malya.png differ
diff --git a/src/images/tanveer-ajani.png b/src/images/tanveer-ajani.png
new file mode 100644
index 0000000..f4ebf5a
Binary files /dev/null and b/src/images/tanveer-ajani.png differ