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

fix all execpt iosapp

Browse Source
This commit is contained in:
priyanshuvish
2025-07-17 19:47:38 +05:30
parent 04dcfa19c3
commit 1e5d7dca57
19 changed files with 1098 additions and 322 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
pages/iOSAppDevelopment.tsx
View File

@@ -5,7 +5,7 @@ import { Navigation } from "../components/Navigation";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import ranoutofImage from "../src/images/ranoutof.webp";
import ranoutofImage from "../src/images/ranoutof.webp";
import seezunImage from "../src/images/seezun.webp";
import wokaImage from "../src/images/woka.webp";
@@ -20,6 +20,7 @@ import {
ArrowRight,
Brush,
Bug,
Calendar,
CheckCircle,
Code,
DollarSign,
@@ -65,7 +66,9 @@ const IOSHeroWithCTA = () => {
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6 }}
>
<span className="text-white/70 text-sm font-medium">iOS App Development</span>
<span className="text-white/70 text-sm font-medium">
iOS App Development
</span>
</motion.div>
{/* Main Heading */}
@@ -73,12 +76,13 @@ const IOSHeroWithCTA = () => {
<h1 className="text-4xl md:text-5xl lg:text-6xl font-semibold text-white leading-tight">
Expert iOS App Development Services
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
Crafting intuitive, high-performance iPhone and iPad applications that define user experience and drive engagement.
Crafting intuitive, high-performance iPhone and iPad
applications that define user experience and drive engagement.
</p>
</div>
{/* CTAs */}
<motion.div
initial={{ opacity: 0, y: 20 }}
@@ -88,8 +92,18 @@ const IOSHeroWithCTA = () => {
>
<ShimmerButton className="text-lg px-8 py-4">
<div className="inline-flex items-center gap-2">
<svg className="w-6 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2-2v14a2 2 0 002 2z" />
<svg
className="w-6 h-4 flex-shrink-0"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2-2v14a2 2 0 002 2z"
/>
</svg>
<span>Get a Free Consultation</span>
</div>
@@ -103,7 +117,7 @@ const IOSHeroWithCTA = () => {
</a>
</motion.div>
</motion.div>
{/* Right side with iOS device mockups */}
<motion.div
initial={{ opacity: 0, x: 50 }}
@@ -131,7 +145,7 @@ const IOSHeroWithCTA = () => {
<div className="h-1 bg-gray-600 rounded w-1/2"></div>
</div>
</div>
<div className="w-48 h-72 bg-gradient-to-br from-gray-800 to-gray-900 rounded-3xl border border-gray-700 shadow-2xl">
<div className="w-full h-8 bg-gray-700 rounded-t-3xl flex items-center justify-center">
<div className="w-12 h-1 bg-gray-600 rounded-full"></div>
@@ -151,7 +165,7 @@ const IOSHeroWithCTA = () => {
</div>
</div>
</motion.div>
{/* iOS Technology Badges */}
<motion.div
initial={{ opacity: 0, y: 30 }}
@@ -159,13 +173,22 @@ const IOSHeroWithCTA = () => {
transition={{ duration: 0.8, delay: 0.6 }}
className="flex justify-center gap-4 flex-wrap"
>
<Badge variant="secondary" className="bg-blue-500/20 text-blue-300 border-blue-500/30">
<Badge
variant="secondary"
className="bg-blue-500/20 text-blue-300 border-blue-500/30"
>
Swift
</Badge>
<Badge variant="secondary" className="bg-orange-500/20 text-orange-300 border-orange-500/30">
<Badge
variant="secondary"
className="bg-orange-500/20 text-orange-300 border-orange-500/30"
>
SwiftUI
</Badge>
<Badge variant="secondary" className="bg-gray-500/20 text-gray-300 border-gray-500/30">
<Badge
variant="secondary"
className="bg-gray-500/20 text-gray-300 border-gray-500/30"
>
Xcode
</Badge>
</motion.div>
@@ -742,28 +765,33 @@ const IOSKeyBenefits = () => {
{
icon: Zap,
title: "Unmatched Performance",
description: "Optimized for Apple hardware, ensuring fluid user experiences and lightning-fast responsiveness."
description:
"Optimized for Apple hardware, ensuring fluid user experiences and lightning-fast responsiveness.",
},
{
icon: Shield,
title: "Superior Security",
description: "Leveraging Apple's robust security features for comprehensive data protection and user privacy."
description:
"Leveraging Apple's robust security features for comprehensive data protection and user privacy.",
},
{
icon: Heart,
title: "Premium User Experience",
description: "Adhering to Human Interface Guidelines for intuitive, delightful, and accessible design."
description:
"Adhering to Human Interface Guidelines for intuitive, delightful, and accessible design.",
},
{
icon: Network,
title: "Apple Ecosystem Integration",
description: "Seamless integration with Apple Watch, Apple Pay, Siri, and other ecosystem features."
description:
"Seamless integration with Apple Watch, Apple Pay, Siri, and other ecosystem features.",
},
{
icon: DollarSign,
title: "Strong Monetization Potential",
description: "High-value user base with effective in-app purchase mechanisms and premium positioning."
}
description:
"High-value user base with effective in-app purchase mechanisms and premium positioning.",
},
];
return (
@@ -780,7 +808,8 @@ const IOSKeyBenefits = () => {
Why Choose Native iOS for Your App?
</h2>
<p className="text-xl text-muted-foreground max-w-3xl mx-auto leading-relaxed">
iOS development offers unparalleled advantages for businesses looking to create premium mobile experiences.
iOS development offers unparalleled advantages for businesses
looking to create premium mobile experiences.
</p>
</motion.div>
@@ -1021,6 +1050,43 @@ export const IOSAppDevelopment = () => {
<IOSTechnologies />
</section>
{/* CTA Section */}
<section className="py-32">
<div className="container mx-auto px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
viewport={{ once: true }}
className="text-center"
>
<h2 className="text-4xl lg:text-5xl font-semibold text-foreground mb-8">
Ready to Build Your Next iOS App?
</h2>
<p className="text-lg text-muted-foreground mb-12 max-w-2xl mx-auto">
Partner with us to create exceptional iOS applications that
delight users and drive business success.
</p>
<div className="flex flex-col sm:flex-row gap-6 justify-center">
<ShimmerButton className="text-lg px-8 py-4 h-[56px]">
<div className="inline-flex items-center gap-2">
<Apple className="w-5 h-5 flex-shrink-0" />
<span>Start Your iOS Project</span>
</div>
</ShimmerButton>
<Button
variant="outline"
size="lg"
className="text-lg px-8 py-4 h-[56px] border-white/20 text-muted-foreground hover:bg-white/10 hover:text-foreground"
>
<Calendar className="w-5 h-5 mr-2" />
Schedule Consultation
</Button>
</div>
</motion.div>
</div>
</section>
<section className="bg-background">
<Footer />
</section>