worked the new direct

This commit is contained in:
2026-03-30 19:33:06 +05:30
parent 280b714ed0
commit 6f94ded9f9
6 changed files with 627 additions and 252 deletions

View File

@@ -40,6 +40,7 @@ import { ImageWithFallback } from "./figma/ImageWithFallback";
import { Badge } from "./ui/badge";
import { Button } from "./ui/button";
import { Card, CardContent } from "./ui/card";
import { link } from "fs";
// Internal data (no need to pass props)
const defaultCaseStudies = [
@@ -100,8 +101,8 @@ const defaultCaseStudies = [
category: "Loyalty & Rewards",
industry: "Hospitality",
featured: false,
link: "/comming-soon",
icon: Utensils
// link: "/comming-soon",
link: "", icon: Utensils
},
{
id: 9,
@@ -130,7 +131,8 @@ const defaultCaseStudies = [
category: "Lifestyle",
industry: "Chemicals",
featured: false,
link: "/comming-soon",
// link: "/comming-soon",
link: "",
icon: FlaskConical
},
{
@@ -150,8 +152,8 @@ const defaultCaseStudies = [
category: "Lifestyle",
industry: "Consumer",
featured: false,
link: "/comming-soon",
icon: Trophy
// link: "/comming-soon",
link: "", icon: Trophy
},
{
id: 14,
@@ -180,8 +182,8 @@ const defaultCaseStudies = [
category: "AgriTech",
industry: "Agriculture",
featured: false,
link: "/comming-soon",
icon: Tractor
// link: "/comming-soon",
link: "", icon: Tractor
},
{
id: 17,
@@ -190,8 +192,8 @@ const defaultCaseStudies = [
category: "AgriTech",
industry: "Agriculture",
featured: false,
link: "/comming-soon",
icon: Globe
// link: "/comming-soon",
link: "", icon: Globe
},
];
@@ -379,8 +381,7 @@ export const CaseStudySlider = ({
<button
key={index}
onClick={() => goToSlide(index)}
className={`w-2 h-2 rounded-full transition-all duration-300 ${
index === currentIndex
className={`w-2 h-2 rounded-full transition-all duration-300 ${index === currentIndex
? "bg-accent w-6"
: "bg-white/30 hover:bg-white/50"
}`}

View File

@@ -28,6 +28,9 @@ const footerNavigation = {
{ label: "Resources", url: "/resources" },
{ label: "Contact", url: "/start-a-project" },
],
// weServe: [
// { label: "Mobile App Development", url: "/industries/startups" },
// ]
Resources: [
{ label: "Articles", url: "/resources/blog" },
{ label: "Portfolio", url: "/case-studies" },

View File

@@ -119,10 +119,10 @@ export const HireMobileAppDevelopers = () => {
{/* <Navigation /> */}
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Mobile App Developers | Expert Talent at WDI</title>
<title>Hire Mobile App Developers | Dedicated App Experts - WDIPL</title>
<meta
name="description"
content="Hire skilled mobile app developers from WDI to build powerful, scalable apps. Get expert developers for iOS, Android, and cross-platform solutions tailored to your needs."
content="Hire mobile app developers with proven expertise in iOS, Android and cross-platform apps. Scale faster with dedicated developers and agile delivery."
/>
{/* Canonical Link */}
@@ -132,7 +132,7 @@ export const HireMobileAppDevelopers = () => {
<meta property="og:title" content="Hire Mobile App Developers | Expert Talent at WDI" />
<meta
property="og:description"
content="Hire skilled mobile app developers from WDI to build powerful, scalable apps. Get expert developers for iOS, Android, and cross-platform solutions tailored to your needs."
content="Hire mobile app developers with proven expertise in iOS, Android and cross-platform apps. Scale faster with dedicated developers and agile delivery."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
@@ -143,7 +143,7 @@ export const HireMobileAppDevelopers = () => {
<meta name="twitter:title" content="Hire Mobile App Developers | Expert Talent at WDI" />
<meta
name="twitter:description"
content="Hire skilled mobile app developers from WDI to build powerful, scalable apps. Get expert developers for iOS, Android, and cross-platform solutions tailored to your needs."
content="Hire mobile app developers with proven expertise in iOS, Android and cross-platform apps. Scale faster with dedicated developers and agile delivery."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />

View File

@@ -0,0 +1,367 @@
import React from "react";
import { Navigation } from "../components/Navigation";
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, Smartphone, Apple, Code, Zap, Shield, Target, Users, CheckCircle, Star } from "lucide-react";
import { useNavigate } from "react-router-dom";
import { Helmet } from "react-helmet-async";
import { HireTalentHeroBanner } from "@/components/HireTalentHeroBanner";
import { MobileAppVector } from "@/components/vectors";
export const HireMobileAppDevelopersIndia = () => {
const navigate = useNavigate();
const expertise = [
{
icon: Apple,
title: "iOS Developers",
description: (
<>
To develop iOS apps, you can{" "}
<a
href="/hire-talent/mobile-app-developers"
className="text-[#E5195E] underline"
>
hire mobile app developers
</a>{" "}
in India from us, as they are proficient in Swift and Objective-C for crafting robust and stylish mobile applications for iPhone and iPad.
</>
),
skills: ["Swift", "Objective-C", "Xcode", "Core Data", "SwiftUI"]
},
{
icon: Code,
title: "Android Developers",
description: (
<>
Our expert{" "}
<a
href="/services/android-app-development"
className="text-[#E5195E] underline"
>
Android app developers
</a>{" "}
in India are skilled in Kotlin and Java to develop applications with extensive features and enhanced scalability for the broader Android ecosystem.
</>
),
skills: ["Kotlin", "Java", "Android Studio", "Room Database", "Jetpack Compose"]
},
{
icon: Smartphone,
title: "Cross-Platform Developers",
description: "Experts in frameworks like React Native and Flutter for efficient development across multiple platforms with a single codebase.",
skills: ["React Native", "Flutter", "Dart", "Expo", "Xamarin"]
},
{
icon: Code,
title: "Hybrid App Developers",
description: "Experience with technologies like Ionic and Xamarin for web-based mobile applications.",
skills: ["Ionic", "Cordova", "PhoneGap", "Progressive Web Apps"]
}
];
const deliverables = [
{
icon: Target,
title: "Intuitive UI/UX",
description: "Ensuring a seamless and engaging user experience."
},
{
icon: Zap,
title: "High Performance",
description: "Optimized apps for speed, responsiveness, and stability."
},
{
icon: Shield,
title: "Robust Security",
description: "Implementing best practices for data protection and user privacy."
},
{
icon: Code,
title: "API Integration",
description: "Connecting with backend services and third-party APIs seamlessly."
},
{
icon: Users,
title: "Scalability",
description: "Building apps that can grow with your user base and feature set."
},
{
icon: CheckCircle,
title: "Post-Launch Support",
description: "Assistance with updates, maintenance, and performance monitoring."
}
];
const heroBanner = [
{
category: "Hire Expert Developers",
title: "Hire Mobile App Developers in India",
description: "Reach out to our premium mobile app developers in India, specialized in iOS, Android, React native, and Flutter. Develop high-impact and appealing mobile applications that Indian users love.",
primaryCTA: {
text: "Hire Mobile Developers",
href: "/start-a-project",
icon: Smartphone
},
secondaryCTA: {
text: "View Developer Profiles",
href: "/hire-talent",
icon: Users
}
},
]
const projectTypes = [
"E-commerce & Retail Apps",
"On-Demand Services & Delivery Apps",
"Social Networking Platforms",
"Enterprise & Business Productivity Tools",
"Health & Fitness Trackers",
"Educational Apps & E-learning Platforms"
];
const testimonials = [
{
quote: "The mobile app developers from WDI delivered an exceptional iOS app that exceeded our expectations. Their expertise in Swift and attention to detail was outstanding.",
author: "Sarah Johnson",
role: "CTO, TechStart Inc.",
rating: 5
},
{
quote: "Our React Native app was completed ahead of schedule and performs flawlessly across both platforms. The team's cross-platform expertise saved us significant time and cost.",
author: "Michael Chen",
role: "Product Manager, InnovateNow",
rating: 5
}
];
return (
<div className="dark min-h-screen bg-background">
{/* <Navigation /> */}
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Mobile App Developers in India | WDIPL</title>
<meta
name="description"
content="Hire mobile app developers in India to build scalable iOS & Android apps. Work with expert app developers in India. Get a free consultation today."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Mobile App Developers | Expert Talent at WDI" />
<meta
property="og:description"
content="Hire mobile app developers in India to build scalable iOS & Android apps. Work with expert app developers in India. Get a free consultation today."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Hire Mobile App Developers | Expert Talent at WDI" />
<meta
name="twitter:description"
content="Hire mobile app developers in India to build scalable iOS & Android apps. Work with expert app developers in India. Get a free consultation today."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "WDI",
"url": "https://www.wdipl.com",
"sameAs": [
"https://www.facebook.com/wdideas",
"https://www.linkedin.com/in/website-developers-india/",
"https://www.instagram.com/wdipl/"
]
}
`}
</script>
</Helmet>
{/* Hero Section with MobileAppVector */}
<HireTalentHeroBanner
vectorComponent={MobileAppVector}
category={heroBanner[0].category}
title={heroBanner[0].title}
description={heroBanner[0].description}
primaryCTA={heroBanner[0].primaryCTA}
secondaryCTA={heroBanner[0].secondaryCTA}
/>
{/* Introduction */}
<section className="py-16 bg-card/50">
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center">
<p className="text-lg text-muted-foreground leading-relaxed">
Our expert app developers in India can proficiently develop and deliver intuitive, stable, and scalable mobile applications that connect to Indian users and influence business growth in India in varied sectors. We provide a wide range of mobile application solutions, from native iOS and Android apps to cross-platform applications. Combining our proven expertise and your trust, we are here to make your mobile visions a reality.
</p>
</div>
</div>
</section>
{/* Mobile Development Expertise */}
<section className="py-16 bg-background">
<div className="container mx-auto px-6 lg:px-8">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
Our Proven Expertise in Mobile App Development </h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
We provide 360-degree mobile app development expertise across all main platforms and frameworks, with proven outcomes.
</p>
</div>
<div className="grid md:grid-cols-2 gap-8">
{expertise.map((area, index) => (
<Card key={index} className="bg-card/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 group">
<CardContent className="p-8">
<area.icon className="w-12 h-12 text-[#E5195E] mb-6 group-hover:scale-110 transition-transform duration-300" />
<h3 className="text-xl font-bold text-white mb-4 group-hover:text-[#E5195E] transition-colors duration-300">
{area.title}
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
{area.description}
</p>
<div className="flex flex-wrap gap-2">
{area.skills.map((skill, skillIndex) => (
<Badge key={skillIndex} variant="outline" className="border-white/20 text-white text-xs">
{skill}
</Badge>
))}
</div>
</CardContent>
</Card>
))}
</div>
</div>
</section>
{/* What Our Developers Deliver */}
<section className="py-16 bg-card/50">
<div className="container mx-auto px-6 lg:px-8">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
What Our Mobile Developers Deliver
</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
Comprehensive mobile solutions that exceed expectations
</p>
</div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
{deliverables.map((item, index) => (
<Card key={index} className="bg-background/50 border-white/10 hover:border-[#E5195E]/30 transition-all duration-300 group">
<CardContent className="p-6 text-center">
<item.icon className="w-8 h-8 text-[#E5195E] mb-4 mx-auto group-hover:scale-110 transition-transform duration-300" />
<h3 className="text-lg font-semibold text-white mb-3 group-hover:text-[#E5195E] transition-colors duration-300">
{item.title}
</h3>
<p className="text-muted-foreground text-sm leading-relaxed">
{item.description}
</p>
</CardContent>
</Card>
))}
</div>
</div>
</section>
{/* Ideal Projects */}
<section className="py-16 bg-background">
<div className="container mx-auto px-6 lg:px-8">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
Ideal for Projects Like
</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
Our mobile developers excel across various industry verticals
</p>
</div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-4xl mx-auto">
{projectTypes.map((project, index) => (
<div key={index} className="flex items-center gap-3 p-4 rounded-lg bg-card/50 border border-white/10 hover:border-[#E5195E]/30 transition-all duration-300">
<CheckCircle className="w-5 h-5 text-[#E5195E] flex-shrink-0" />
<span className="text-white">{project}</span>
</div>
))}
</div>
</div>
</section>
{/* Testimonials */}
{/* <section className="py-16 bg-card/50">
<div className="container mx-auto px-6 lg:px-8">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-4 text-white">
What Our Clients Say
</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
Success stories from satisfied clients
</p>
</div>
<div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
{testimonials.map((testimonial, index) => (
<Card key={index} className="bg-background/50 border-white/10">
<CardContent className="p-8">
<div className="flex gap-1 mb-4">
{[...Array(testimonial.rating)].map((_, i) => (
<Star key={i} className="w-5 h-5 text-yellow-400 fill-current" />
))}
</div>
<p className="text-muted-foreground mb-6 leading-relaxed italic">
"{testimonial.quote}"
</p>
<div className="border-t border-white/10 pt-6">
<h4 className="text-white font-semibold">{testimonial.author}</h4>
<p className="text-[#E5195E] text-sm">{testimonial.role}</p>
</div>
</CardContent>
</Card>
))}
</div>
</div>
</section> */}
{/* CTA Section */}
<section className="py-16 bg-background">
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center">
<h2 className="text-3xl md:text-4xl font-bold mb-6 text-white">
Ready to Build Your Mobile App?
</h2>
<p className="text-lg text-muted-foreground mb-8 max-w-2xl mx-auto">
Connect with our expert mobile app developers and turn your vision into a powerful mobile experience.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigate("/start-a-project")}
>
Get Started Today
<ArrowRight className="ml-2 w-4 h-4" />
</Button>
<Button size="lg" variant="outline" className="border-white/20 text-white hover:bg-white/10">
Schedule a Consultation
</Button>
</div>
</div>
</div>
</section>
{/* <Footer /> */}
</div>
);
};

View File

@@ -44,10 +44,10 @@ const HeroWithCTA = () => {
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Mobile App Development Services by WDI Experts</title>
<title>Mobile Application Development Services | Mobile App Development Company - WDIPL</title>
<meta
name="description"
content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
content="WDI is a trusted Mobile App Development Company offering end-to-end Mobile Application Development Services for startups and enterprises worldwide."
/>
{/* Canonical Link */}
@@ -56,7 +56,7 @@ const HeroWithCTA = () => {
<meta property="og:title" content="Mobile App Development Services by WDI Experts" />
<meta
property="og:description"
content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
content="WDI is a trusted Mobile App Development Company offering end-to-end Mobile Application Development Services for startups and enterprises worldwide."
/>
<meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" />
@@ -67,7 +67,7 @@ const HeroWithCTA = () => {
<meta name="twitter:title" content="Mobile App Development Services by WDI Experts" />
<meta
name="twitter:description"
content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
content="WDI is a trusted Mobile App Development Company offering end-to-end Mobile Application Development Services for startups and enterprises worldwide."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
@@ -116,9 +116,9 @@ const HeroWithCTA = () => {
className="space-y-6"
>
<h1 className="text-4xl font-semibold leading-tight md:text-5xl lg:text-6xl">
<span className="text-white">From concept to </span>
<span className="text-[#E5195E]">App Store</span>
<span className="text-white"> in just 6 weeks.</span>
<span className="text-white">Mobile App </span>
<span className="text-[#E5195E]">Development Services</span>
<span className="text-white"> for iOS & Android.</span>
</h1>
<p className="max-w-lg text-lg leading-relaxed text-gray-300">

View File

@@ -173,11 +173,13 @@ import { HireThirdPartyIntegrationsDevelopers } from "../pages/HireThirdPartyInt
import { HireClickablePrototypesDevelopers } from "../pages/HireClickablePrototypesDevelopers";
import { HireDesignThinkingWorkshopsDevelopers } from "../pages/HireDesignThinkingWorkshopsDevelopers";
import { HireUserResearchTestingDevelopers } from "../pages/HireUserResearchTestingDevelopers";
import { HireMobileAppDevelopersIndia } from "../pages/HireMobileAppDevelopersIndia";
// Placeholder
import { ArticleDetail } from "../pages/ArticleDetail";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
export const AppRouter = () => (
<Routes>
@@ -306,6 +308,8 @@ export const AppRouter = () => (
<Route path="/dedicated-development-teams" element={<DedicatedDevelopmentTeams />} />
<Route path="/engagement-models" element={<EngagementModels />} />
<Route path="/team-augmentation-services" element={<TeamAugmentationServices />} />
<Route path="/hire-talent/mobile-app-developers-india" element={<HireMobileAppDevelopersIndia />} />
{/* New hire pages */}
<Route path="/hire-talent/ios-app-developers" element={<HireiOSAppDevelopers />} />