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

All changes, done like fully react router uses, services, al/ml and solution page section alignment and missing section done!

Browse Source
This commit is contained in:
priyanshuvish
2025-09-23 20:13:31 +05:30
parent 5f5ddb1cd6
commit e78c8672e9
158 changed files with 2444 additions and 2093 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
pages/iOSAppDevelopment.tsx
View File

@@ -48,13 +48,14 @@ import {
Zap,
} from "lucide-react";
import { Button } from "@/components/ui/button";
import { navigateTo } from "@/App";
import { useNavigate } from "react-router-dom";
import Spline from "@splinetool/react-spline";
import { Helmet } from "react-helmet-async";
import HireDeveloperSection from "@/components/HireDeveloperSection";
// iOS Hero Section with iPhone/iPad mockups
const IOSHeroWithCTA = () => {
const navigate = useNavigate();
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
@@ -144,7 +145,7 @@ const IOSHeroWithCTA = () => {
>
<ShimmerButton
className="text-lg px-8 py-4"
onClick={() => navigateTo("/start-a-project")}
onClick={() => navigate("/start-a-project")}
>
<div className="inline-flex items-center gap-2">
<svg
@@ -197,6 +198,7 @@ const IOSHeroWithCTA = () => {
// iOS Case Studies - Matching Main Case Studies Design
const IOSCaseStudies = () => {
const navigate = useNavigate();
const caseStudies = [
{
id: 1,
@@ -307,11 +309,11 @@ const IOSCaseStudies = () => {
className="bg-card/20 backdrop-blur-md border-white/10 hover:border-accent/30 transition-all duration-500 shadow-lg hover:shadow-2xl rounded-2xl overflow-hidden h-full group-hover:scale-[1.02] transform flex flex-col cursor-pointer"
onClick={() => {
if (study.title === "RanOutOf") {
navigateTo("/projects/ranoutof");
navigate("/projects/ranoutof");
} else if (study.title === "Seezun") {
navigateTo("/projects/seezun");
navigate("/projects/seezun");
} else if (study.title === "WOKA") {
navigateTo("/projects/woka");
navigate("/projects/woka");
}
}}
>
@@ -418,11 +420,11 @@ const IOSCaseStudies = () => {
onClick={(e) => {
e.stopPropagation();
if (study.title === "RanOutOf") {
navigateTo("/projects/ranoutof");
navigate("/projects/ranoutof");
} else if (study.title === "Seezun") {
navigateTo("/projects/seezun");
navigate("/projects/seezun");
} else if (study.title === "WOKA") {
navigateTo("/projects/woka");
navigate("/projects/woka");
}
}}
>
@@ -451,7 +453,7 @@ const IOSCaseStudies = () => {
variant="outline"
size="lg"
className="border-white/20 text-muted-foreground hover:bg-white/10 hover:text-foreground hover:border-accent/50 transition-all duration-300"
onClick={() => navigateTo("/case-studies")}
onClick={() => navigate("/case-studies")}
>
<Eye className="w-5 h-5 mr-2" />
View All Case Studies
@@ -1017,9 +1019,10 @@ const IOSTechnologies = () => {
// Main iOS App Development Page
export const IOSAppDevelopment = () => {
const navigate = useNavigate();
return (
<div className="dark min-h-screen">
<Navigation />
{/* <Navigation /> */}
<section className="bg-black">
<IOSHeroWithCTA />
@@ -1097,7 +1100,7 @@ export const IOSAppDevelopment = () => {
<div className="flex flex-col sm:flex-row gap-6 justify-center">
<ShimmerButton
className="text-lg px-8 py-4 h-auto"
onClick={() => navigateTo("/start-a-project")}
onClick={() => navigate("/start-a-project")}
>
<div className="inline-flex items-center gap-2">
<Apple className="w-5 h-5 flex-shrink-0" />
@@ -1118,7 +1121,7 @@ export const IOSAppDevelopment = () => {
</section>
<section className="bg-background">
<Footer />
{/* <Footer /> */}
</section>
</div>
);