@@ -597,7 +600,7 @@ const InlineCTA = () => {
variant="secondary"
size="lg"
className="text-xl px-10 py-5 rounded-2xl h-[56px]"
- onClick={() => navigateTo('/services')}
+ onClick={() => navigate('/services')}
>
Explore Our Services
@@ -637,7 +640,7 @@ const aboutWDIFAQs = [
export const AboutWDI = () => {
return (
-
+ {/* {/* */}
@@ -651,7 +654,7 @@ export const AboutWDI = () => {
subtitle="Get answers to common questions about our company and mission."
faqs={aboutWDIFAQs}
/>
-
+ {/* */}
);
};
\ No newline at end of file
diff --git a/pages/AboutWDIMain.tsx b/pages/AboutWDIMain.tsx
index bc1b663..01acfe1 100644
--- a/pages/AboutWDIMain.tsx
+++ b/pages/AboutWDIMain.tsx
@@ -5,9 +5,10 @@ import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Lightbulb, Users2, Target, TrendingUp, Clock, Award, Briefcase, Heart, Newspaper, Star } from "lucide-react";
-import { navigateTo } from "../App";
+import { useNavigate } from "react-router-dom";
export const AboutWDIMain = () => {
+ const navigate = useNavigate();
const keyHighlights = [
{
icon: Lightbulb,
@@ -86,7 +87,7 @@ export const AboutWDIMain = () => {
return (
-
+ {/*
*/}
{/* Hero Section */}
@@ -204,7 +205,7 @@ export const AboutWDIMain = () => {
{subPages.map((page, index) => (
-
navigateTo(page.href)}>
+ navigate(page.href)}>
@@ -323,7 +324,7 @@ export const AboutWDIMain = () => {
-
+ {/*
*/}
);
};
\ No newline at end of file
diff --git a/pages/AdminPanelsDashboards.tsx b/pages/AdminPanelsDashboards.tsx
index 118cf75..85f0879 100644
--- a/pages/AdminPanelsDashboards.tsx
+++ b/pages/AdminPanelsDashboards.tsx
@@ -48,11 +48,12 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import healthcareImage from "../src/images/healthcare.webp";
-import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
+import { useNavigate } from "react-router-dom";
// Admin Panels & Dashboards Hero Section
const AdminHeroWithCTA = () => {
+ const navigate = useNavigate();
return (
@@ -143,7 +144,7 @@ const AdminHeroWithCTA = () => {
>
navigateTo("/start-a-project")}
+ onClick={() => navigate("/start-a-project")}
>
@@ -1219,6 +1220,7 @@ const AdminCaseStudies = () => {
// Mid-Page CTA
const AdminInlineCTA = () => {
+ const navigate = useNavigate();
return (
@@ -1257,7 +1259,7 @@ const AdminInlineCTA = () => {
navigateTo("/start-a-project")}
+ onClick={() => navigate("/start-a-project")}
>
@@ -1273,6 +1275,7 @@ const AdminInlineCTA = () => {
// Hire UI/UX Designers
const HireDevelopers = () => {
+ const navigate = useNavigate();
const developerTypes = [
{
title: "Frontend Developers (React, Angular, Vue)",
@@ -1373,7 +1376,7 @@ const HireDevelopers = () => {
>
navigateTo("/hire-talent/admin-panel-developers")}
+ onClick={() => navigate("/hire-talent/admin-panel-developers")}
>
@@ -1471,6 +1474,7 @@ const AdminFAQs = () => {
// Final CTA Section
const AdminFinalCTA = () => {
+ const navigate = useNavigate();
return (
@@ -1523,7 +1527,7 @@ const AdminFinalCTA = () => {
>
navigateTo("/start-a-project")}
+ onClick={() => navigate("/start-a-project")}
>
@@ -1552,7 +1556,7 @@ const AdminFinalCTA = () => {
export const AdminPanelsDashboards = () => {
return (
-
+ {/*
*/}
{/* Hero Section */}
@@ -1564,6 +1568,11 @@ export const AdminPanelsDashboards = () => {
+ {/* Case Studies */}
+
+
{/* Development Process */}
@@ -1579,15 +1588,10 @@ export const AdminPanelsDashboards = () => {
- {/* Case Studies */}
-
-
{/* Mid-Page CTA */}
-
*/}
{/* Hire Designers */}
@@ -1595,9 +1599,9 @@ export const AdminPanelsDashboards = () => {
{/* FAQs */}
-
*/}
{/* Final CTA */}
@@ -1605,8 +1609,8 @@ export const AdminPanelsDashboards = () => {
{/* Footer */}
-
);
diff --git a/pages/AgriTechPlatforms.tsx b/pages/AgriTechPlatforms.tsx
index c47c1e8..66713a0 100644
--- a/pages/AgriTechPlatforms.tsx
+++ b/pages/AgriTechPlatforms.tsx
@@ -402,7 +402,7 @@ const agriTechFAQs = [
export const AgriTechPlatforms = () => {
return (
-
+ {/* */}
{
-
+ {/*
*/}
);
};
\ No newline at end of file
diff --git a/pages/AmbleProject.tsx b/pages/AmbleProject.tsx
index 095bfca..6900dc2 100644
--- a/pages/AmbleProject.tsx
+++ b/pages/AmbleProject.tsx
@@ -5,13 +5,14 @@ import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Calendar, Users, Smartphone, Globe, Check, Star, TrendingUp, MapPin, Shield, Navigation as NavigationIcon, Zap, Heart, Target, AlertCircle, Clock, UserCheck } from "lucide-react";
-import { navigateTo } from "../App";
import { ImageWithFallback } from "../components/figma/ImageWithFallback";
+import { useNavigate } from "react-router-dom";
export const AmbleProject = () => {
+ const navigate = useNavigate();
return (
-
+ {/*
*/}
{/* Hero Section */}
@@ -88,7 +89,7 @@ export const AmbleProject = () => {
@@ -604,7 +605,7 @@ export const AmbleProject = () => {
@@ -622,7 +623,7 @@ export const AmbleProject = () => {
-
+ {/*
*/}
{/* Hero Section */}
@@ -88,7 +89,7 @@ export const AmozProject = () => {
@@ -610,7 +611,7 @@ export const AmozProject = () => {
@@ -628,7 +629,7 @@ export const AmozProject = () => {
-
+ {/*
*/}
);
};
\ No newline at end of file
diff --git a/pages/AndroidAppDevelopment.tsx b/pages/AndroidAppDevelopment.tsx
index c4bb2e2..d468e74 100644
--- a/pages/AndroidAppDevelopment.tsx
+++ b/pages/AndroidAppDevelopment.tsx
@@ -39,7 +39,7 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button";
import androidVectorImage from "../src/images/android-vector.png";
-import { navigateTo } from "@/App";
+import { useNavigate } from "react-router-dom";
import { Helmet } from "react-helmet-async";
import ranoutofImage from "../src/images/ranoutof.webp"
import tradersCircuitImage from "../src/images/traders-circuit.webp";
@@ -49,6 +49,7 @@ import awsLogoImage from "../src/images/aws-logo.png";
// Android Hero Section with Android device mockups and Android vector
const AndroidHeroWithCTA = () => {
+ const navigate = useNavigate();
return (
@@ -169,7 +170,7 @@ const AndroidHeroWithCTA = () => {
>
navigateTo("/start-a-project")}
+ onClick={() => navigate("/start-a-project")}
>