WDIPL/Wdipl-react
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

worked on the content update

Browse Source
This commit is contained in:
Parth Ramani
2026-03-19 19:37:16 +05:30
parent e09c0033bb
commit 6451c09ea5
16 changed files with 150 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/amble.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

31
components/HorizontalTagScroller.tsx
View File

@@ -1,10 +1,10 @@
import { motion } from "framer-motion";
import {
CreditCard,
Heart,
ShoppingCart,
GraduationCap,
Truck,
import {
CreditCard,
Heart,
ShoppingCart,
GraduationCap,
Truck,
Video,
Building,
Plane,
@@ -34,13 +34,13 @@ const industries = [
{ name: "SaaS", icon: Cloud, link: "/industries/financial-services/wealthtech-platforms" }
];
const IndustryCard = ({ industry, index, onClick }: {
industry: { name: string; icon: any; link: string };
const IndustryCard = ({ industry, index, onClick }: {
industry: { name: string; icon: any; link: string };
index: number;
onClick: (link: string) => void;
}) => {
const Icon = industry.icon;
return (
<motion.div
initial={{ opacity: 0, y: 30 }}
@@ -71,7 +71,7 @@ export const HorizontalTagScroller = () => {
return (
<section className="relative py-20 bg-[#0E0E0E] overflow-hidden">
<GridPattern strokeDasharray="4 2" />
<div className="relative z-10 container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}
@@ -84,15 +84,16 @@ export const HorizontalTagScroller = () => {
Tailored Solutions for Your Industry
</h2>
<p className="text-[#CCCCCC] text-lg max-w-2xl mx-auto">
We serve diverse industries with specialized expertise and domain knowledge
{/* We serve diverse industries with specialized expertise and domain knowledge */}
We serve diverse industries with specialized expertise in AI mobile app development and domain knowledge.
</p>
</motion.div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-7xl mx-auto">
{industries.map((industry, index) => (
<IndustryCard
key={industry.name}
industry={industry}
<IndustryCard
key={industry.name}
industry={industry}
index={index}
onClick={handleIndustryClick}
/>

16
components/PackagesSection.tsx
View File

@@ -18,9 +18,15 @@ const packages: Package[] = [
// priceRange: "$1,500 - $2,500",
priceRange: "",
features: [
// "Strategy & roadmap",
// "User flows & wireframes",
// "Technical architecture"
"Strategy & roadmap",
"User flows & wireframes",
"Technical architecture"
"Technical architecture",
"The Prototype",
"Working Demo in 2 Weeks"
]
},
{
@@ -31,9 +37,15 @@ const packages: Package[] = [
priceRange: "",
features: [
// "Functional web or mobile prototype",
// "Core features implemented",
// "User testing ready"
"Functional web or mobile prototype",
"Core features implemented",
"User testing ready"
"User testing ready",
"The Launchpad",
"Market-Ready MVP in 6 Weeks"
]
},
{

15
components/ProcessSection.tsx
View File

@@ -75,16 +75,14 @@ const ChatSimulation = ({
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.5, delay: index * 0.3 }}
viewport={{ once: true }}
className={`flex ${
message.from === "You" ? "justify-start" : "justify-end"
}`}
className={`flex ${message.from === "You" ? "justify-start" : "justify-end"
}`}
>
<div
className={`max-w-[80%] px-3 py-1.5 rounded-lg ${
message.from === "You"
className={`max-w-[80%] px-3 py-1.5 rounded-lg ${message.from === "You"
? "bg-muted border border-border text-foreground"
: "bg-accent text-accent-foreground"
}`}
}`}
>
<div className="text-xs font-medium mb-1 opacity-70">
{message.from}
@@ -276,9 +274,8 @@ export const ProcessSection = () => {
viewport={{ once: true }}
className="text-muted-foreground text-xl max-w-2xl mx-auto"
>
Our proven process transforms your vision into reality through
strategic planning, thoughtful design, and expert engineering—every
step of the way.
Our proven process transforms your vision into reality through strategic planning, AI-powered design, and expert engineering every step of the way.
</motion.p>
</div>

6
components/ResourceCards.tsx
View File

@@ -157,8 +157,10 @@ export const ResourceCards = () => {
Insights for Founders & Product Leaders
</h2>
<p className="text-muted-foreground text-lg max-w-2xl mx-auto">
Learn from our experience building 200+ digital products. Practical
insights, real case studies, and actionable strategies.
{/* Learn from our experience building 200+ digital products. Practical
insights, real case studies, and actionable strategies. */}
Learn from our experience building 200+ digital products, including AI mobile apps. Practical insights, real case studies, and actionable strategies.
</p>
</motion.div>

20
components/SplitCallToAction.tsx
View File

@@ -9,7 +9,7 @@ export const SplitCallToAction = () => {
return (
<section className="relative py-20 overflow-hidden">
<GridPattern strokeDasharray="4 2" />
<div className="relative z-10 container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center max-w-6xl mx-auto">
{/* Left Content */}
@@ -25,10 +25,10 @@ export const SplitCallToAction = () => {
Ready to Build with WDI?
</h2>
<p className="text-xl text-muted-foreground leading-relaxed mb-8">
Schedule a no-commitment discovery call with our consulting team. Let's discuss your vision and create a roadmap to success.
Schedule a no-commitment discovery call with our consulting team. Let's discuss your AI mobile app vision and create a roadmap to success.
</p>
</div>
<div className="space-y-6">
<div className="flex items-center gap-4">
<div className="w-12 h-12 bg-white/10 backdrop-blur-sm rounded-lg border border-white/20 flex items-center justify-center">
@@ -39,7 +39,7 @@ export const SplitCallToAction = () => {
<div className="text-muted-foreground text-sm">No sales pitch, just honest advice</div>
</div>
</div>
<div className="flex items-center gap-4">
<div className="w-12 h-12 bg-white/10 backdrop-blur-sm rounded-lg border border-white/20 flex items-center justify-center">
<Clock className="w-6 h-6 text-accent" />
@@ -49,7 +49,7 @@ export const SplitCallToAction = () => {
<div className="text-muted-foreground text-sm">Available across all time zones</div>
</div>
</div>
<div className="flex items-center gap-4">
<div className="w-12 h-12 bg-white/10 backdrop-blur-sm rounded-lg border border-white/20 flex items-center justify-center">
<Zap className="w-6 h-6 text-accent" />
@@ -61,7 +61,7 @@ export const SplitCallToAction = () => {
</div>
</div>
</motion.div>
{/* Right CTA */}
<motion.div
initial={{ opacity: 0, x: 50 }}
@@ -82,10 +82,10 @@ export const SplitCallToAction = () => {
Let's discuss your project and explore how we can help you succeed.
</p>
</div>
<div className="space-y-8">
<Button
size="lg"
<Button
size="lg"
className="w-full bg-accent hover:bg-accent/90 text-accent-foreground py-4 text-lg border-0 rounded-lg"
onClick={() => navigate('/start-a-project')}
>
@@ -93,7 +93,7 @@ export const SplitCallToAction = () => {
Schedule Free Call
</Button>
</div>
<div className="mt-8 pt-8 border-t border-border">
<div className="grid grid-cols-3 gap-4 text-center text-sm">
<div>

57
pages/AmbleProject.tsx
View File

@@ -4,6 +4,7 @@ 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 ambleImg from "../assets/amble.png"
import { ArrowRight, Calendar, Users, Smartphone, Globe, Check, Star, TrendingUp, MapPin, Shield, Navigation as NavigationIcon, Zap, Heart, Target, AlertCircle, Clock, UserCheck } from "lucide-react";
import { ImageWithFallback } from "../components/figma/ImageWithFallback";
import { useNavigate } from "react-router-dom";
@@ -13,7 +14,7 @@ export const AmbleProject = () => {
return (
<div className="dark min-h-screen bg-background">
{/* <Navigation /> */}
{/* Hero Section */}
<section className="pt-24 pb-16 bg-background relative overflow-hidden">
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/5 via-transparent to-transparent" />
@@ -26,11 +27,11 @@ export const AmbleProject = () => {
Navigation App Case Study
</Badge>
</div>
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 text-white font-manrope">
Amble App
</h1>
<p className="text-xl text-muted-foreground mb-8 font-manrope">
Accessible Navigation & Community Engagement App - Making urban exploration easier and more inclusive for everyone
</p>
@@ -86,7 +87,7 @@ export const AmbleProject = () => {
{/* CTA Buttons */}
<div className="flex flex-col sm:flex-row gap-4">
<Button
<Button
size="lg"
className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white font-manrope"
onClick={() => navigate('/start-a-project')}
@@ -94,7 +95,7 @@ export const AmbleProject = () => {
Build Your Navigation App
<ArrowRight className="w-5 h-5 ml-2" />
</Button>
<Button
<Button
size="lg"
variant="outline"
className="border-white/20 text-white hover:bg-white/10 font-manrope"
@@ -107,8 +108,8 @@ export const AmbleProject = () => {
<div className="relative">
<div className="aspect-square bg-gradient-to-br from-[#E5195E]/20 to-transparent rounded-2xl p-8 border border-white/10">
<ImageWithFallback
src="/images/amble-app-mockup.jpg"
<ImageWithFallback
src={ambleImg}
alt="Amble Navigation App"
className="w-full h-full object-cover rounded-lg"
/>
@@ -138,7 +139,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Project Overview</h2>
<div className="grid md:grid-cols-3 gap-8">
<Card className="bg-card/50 border-white/10">
<CardContent className="p-6">
@@ -179,7 +180,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Project Scope</h2>
<div className="grid md:grid-cols-2 gap-12">
<div>
<h3 className="text-xl font-semibold text-white mb-6 font-manrope">Core Features</h3>
@@ -227,7 +228,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Challenges & Solution Architecture</h2>
<div className="grid md:grid-cols-2 gap-12 mb-16">
<div>
<h3 className="text-xl font-semibold text-white mb-6 font-manrope">Technical Challenges</h3>
@@ -312,38 +313,38 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Development Process & Methodology</h2>
<div className="mb-12">
<div className="text-center mb-8">
<p className="text-lg text-muted-foreground font-manrope">
<strong>Agile</strong> (weekly sprints) with weekly sprint planning, mid-sprint QA cycles for early bug detection, and client demos at the end of each sprint
</p>
</div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
{[
{
phase: "Discovery & Planning",
{
phase: "Discovery & Planning",
duration: "2 weeks",
description: "Feature prioritization, UI/UX wireframing, technical feasibility review"
},
{
phase: "Design & Prototyping",
{
phase: "Design & Prototyping",
duration: "3 weeks",
description: "Mobile UI design for both platforms, map interface prototypes"
},
{
phase: "Core Development",
{
phase: "Core Development",
duration: "6 weeks",
description: "Walking route module, event listing module, user authentication and profiles"
},
{
phase: "Integration & Testing",
{
phase: "Integration & Testing",
duration: "4 weeks",
description: "Google Maps API integration, push notifications setup, offline mode implementation"
},
{
phase: "Launch & Handover",
{
phase: "Launch & Handover",
duration: "1 week",
description: "App store submission, documentation and client training"
}
@@ -374,7 +375,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Key Features & Functionality</h2>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
{[
{
@@ -426,7 +427,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Results & Impact</h2>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
{[
{ label: "GPS Accuracy", value: "±6m", icon: MapPin, desc: "average accuracy" },
@@ -486,7 +487,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-12 text-center font-manrope">Lessons Learned & Best Practices</h2>
<div className="grid md:grid-cols-2 gap-8">
<Card className="bg-card/50 border-white/10">
<CardContent className="p-6">
@@ -551,7 +552,7 @@ export const AmbleProject = () => {
<div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto">
<h2 className="text-3xl font-bold text-white mb-8 text-center font-manrope">Future Roadmap</h2>
<div className="grid md:grid-cols-2 gap-8">
<Card className="bg-card/50 border-white/10">
<CardContent className="p-6">
@@ -602,7 +603,7 @@ export const AmbleProject = () => {
Create accessible, inclusive mobile applications that empower users to explore and navigate their world with confidence.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button
<Button
size="lg"
className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white px-8 py-3 font-manrope"
onClick={() => navigate('/start-a-project')}
@@ -610,7 +611,7 @@ export const AmbleProject = () => {
Start Your Project
<ArrowRight className="w-5 h-5 ml-2" />
</Button>
<Button
<Button
size="lg"
variant="outline"
className="border-white/20 text-white hover:bg-white/10 px-8 py-3 font-manrope"

12
pages/AndroidAppDevelopment.tsx
View File

@@ -402,8 +402,7 @@ const AndroidKeyBenefits = () => {
Why Develop a Native Android App?
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
Android development offers unparalleled reach and flexibility for
businesses looking to tap into the world's largest mobile ecosystem.
AI mobile app development offers unparalleled reach and flexibility for businesses looking to tap into the world's largest mobile ecosystem.
</p>
</motion.div>
@@ -793,7 +792,7 @@ const AndroidCaseStudies = () => {
image: ranoutofImage,
results: "3M+ downloads",
gradient: "from-[#007F33]/20 to-[#007F33]/10",
buttonLink: "/projects/ranoutof",
buttonLink: "/projects/ranoutof",
},
{
title: "Financial Trading Platform",
@@ -803,7 +802,7 @@ const AndroidCaseStudies = () => {
image: tradersCircuitImage,
results: "800K+ users",
gradient: "from-blue-500/20 to-cyan-500/20",
buttonLink: "/projects/traderscircuit",
buttonLink: "/projects/traderscircuit",
},
{
title: "Real Estate Investment Platform",
@@ -813,7 +812,7 @@ const AndroidCaseStudies = () => {
image: prospertyImage,
results: "1.5M+ downloads",
gradient: "from-[#a98453]/20 to-[#a98453]/10",
buttonLink: "/projects/prosperty",
buttonLink: "/projects/prosperty",
},
];
@@ -831,8 +830,7 @@ const AndroidCaseStudies = () => {
Android Apps That Define Industries
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
Discover how we've helped businesses succeed with powerful Android
applications that leverage the platform's capabilities.
Discover how our AI mobile application developers have helped businesses succeed with powerful Android applications that leverage AI-powered features.
</p>
</motion.div>

14
pages/CaseStudies.tsx
View File

@@ -106,7 +106,7 @@ const caseStudies = [
category: "Loyalty & Rewards",
industry: "Hospitality",
featured: false,
link: "/comming-soon",
link: "",
icon: Utensils
},
{
@@ -136,7 +136,7 @@ const caseStudies = [
category: "Lifestyle",
industry: "Chemicals",
featured: false,
link: "/comming-soon",
link: "",
icon: FlaskConical
},
{
@@ -156,7 +156,7 @@ const caseStudies = [
category: "Lifestyle",
industry: "Consumer",
featured: false,
link: "/comming-soon",
link: "",
icon: Trophy
},
{
@@ -186,7 +186,7 @@ const caseStudies = [
category: "AgriTech",
industry: "Agriculture",
featured: false,
link: "/comming-soon",
link: "",
icon: Tractor
},
{
@@ -196,13 +196,13 @@ const caseStudies = [
category: "AgriTech",
industry: "Agriculture",
featured: false,
link: "/comming-soon",
link: "",
icon: Globe
},
];
const industries = ["All Industries", "Consumer", "Retail", "Healthcare", "Technology", "Agriculture", "Finance", "Entertainment", "Real Estate","Heritage","Chemicals","Hospitality"];
const categories = ["All Categories", "Lifestyle", "E-commerce", "Health & Fitness", "Social", "AgriTech", "FinTech", "Events", "PropTech","Loyalty & Rewards"];
const industries = ["All Industries", "Consumer", "Retail", "Healthcare", "Technology", "Agriculture", "Finance", "Entertainment", "Real Estate", "Heritage", "Chemicals", "Hospitality"];
const categories = ["All Categories", "Lifestyle", "E-commerce", "Health & Fitness", "Social", "AgriTech", "FinTech", "Events", "PropTech", "Loyalty & Rewards"];
export const CaseStudies = () => {
const [searchTerm, setSearchTerm] = useState("");

18
pages/CrossPlatformAppDevelopment.tsx
View File

@@ -126,8 +126,7 @@ const CrossPlatformHeroWithCTA = () => {
</h1>
<p className="max-w-lg text-lg leading-relaxed text-gray-300">
Develop high-quality mobile apps that run seamlessly on iOS and
Android from a single codebase, saving time and resources.
Develop high-quality AI mobile apps that run seamlessly on iOS and Android from a single codebase with AI-powered features, saving time and resources.
</p>
</div>
@@ -303,11 +302,9 @@ const CrossPlatformBenefits = () => {
className="mb-16 text-center"
>
<h2 className="mb-6 text-4xl font-semibold lg:text-5xl text-foreground">
Advantages of Choosing Cross-Platform
</h2>
Advantages of Choosing Cross-Platform Development </h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
Cross-platform development offers unparalleled efficiency and reach
for businesses looking to maximize their mobile app impact.
Cross-platform AI mobile app development offers unparalleled efficiency and reach for businesses looking to maximize their mobile app impact.
</p>
</motion.div>
@@ -664,8 +661,7 @@ const CrossPlatformProcess = () => {
Streamlined Process for Cross-Platform Success
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
Our proven methodology ensures efficient development and deployment
across multiple platforms.
Our proven methodology ensures efficient AI mobile app development and deployment across multiple platforms with AI-powered features.
</p>
</motion.div>
@@ -872,11 +868,9 @@ const CrossPlatformCaseStudies = () => {
className="mb-20 text-center"
>
<h2 className="mb-8 text-4xl font-semibold lg:text-5xl text-foreground">
Android Apps That Define Industries
</h2>
Cross-Platform Apps That Define Industries </h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
Discover how we've helped businesses succeed with powerful Android
applications that leverage the platform's capabilities.
Discover how our AI mobile application developers have helped businesses succeed with powerful applications that leverage cross-platform capabilities with AI-powered features.
</p>
</motion.div>

2
pages/Homepage.tsx
View File

@@ -30,7 +30,7 @@ const services = [
d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"
/>
),
description: "Native & cross-platform apps with pixel-perfect UIs and seamless user experiences.",
description: "Native & cross-platform apps with AI-powered features, pixel-perfect UIs, and seamless user experiences.",
link: "/services/mobile-app-development"
},
{

28
pages/MobileAppDevelopment.tsx
View File

@@ -122,7 +122,7 @@ const HeroWithCTA = () => {
</h1>
<p className="max-w-lg text-lg leading-relaxed text-gray-300">
Build secure, scalable, high-performance apps for iOS, Android, or cross-platform — fast.
Build secure, scalable, AI-powered high-performance apps for iOS, Android, or cross-platform fast.
</p>
</motion.div>
@@ -234,7 +234,7 @@ const HorizontalTagScroller = () => {
Apps Built for High-Impact Industries
</h2>
<p className="max-w-4xl mx-auto text-2xl leading-relaxed text-muted-foreground">
Our mobile apps power industries where user trust, speed, and uptime are critical.
Our AI mobile apps power industries where user trust, speed, and uptime are critical.
</p>
</motion.div>
@@ -382,7 +382,7 @@ const SideBySideContentWithIcons = () => {
{/* Subtext */}
<p className="text-2xl leading-relaxed text-gray-300">
Not just a dev agency. A product partner.
Not just a dev agency. An AI mobile app product partner.
</p>
</motion.div>
@@ -485,7 +485,7 @@ const TabbedServiceDisplay = () => {
Mobile App Development Services
</h2>
<p className="max-w-4xl mx-auto text-lg leading-relaxed text-gray-300">
Comprehensive mobile development services that transform your ideas into powerful, user-friendly applications across all platforms.
Comprehensive AI mobile development services that transform your ideas into powerful, user-friendly applications across all platforms.
</p>
</motion.div>
@@ -650,10 +650,10 @@ const HireDevelopersSection = () => {
>
<h2 className="mb-8 text-4xl font-semibold lg:text-5xl">
<span className="text-foreground">Hire Our </span>
<span className="text-[#E5195E]">Mobile App Experts</span>
<span className="text-[#E5195E]">AI Mobile Application Developers</span>
</h2>
<p className="max-w-4xl mx-auto text-2xl leading-relaxed text-muted-foreground">
Get access to top-tier mobile developers who can bring your vision to life with cutting-edge technology and proven expertise.
Get access to top-tier AI app development company experts who can bring your vision to life with AI-powered features and proven expertise.
</p>
</motion.div>
@@ -734,35 +734,35 @@ const HireDevelopersSection = () => {
const mobileAppFAQs = [
{
question: "Do you develop both iOS and Android apps?",
answer: "Yes, we develop native iOS apps using Swift and Android apps using Kotlin. We also offer cross-platform solutions using React Native and Flutter for cost-effective multi-platform deployment."
answer: "Yes, our AI mobile application developers create native iOS apps using Swift (including AI iOS development) and Android apps using Kotlin. We also offer cross-platform AI mobile app development using React Native and Flutter for cost-effective multi-platform deployment."
},
{
question: "What is the typical timeline for mobile app development?",
answer: "Timeline varies based on complexity. Simple apps take 8-12 weeks, while complex enterprise apps can take 16-24 weeks. We provide detailed project timelines after requirements analysis."
answer: "Timeline varies based on complexity. Simple AI mobile apps take 8-12 weeks, while complex enterprise apps with AI-powered features can take 16-24 weeks. We provide detailed project timelines after requirements analysis."
},
{
question: "How much does mobile app development cost?",
answer: "Costs depend on features, platforms, and complexity. We offer competitive pricing with transparent estimates. Contact us for a detailed quote based on your specific requirements."
answer: "Costs depend on features, platforms, and complexity for AI app development company services. We offer competitive pricing with transparent estimates. Contact us for a detailed quote based on your specific requirements."
},
{
question: "Do you help with App Store submissions?",
answer: "Yes, we handle the complete App Store submission process for both Apple App Store and Google Play Store, including app optimization, compliance, and approval assistance."
answer: "Yes, we handle the complete App Store submission process for both Apple App Store and Google Play Store, including AI mobile app optimization, compliance, and approval assistance."
},
{
question: "Can you integrate third-party services and APIs?",
answer: "Absolutely! We integrate various third-party services including payment gateways, social media, analytics, push notifications, maps, and custom APIs to enhance app functionality."
answer: "Absolutely! Our AI mobile application developers integrate various third-party services including payment gateways, social media, analytics, push notifications, maps, and custom APIs to enhance AI-powered features."
},
{
question: "Do you provide app maintenance and updates?",
answer: "Yes, we offer comprehensive maintenance services including bug fixes, OS updates, security patches, feature enhancements, and performance optimization to keep your app current."
answer: "Yes, our AI app development company offers comprehensive maintenance services including bug fixes, OS updates, security patches, AI-powered feature enhancements, and performance optimization to keep your app current."
},
{
question: "What about app security and data protection?",
answer: "We implement robust security measures including data encryption, secure API communication, user authentication, and compliance with privacy regulations like GDPR and CCPA."
answer: "We implement robust security measures including data encryption, secure API communication, user authentication, and compliance with privacy regulations like GDPR and CCPA for all AI mobile apps."
},
{
question: "Can you develop offline-capable mobile apps?",
answer: "Yes, we can develop apps with offline functionality using local storage, caching strategies, and data synchronization to ensure your app works even without internet connectivity."
answer: "Yes, we can develop offline-capable AI mobile apps using local storage, caching strategies, and data synchronization to ensure your app works seamlessly even without internet connectivity."
}
];

13
pages/NativeAppDevelopment.tsx
View File

@@ -121,9 +121,7 @@ const NativeHeroWithCTA = () => {
</h1>
<p className="max-w-lg text-lg leading-relaxed text-gray-300">
Building bespoke applications tailored for a single operating
system to deliver the highest level of performance, security,
and device integration.
AI mobile application developers build bespoke iOS mobile app development and Android applications tailored for a single operating system to deliver the highest level of performance, security, and device integration with AI-powered features.
</p>
</div>
@@ -322,8 +320,7 @@ const NativeVsCrossPlatform = () => {
Native vs. Cross-Platform: When to Choose Native
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
Native development delivers uncompromising performance and platform
integration for applications that demand the highest standards.
AI mobile app development with native mobile app development delivers uncompromising performance and platform integration for applications that demand the highest standards with AI-powered features.
</p>
</motion.div>
@@ -768,8 +765,7 @@ const NativeProcess = () => {
Precision & Excellence in Every Native Project
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-gray-300">
Our proven native development methodology ensures optimal
performance and platform integration at every stage.
Our proven native development methodology ensures optimal performance and platform integration at every stage with AI-powered features.
</p>
</motion.div>
@@ -878,8 +874,7 @@ const NativeCaseStudies = () => {
Android Apps That Define Industries
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
Discover how we've helped businesses succeed with powerful Android
applications that leverage the platform's capabilities.
Discover how our AI mobile application developers have helped businesses succeed with powerful Android applications that leverage AI-powered features.
</p>
</motion.div>

29
pages/PWADevelopment.tsx
View File

@@ -135,13 +135,11 @@ const PWAHeroWithCTA = () => {
{/* Main Heading */}
<div className="space-y-6">
<h1 className="text-4xl md:text-5xl lg:text-6xl font-semibold text-white leading-tight">
Progressive Web App (PWA) Development
Progressive Web App Development
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
Deliver app-like experiences directly through the web browser,
combining the best of web and mobile apps for unparalleled
reach.
Deliver app-like experiences directly through the web browser with AI-powered features, combining the best of web development and AI mobile app for unparalleled reach.
</p>
</div>
@@ -347,8 +345,7 @@ const PWABenefits = () => {
Why Choose a Progressive Web App?
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
PWAs combine the best of web and mobile apps, delivering native-like
experiences with web-based flexibility and reach.
PWAs combine the best of web development and AI mobile app experiences, delivering native-like performance with AI-powered design, web-based flexibility, and unparalleled reach.
</p>
</motion.div>
@@ -543,8 +540,7 @@ const PWAProcess = () => {
Our Agile Approach to PWA Development
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
Our proven methodology ensures your PWA delivers exceptional user
experiences while meeting your business objectives.
Our proven methodology ensures your PWA delivers exceptional user experiences through AI-powered design while meeting your business objectives.
</p>
</motion.div>
@@ -689,8 +685,7 @@ const PWAUseCases = () => {
When a PWA is the Right Choice for Your Business
</h2>
<p className="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
Progressive Web Apps excel in scenarios where broad reach,
cost-effectiveness, and offline capabilities are crucial.
Progressive Web Apps excel in scenarios where our AI app development company delivers broad reach, cost-effectiveness, and offline capabilities through AI-powered features.
</p>
</motion.div>
@@ -843,8 +838,7 @@ const PWATechStack = () => {
Modern Web Technologies for Powerful PWA Experiences
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
We leverage cutting-edge web technologies and PWA-specific APIs to
deliver exceptional user experiences.
We leverage cutting-edge web development technologies and PWA-specific APIs through AI-powered design to deliver exceptional AI mobile app experiences.
</p>
</motion.div>
@@ -1057,9 +1051,7 @@ const PWASuccessStories = () => {
Successful Progressive Web Apps by WDI
</h2>
<p className="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
See how we've transformed businesses with PWA solutions that deliver
exceptional user experiences, offline capabilities, and measurable
results across industries.
See how our AI mobile application developers have transformed businesses with PWA solutions that deliver exceptional user experiences through AI app development company expertise, offline capabilities, and measurable results across industries.
</p>
</motion.div>
@@ -1352,8 +1344,7 @@ const PWAFinalCTA = () => {
viewport={{ once: true }}
className="text-xl text-gray-300 mb-12 max-w-2xl mx-auto leading-relaxed"
>
WDI helps you harness the speed, reliability, and engagement of PWAs
for your audience.
WDI helps you harness the speed, reliability, and engagement of PWAs through AI-powered design for your audience.
</motion.p>
<motion.div
@@ -1406,7 +1397,7 @@ export const PWADevelopment = () => {
<PWABenefits />
</section>
{/* Case Studies */}
{/* Case Studies */}
<section className="bg-card">
<PWASuccessStories />
</section>
@@ -1433,7 +1424,7 @@ export const PWADevelopment = () => {
<HireDeveloperSection
title="Augment Your Team with Top PWA Developers"
description="Build fast, installable, and offline-first Progressive Web Apps that feel like native mobile apps."
description="Build fast, installable, and offline-first Progressive Web Apps through our AI app development company that feel like AI mobile apps."
buttonText="Hire PWA Developers"
buttonLink="/hire-talent/pwa-developers"
developerTypes={[

26
pages/WearableDeviceDevelopment.tsx
View File

@@ -122,9 +122,7 @@ const WearableHeroWithCTA = () => {
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
Extending your digital presence to smartwatches, fitness
trackers, IoT devices, and emerging platforms for unique user
experiences.
Extending your digital presence to smartwatches, fitness trackers, IoT devices, and emerging platforms through AI-powered features for unique user experiences.
</p>
</div>
@@ -416,6 +414,9 @@ const WearableBenefits = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Why Invest in Device-Specific App Development?
</h2>
<p className="text-[#CCCCCC] text-lg max-w-2xl mx-auto">
AI mobile app development unlocks smartwatch, fitness tracker, and IoT device capabilities for unique, context-aware user experiences.
</p>
</motion.div>
<motion.div
@@ -696,6 +697,9 @@ const WearableProcess = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Tailored Process for Emerging Device Applications
</h2>
<p className="text-[#CCCCCC] text-lg max-w-2xl mx-auto">
Our proven methodology ensures optimal performance across smartwatches, fitness trackers, and IoT devices through AI-powered design.
</p>
</motion.div>
<div className="relative">
@@ -826,6 +830,9 @@ const WearableUseCases = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-white mb-6">
Industries & Scenarios Benefiting from Device Apps
</h2>
<p className="text-[#CCCCCC] text-lg max-w-2xl mx-auto">
Healthcare, fitness, manufacturing, logistics, and retail leverage smartwatch and IoT apps through AI mobile app development for real-time monitoring and insights.
</p>
</motion.div>
<motion.div
@@ -1016,6 +1023,9 @@ const WearableTechStack = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-6">
Leveraging Specialized Technologies for Seamless Device Integration
</h2>
<p className="text-[#CCCCCC] text-lg max-w-2xl mx-auto">
We harness AI-powered design and platform-specific APIs for smartwatches, fitness trackers, and IoT devices to deliver native-like performance.
</p>
</motion.div>
{/* Core Technologies */}
@@ -1026,7 +1036,7 @@ const WearableTechStack = () => {
viewport={{ once: true }}
className="mb-16"
>
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
{technologies.map((tech, index) => {
// const IconComponent = tech.icon;
const colorClasses = {
@@ -1162,6 +1172,9 @@ const WearableCaseStudies = () => {
<h2 className="text-4xl lg:text-5xl font-semibold text-white mb-8">
Innovative Device Applications by WDI
</h2>
<p className="text-[#CCCCCC] text-lg max-w-2xl mx-auto">
See how our AI mobile application developers deliver smartwatch, fitness tracker, and IoT solutions with AI-powered features across industries.
</p>
</motion.div>
<motion.div
@@ -1420,8 +1433,7 @@ const WearableFinalCTA = () => {
viewport={{ once: true }}
className="text-xl text-muted-foreground mb-12 max-w-2xl mx-auto leading-relaxed"
>
From smartwatches to complex IoT systems, we build connected
applications that push the boundaries of digital interaction.
From smartwatches to complex IoT systems, we build connected AI mobile apps that push the boundaries of digital interaction.
</motion.p>
<motion.div
@@ -1502,7 +1514,7 @@ export const WearableDeviceDevelopment = () => {
<HireDeveloperSection
title="Augment Your Team with Top Wearable App Developers"
description="Develop seamless, real-time apps for smartwatches and wearable devices tailored for fitness, healthcare, and lifestyle industries."
description="Develop seamless, real-time AI mobile apps for smartwatches and wearable devices tailored for fitness, healthcare, and lifestyle industries."
buttonText="Hire Wearable Developers"
buttonLink="/hire-talent/wearable-app-developers"
developerTypes={[

15
pages/iOSAppDevelopment.tsx
View File

@@ -131,8 +131,7 @@ const IOSHeroWithCTA = () => {
</h1>
<p className="max-w-lg text-lg leading-relaxed text-gray-300">
Crafting intuitive, high-performance iPhone and iPad
applications that define user experience and drive engagement.
Crafting intuitive, high-performance iPhone and iPad applications with AI iOS development that define user experience and drive engagement.
</p>
</div>
@@ -186,7 +185,7 @@ const IOSHeroWithCTA = () => {
{/* {" "} */}
<Spline
scene="https://prod.spline.design/3GGwAe3v1Q7oobGU/scene.splinecode"
// className="w-[40%] h-full"
// className="w-[40%] h-full"
/>
</div>
</motion.div>
@@ -285,9 +284,7 @@ const IOSCaseStudies = () => {
iOS Apps That Drive Results
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
Discover how we've helped businesses succeed with exceptional iOS
applications that leverage native capabilities and deliver
outstanding user experiences.
Discover how our AI mobile application developers have helped businesses succeed with exceptional iOS applications that leverage AI iOS development capabilities and deliver outstanding AI mobile app experiences.
</p>
</motion.div>
@@ -513,8 +510,7 @@ const IOSProcessTimeline = () => {
Our Proven Approach to Building Your iOS App
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-gray-300">
From concept to App Store success, we guide you through every step
of the iOS development journey.
From concept to App Store success, our AI mobile application developers guide you through every step of the AI iOS development journey.
</p>
</motion.div>
@@ -809,8 +805,7 @@ const IOSKeyBenefits = () => {
Why Choose Native iOS for Your App?
</h2>
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-muted-foreground">
iOS development offers unparalleled advantages for businesses
looking to create premium mobile experiences.
AI iOS development offers unparalleled advantages for businesses looking to create premium AI mobile app experiences.
</p>
</motion.div>