meta tags added in all pages

This commit is contained in:
priyanshuvish
2025-07-23 18:53:54 +05:30
parent 08f05dab2c
commit cd8d88b4dd
69 changed files with 3743 additions and 519 deletions

View File

@@ -46,11 +46,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Automation & Workflows Hero Section // AI Automation & Workflows Hero Section
const AutomationHeroWithCTA = () => { const AutomationHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Automation | Smart AI-Powered Workflows by WDI</title>
<meta
name="description"
content="Streamline your operations with WDIs AI automation workflows. Enhance efficiency, reduce cost, and drive results using smart, scalable AI solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Automation | Smart AI-Powered Workflows by WDI" />
<meta
property="og:description"
content="Streamline your operations with WDIs AI automation workflows. Enhance efficiency, reduce cost, and drive results using smart, scalable AI solutions."
/>
<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="AI Automation | Smart AI-Powered Workflows by WDI" />
<meta
name="twitter:description"
content="Streamline your operations with WDIs AI automation workflows. Enhance efficiency, reduce cost, and drive results using smart, scalable AI solutions."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -44,11 +44,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Chatbots & Virtual Assistants Hero Section // AI Chatbots & Virtual Assistants Hero Section
const ChatbotsHeroWithCTA = () => { const ChatbotsHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Chatbots & Virtual Assistants | Conversational AI | WDI</title>
<meta
name="description"
content="WDI builds conversational AI solutions, from intelligent chatbots to virtual assistants, enabling automated customer support and natural interactions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Chatbots & Virtual Assistants | Conversational AI | WDI" />
<meta
property="og:description"
content="WDI builds conversational AI solutions, from intelligent chatbots to virtual assistants, enabling automated customer support and natural interactions."
/>
<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="AI Chatbots & Virtual Assistants | Conversational AI | WDI" />
<meta
name="twitter:description"
content="WDI builds conversational AI solutions, from intelligent chatbots to virtual assistants, enabling automated customer support and natural interactions."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -42,11 +42,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Integration Hero Section // AI Integration Hero Section
const AIIntegrationHeroWithCTA = () => { const AIIntegrationHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Integration | Smarter Digital Products with AI | WDI</title>
<meta
name="description"
content="WDI helps businesses enhance digital products with seamless AI integration. Improve UX, automation, and decision-making across platforms."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Integration | Smarter Digital Products with AI | WDI" />
<meta
property="og:description"
content="WDI helps businesses enhance digital products with seamless AI integration. Improve UX, automation, and decision-making across platforms."
/>
<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="AI Integration | Smarter Digital Products with AI | WDI" />
<meta
name="twitter:description"
content="WDI helps businesses enhance digital products with seamless AI integration. Improve UX, automation, and decision-making across platforms."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -44,11 +44,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Model Deployment & MLOps Hero Section // AI Model Deployment & MLOps Hero Section
const MLOpsHeroWithCTA = () => { const MLOpsHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Model Deployment | Strategic MLOps Services | WDI</title>
<meta
name="description"
content="WDI delivers robust MLOps for scalable AI model deployment. Ensure performance, security, and lifecycle management with enterprise-grade processes."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Model Deployment | Strategic MLOps Services | WDI" />
<meta
property="og:description"
content="WDI delivers robust MLOps for scalable AI model deployment. Ensure performance, security, and lifecycle management with enterprise-grade processes."
/>
<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="AI Model Deployment | Strategic MLOps Services | WDI" />
<meta
name="twitter:description"
content="WDI delivers robust MLOps for scalable AI model deployment. Ensure performance, security, and lifecycle management with enterprise-grade processes."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -33,11 +33,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// AI Strategy & Consulting Hero Section // AI Strategy & Consulting Hero Section
const AIStrategyHeroWithCTA = () => { const AIStrategyHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>AI Strategy Consulting | Enterprise AI Roadmap | WDI</title>
<meta
name="description"
content="WDIs phased AI strategy consulting helps you adopt intelligent technologies with clarity, scalability, and long-term business transformation goals."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AI Strategy Consulting | Enterprise AI Roadmap | WDI" />
<meta
property="og:description"
content="WDIs phased AI strategy consulting helps you adopt intelligent technologies with clarity, scalability, and long-term business transformation goals."
/>
<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="AI Strategy Consulting | Enterprise AI Roadmap | WDI" />
<meta
name="twitter:description"
content="WDIs phased AI strategy consulting helps you adopt intelligent technologies with clarity, scalability, and long-term business transformation goals."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -46,11 +46,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import iotDeviceImage from "../src/images/iot-device.webp"; import iotDeviceImage from "../src/images/iot-device.webp";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// API & Backend Development Hero Section // API & Backend Development Hero Section
const APIHeroWithCTA = () => { const APIHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>API & Backend Development Services | Reliable Solutions by WDI</title>
<meta
name="description"
content="WDI provides robust API & backend development services, delivering secure, scalable, and high-performance solutions tailored to power your business applications."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="API & Backend Development Services | Reliable Solutions by WDI" />
<meta
property="og:description"
content="WDI provides robust API & backend development services, delivering secure, scalable, and high-performance solutions tailored to power your business applications."
/>
<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="API & Backend Development Services | Reliable Solutions by WDI" />
<meta
name="twitter:description"
content="WDI provides robust API & backend development services, delivering secure, scalable, and high-performance solutions tailored to power your business applications."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -46,11 +46,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import healthcareImage from "../src/images/healthcare.webp"; import healthcareImage from "../src/images/healthcare.webp";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Admin Panels & Dashboards Hero Section // Admin Panels & Dashboards Hero Section
const AdminHeroWithCTA = () => { const AdminHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Admin Panels & Dashboards Development | Custom Solutions by WDI</title>
<meta
name="description"
content="WDI builds custom Admin Panels & Dashboards that offer real-time insights, smooth control, and secure access for managing your digital platforms."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Admin Panels & Dashboards Development | Custom Solutions by WDI" />
<meta
property="og:description"
content="WDI builds custom Admin Panels & Dashboards that offer real-time insights, smooth control, and secure access for managing your digital platforms."
/>
<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="Admin Panels & Dashboards Development | Custom Solutions by WDI" />
<meta
name="twitter:description"
content="WDI builds custom Admin Panels & Dashboards that offer real-time insights, smooth control, and secure access for managing your digital platforms."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -15,11 +15,59 @@ import {
Database, Bot, Target, CheckCircle, Star, Database, Bot, Target, CheckCircle, Star,
Zap, Shield, Globe, Award, Satellite Zap, Shield, Globe, Award, Satellite
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>AgriTech Platform Development Services | WDI</title>
<meta
name="description"
content="WDI builds custom AgriTech Platforms that empower farmers and agribusinesses with smart, data-driven tools to enhance productivity, sustainability, and growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="AgriTech Platform Development Services | WDI" />
<meta
property="og:description"
content="WDI builds custom AgriTech Platforms that empower farmers and agribusinesses with smart, data-driven tools to enhance productivity, sustainability, and growth."
/>
<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="AgriTech Platform Development Services | WDI" />
<meta
name="twitter:description"
content="WDI builds custom AgriTech Platforms that empower farmers and agribusinesses with smart, data-driven tools to enhance productivity, sustainability, and growth."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -40,11 +40,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import androidVectorImage from "../src/images/android-vector.png"; import androidVectorImage from "../src/images/android-vector.png";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Android Hero Section with Android device mockups and Android vector // Android Hero Section with Android device mockups and Android vector
const AndroidHeroWithCTA = () => { const AndroidHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Android App Development by WDI | Boost Your Mobile Presence Today</title>
<meta
name="description"
content="WDI delivers custom Android app development with innovative, high-performance solutions designed to accelerate your business growth and engagement."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Android App Development by WDI | Boost Your Mobile Presence Today" />
<meta
property="og:description"
content="WDI delivers custom Android app development with innovative, high-performance solutions designed to accelerate your business growth and engagement."
/>
<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="Android App Development by WDI | Boost Your Mobile Presence Today" />
<meta
name="twitter:description"
content="WDI delivers custom Android app development with innovative, high-performance solutions designed to accelerate your business growth and engagement."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -502,14 +550,12 @@ const AndroidProcessTimeline = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -21,6 +21,7 @@ import {
BookOpen, BookOpen,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "../App"; import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const Blog = () => { export const Blog = () => {
const [searchTerm, setSearchTerm] = useState(""); const [searchTerm, setSearchTerm] = useState("");
@@ -191,6 +192,53 @@ export const Blog = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="pt-24 pb-16 bg-background"> <section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>Blogs | Thought Leadership in Software Development</title>
<meta
name="description"
content="Read expert blogs from WDI on software development and digital transformation. Stay informed with insights, trends, and thought leadership content."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Blogs | Thought Leadership in Software Development" />
<meta
property="og:description"
content="Read expert blogs from WDI on software development and digital transformation. Stay informed with insights, trends, and thought leadership content."
/>
<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="Blogs | Thought Leadership in Software Development" />
<meta
name="twitter:description"
content="Read expert blogs from WDI on software development and digital transformation. Stay informed with insights, trends, and thought leadership content."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6"> <div className="flex items-center justify-center gap-2 mb-6">

View File

@@ -22,6 +22,7 @@ import wokasideawardLocalImage from '../src/images/woka-side-award.webp';
import traderCircuitLocalImage from '../src/images/traders-circuit.webp'; import traderCircuitLocalImage from '../src/images/traders-circuit.webp';
import goodTimesLocalImage from '../src/images/goodtimes.webp'; import goodTimesLocalImage from '../src/images/goodtimes.webp';
import prospertyLocalImage from '../src/images/prosperty.webp'; import prospertyLocalImage from '../src/images/prosperty.webp';
import { Helmet } from "react-helmet-async";
// High-quality project images // High-quality project images
@@ -225,8 +226,8 @@ export const CaseStudies = () => {
// Filter case studies based on search and filters // Filter case studies based on search and filters
const filteredCaseStudies = caseStudies.filter(study => { const filteredCaseStudies = caseStudies.filter(study => {
const matchesSearch = study.title.toLowerCase().includes(searchTerm.toLowerCase()) || const matchesSearch = study.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
study.description.toLowerCase().includes(searchTerm.toLowerCase()) || study.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
study.technologies.some(tech => tech.toLowerCase().includes(searchTerm.toLowerCase())); study.technologies.some(tech => tech.toLowerCase().includes(searchTerm.toLowerCase()));
const matchesIndustry = selectedIndustry === "All Industries" || study.industry === selectedIndustry; const matchesIndustry = selectedIndustry === "All Industries" || study.industry === selectedIndustry;
const matchesCategory = selectedCategory === "All Categories" || study.category === selectedCategory; const matchesCategory = selectedCategory === "All Categories" || study.category === selectedCategory;
@@ -241,6 +242,53 @@ export const CaseStudies = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-20 overflow-hidden bg-black"> <section className="relative pt-24 pb-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Case Studies | AI Web Development Projects by WDI</title>
<meta
name="description"
content="Explore real-world AI web development case studies from WDI. See how we help enterprises and startups create scalable, smart digital solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Case Studies | AI Web Development Projects by WDI" />
<meta
property="og:description"
content="Explore real-world AI web development case studies from WDI. See how we help enterprises and startups create scalable, smart digital solutions."
/>
<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="Case Studies | AI Web Development Projects by WDI" />
<meta
name="twitter:description"
content="Explore real-world AI web development case studies from WDI. See how we help enterprises and startups create scalable, smart digital solutions."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-accent/5 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-accent/5 via-background to-background" />
<motion.div <motion.div

View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Clickable Prototypes Hero Section // Clickable Prototypes Hero Section
const PrototypesHeroWithCTA = () => { const PrototypesHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Prototypes | Mobile App Development Visualization | WDI</title>
<meta
name="description"
content="Test your mobile app idea with WDIs interactive prototypes. Validate user flows and gather insights before full-scale mobile development begins."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Prototypes | Mobile App Development Visualization | WDI" />
<meta
property="og:description"
content="Test your mobile app idea with WDIs interactive prototypes. Validate user flows and gather insights before full-scale mobile development begins."
/>
<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="Prototypes | Mobile App Development Visualization | WDI" />
<meta
name="twitter:description"
content="Test your mobile app idea with WDIs interactive prototypes. Validate user flows and gather insights before full-scale mobile development begins."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -24,6 +24,7 @@ import {
Award, Award,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "../App"; import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const ClientTestimonials = () => { export const ClientTestimonials = () => {
const [selectedIndustry, setSelectedIndustry] = useState("all"); const [selectedIndustry, setSelectedIndustry] = useState("all");
@@ -392,6 +393,53 @@ export const ClientTestimonials = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="pt-24 pb-16 bg-background"> <section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>Client Reviews | AI App Development Success Stories</title>
<meta
name="description"
content="See what clients say about WDIs AI app development. Discover how startups and enterprises achieved success with our innovative digital products."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Client Reviews | AI App Development Success Stories" />
<meta
property="og:description"
content="See what clients say about WDIs AI app development. Discover how startups and enterprises achieved success with our innovative digital products."
/>
<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="Client Reviews | AI App Development Success Stories" />
<meta
name="twitter:description"
content="See what clients say about WDIs AI app development. Discover how startups and enterprises achieved success with our innovative digital products."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6"> <div className="flex items-center justify-center gap-2 mb-6">

View File

@@ -49,11 +49,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Computer Vision Applications Hero Section // Computer Vision Applications Hero Section
const ComputerVisionHeroWithCTA = () => { const ComputerVisionHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Computer Vision Applications | Vision AI Development | WDI</title>
<meta
name="description"
content="WDI builds computer vision solutions that detect, classify, and understand visual data. Enable automation, safety, and intelligent systems."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Computer Vision Applications | Vision AI Development | WDI" />
<meta
property="og:description"
content="WDI builds computer vision solutions that detect, classify, and understand visual data. Enable automation, safety, and intelligent systems."
/>
<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="Computer Vision Applications | Vision AI Development | WDI" />
<meta
name="twitter:description"
content="WDI builds computer vision solutions that detect, classify, and understand visual data. Enable automation, safety, and intelligent systems."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -42,11 +42,59 @@ import {
TabsTrigger, TabsTrigger,
} from "../components/ui/tabs"; } from "../components/ui/tabs";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Cross-Platform Hero Section // Cross-Platform Hero Section
const CrossPlatformHeroWithCTA = () => { const CrossPlatformHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Cross-Platform App Development Services | WDI Experts</title>
<meta
name="description"
content="WDI offers efficient and scalable cross-platform app development to deliver seamless mobile experiences on Android and iOS. Accelerate your apps success today."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Cross-Platform App Development Services | WDI Experts" />
<meta
property="og:description"
content="WDI offers efficient and scalable cross-platform app development to deliver seamless mobile experiences on Android and iOS. Accelerate your apps success 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="Cross-Platform App Development Services | WDI Experts" />
<meta
name="twitter:description"
content="WDI offers efficient and scalable cross-platform app development to deliver seamless mobile experiences on Android and iOS. Accelerate your apps success 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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -632,14 +680,12 @@ const CrossPlatformProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Custom ML Model Development Hero Section // Custom ML Model Development Hero Section
const CustomMLHeroWithCTA = () => { const CustomMLHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Custom ML Model Development | Machine Learning by WDI</title>
<meta
name="description"
content="WDI builds custom machine learning models tailored to specific data, goals, and industry needs. Achieve performance, accuracy, and scalability."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Custom ML Model Development | Machine Learning by WDI" />
<meta
property="og:description"
content="WDI builds custom machine learning models tailored to specific data, goals, and industry needs. Achieve performance, accuracy, and scalability."
/>
<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="Custom ML Model Development | Machine Learning by WDI" />
<meta
name="twitter:description"
content="WDI builds custom machine learning models tailored to specific data, goals, and industry needs. Achieve performance, accuracy, and scalability."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -599,14 +647,12 @@ const CustomMLDevelopmentProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">
@@ -917,10 +963,9 @@ const CustomMLTechStack = () => {
> >
<Card className="bg-gray-900/50 backdrop-blur-md border-gray-800 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl rounded-2xl p-4 text-center"> <Card className="bg-gray-900/50 backdrop-blur-md border-gray-800 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl rounded-2xl p-4 text-center">
<div <div
className={`w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-3 ${ className={`w-12 h-12 rounded-lg flex items-center justify-center mx-auto mb-3 ${colorClasses[tech.color as keyof typeof colorClasses] ||
colorClasses[tech.color as keyof typeof colorClasses] ||
"bg-accent/20 text-accent border-accent/30" "bg-accent/20 text-accent border-accent/30"
}`} }`}
> >
<IconComponent className="w-6 h-6" /> <IconComponent className="w-6 h-6" />
</div> </div>

View File

@@ -47,11 +47,59 @@ import { ShimmerButton } from "../components/ui/shimmer-button";
import patientManagementPortal from "../src/images/patient-management-portal.webp"; import patientManagementPortal from "../src/images/patient-management-portal.webp";
import awsLogo from "../src/images/aws-logo.png"; import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Custom Web App Development Hero Section // Custom Web App Development Hero Section
const CustomWebAppHeroWithCTA = () => { const CustomWebAppHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Custom Web Application Development Experts | WDI</title>
<meta
name="description"
content="WDI specializes in custom web application development, delivering secure, scalable, and innovative solutions tailored to accelerate your business growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Custom Web Application Development Experts | WDI" />
<meta
property="og:description"
content="WDI specializes in custom web application development, delivering secure, scalable, and innovative solutions tailored to accelerate your business growth."
/>
<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="Custom Web Application Development Experts | WDI" />
<meta
name="twitter:description"
content="WDI specializes in custom web application development, delivering secure, scalable, and innovative solutions tailored to accelerate your business growth."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -18,6 +18,7 @@ import {
Star, Star,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const DedicatedDevelopmentTeams = () => { export const DedicatedDevelopmentTeams = () => {
const benefits = [ const benefits = [
@@ -122,6 +123,53 @@ export const DedicatedDevelopmentTeams = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Dedicated Development Teams for Hire | WDI</title>
<meta
name="description"
content="Scale your business with WDIs dedicated development teams. Get expert talent, faster delivery, and full project control tailored to your unique goals."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Dedicated Development Teams for Hire | WDI" />
<meta
property="og:description"
content="Scale your business with WDIs dedicated development teams. Get expert talent, faster delivery, and full project control tailored to your unique goals."
/>
<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="Dedicated Development Teams for Hire | WDI" />
<meta
name="twitter:description"
content="Scale your business with WDIs dedicated development teams. Get expert talent, faster delivery, and full project control tailored to your unique goals."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -29,38 +29,38 @@ const HeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet> <Helmet>
{/* Page Title and Meta Description */} {/* Page Title and Meta Description */}
<title>Design & User Experience Solutions | Expert Services by WDI</title> <title>Design & User Experience Solutions | Expert Services by WDI</title>
<meta <meta
name="description" name="description"
content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth." content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth."
/> />
{/* Canonical Link */} {/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" /> <link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */} {/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Design & User Experience Solutions | Expert Services by WDI" /> <meta property="og:title" content="Design & User Experience Solutions | Expert Services by WDI" />
<meta <meta
property="og:description" property="og:description"
content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth." content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth."
/> />
<meta property="og:url" content="https://www.wdipl.com/services" /> <meta property="og:url" content="https://www.wdipl.com/services" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" /> <meta property="og:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Twitter Card Tags */} {/* Twitter Card Tags */}
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Design & User Experience Solutions | Expert Services by WDI" /> <meta name="twitter:title" content="Design & User Experience Solutions | Expert Services by WDI" />
<meta <meta
name="twitter:description" name="twitter:description"
content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth." content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth."
/> />
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" /> <meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */} {/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json"> <script type="application/ld+json">
{` {`
{ {
"@context": "https://schema.org", "@context": "https://schema.org",
"@type": "Organization", "@type": "Organization",
@@ -73,8 +73,8 @@ const HeroWithCTA = () => {
] ]
} }
`} `}
</script> </script>
</Helmet> </Helmet>
<div className="container mx-auto px-6 lg:px-8 max-w-7xl"> <div className="container mx-auto px-6 lg:px-8 max-w-7xl">
<div className="grid lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Design Thinking Workshops Hero Section // Design Thinking Workshops Hero Section
const WorkshopsHeroWithCTA = () => { const WorkshopsHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Design Thinking Workshop | Web Development Strategy</title>
<meta
name="description"
content="Join WDIs interactive workshops to shape your web development strategy. Solve business challenges through design thinking and user-focused planning."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Design Thinking Workshop | Web Development Strategy" />
<meta
property="og:description"
content="Join WDIs interactive workshops to shape your web development strategy. Solve business challenges through design thinking and user-focused planning."
/>
<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="Design Thinking Workshop | Web Development Strategy" />
<meta
name="twitter:description"
content="Join WDIs interactive workshops to shape your web development strategy. Solve business challenges through design thinking and user-focused planning."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -27,11 +27,59 @@ import {
Award, Award,
Clock, Clock,
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>eCommerce & Marketplace Development Services | WDI</title>
<meta
name="description"
content="WDI builds powerful eCommerce & Marketplace platforms with seamless UX, secure payments, and scalable architecture to grow your online business."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="eCommerce & Marketplace Development Services | WDI" />
<meta
property="og:description"
content="WDI builds powerful eCommerce & Marketplace platforms with seamless UX, secure payments, and scalable architecture to grow your online business."
/>
<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="eCommerce & Marketplace Development Services | WDI" />
<meta
name="twitter:description"
content="WDI builds powerful eCommerce & Marketplace platforms with seamless UX, secure payments, and scalable architecture to grow your online business."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -48,11 +48,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import multiVendorImage from "../src/images/multifood.webp"; import multiVendorImage from "../src/images/multifood.webp";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// eCommerce Platforms Hero Section // eCommerce Platforms Hero Section
const EcommerceHeroWithCTA = () => { const EcommerceHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>eCommerce Platform Development by WDI| Build Powerful Online Stores</title>
<meta
name="description"
content="WDI delivers robust eCommerce platform development with secure, scalable, and user-friendly solutions that drive sales and enhance your online business growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="eCommerce Platform Development by WDI| Build Powerful Online Stores" />
<meta
property="og:description"
content="WDI delivers robust eCommerce platform development with secure, scalable, and user-friendly solutions that drive sales and enhance your online business growth."
/>
<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="eCommerce Platform Development by WDI| Build Powerful Online Stores" />
<meta
name="twitter:description"
content="WDI delivers robust eCommerce platform development with secure, scalable, and user-friendly solutions that drive sales and enhance your online business growth."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -15,11 +15,59 @@ import {
MessageSquare, Calendar, CheckCircle, Star, ArrowRight, MessageSquare, Calendar, CheckCircle, Star, ArrowRight,
GraduationCap, Brain, Target, Zap, Award, Clock GraduationCap, Brain, Target, Zap, Award, Clock
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>EdTech Platform Development Services | WDI</title>
<meta
name="description"
content="WDI builds advanced EdTech platforms for engaging, scalable digital learning. Empower educational institutions with innovative, user-friendly technology solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="EdTech Platform Development Services | WDI" />
<meta
property="og:description"
content="WDI builds advanced EdTech platforms for engaging, scalable digital learning. Empower educational institutions with innovative, user-friendly technology solutions."
/>
<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="EdTech Platform Development Services | WDI" />
<meta
name="twitter:description"
content="WDI builds advanced EdTech platforms for engaging, scalable digital learning. Empower educational institutions with innovative, user-friendly technology solutions."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -16,6 +16,7 @@ import {
Star, Star,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const EngagementModels = () => { export const EngagementModels = () => {
const models = [ const models = [
@@ -134,6 +135,53 @@ export const EngagementModels = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Engagement Models | Flexible Software Development Options</title>
<meta
name="description"
content="Explore WDIs flexible software engagement models. Choose the right approach for your goals, timeline, and budget, from startups to enterprises."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Engagement Models | Flexible Software Development Options" />
<meta
property="og:description"
content="Explore WDIs flexible software engagement models. Choose the right approach for your goals, timeline, and budget, from startups to enterprises."
/>
<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="Engagement Models | Flexible Software Development Options" />
<meta
name="twitter:description"
content="Explore WDIs flexible software engagement models. Choose the right approach for your goals, timeline, and budget, from startups to enterprises."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"
@@ -337,13 +385,12 @@ export const EngagementModels = () => {
<td className="p-6 text-center"> <td className="p-6 text-center">
<Badge <Badge
variant="outline" variant="outline"
className={`border-blue-500/30 text-blue-400 ${ className={`border-blue-500/30 text-blue-400 ${feature.fixedPrice === "High"
feature.fixedPrice === "High"
? "bg-blue-500/10" ? "bg-blue-500/10"
: feature.fixedPrice === "Medium" : feature.fixedPrice === "Medium"
? "bg-yellow-500/10" ? "bg-yellow-500/10"
: "bg-red-500/10" : "bg-red-500/10"
}`} }`}
> >
{feature.fixedPrice} {feature.fixedPrice}
</Badge> </Badge>
@@ -351,13 +398,12 @@ export const EngagementModels = () => {
<td className="p-6 text-center"> <td className="p-6 text-center">
<Badge <Badge
variant="outline" variant="outline"
className={`border-green-500/30 text-green-400 ${ className={`border-green-500/30 text-green-400 ${feature.timeAndMaterial === "High"
feature.timeAndMaterial === "High"
? "bg-green-500/10" ? "bg-green-500/10"
: feature.timeAndMaterial === "Medium" : feature.timeAndMaterial === "Medium"
? "bg-yellow-500/10" ? "bg-yellow-500/10"
: "bg-red-500/10" : "bg-red-500/10"
}`} }`}
> >
{feature.timeAndMaterial} {feature.timeAndMaterial}
</Badge> </Badge>
@@ -365,13 +411,12 @@ export const EngagementModels = () => {
<td className="p-6 text-center"> <td className="p-6 text-center">
<Badge <Badge
variant="outline" variant="outline"
className={`border-[#E5195E]/30 text-[#E5195E] ${ className={`border-[#E5195E]/30 text-[#E5195E] ${feature.dedicatedTeam === "High"
feature.dedicatedTeam === "High"
? "bg-[#E5195E]/10" ? "bg-[#E5195E]/10"
: feature.dedicatedTeam.includes("Medium") : feature.dedicatedTeam.includes("Medium")
? "bg-yellow-500/10" ? "bg-yellow-500/10"
: "bg-red-500/10" : "bg-red-500/10"
}`} }`}
> >
{feature.dedicatedTeam} {feature.dedicatedTeam}
</Badge> </Badge>

View File

@@ -47,11 +47,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import awsLogo from "../src/images/aws-logo.png"; import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Enterprise Software Solutions Hero Section // Enterprise Software Solutions Hero Section
const EnterpriseHeroWithCTA = () => { const EnterpriseHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Enterprise Software Solutions | Tailored Services by WDI</title>
<meta
name="description"
content="WDI delivers customized enterprise software solutions designed to optimize operations, enhance productivity, and drive scalable business growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Enterprise Software Solutions | Tailored Services by WDI" />
<meta
property="og:description"
content="WDI delivers customized enterprise software solutions designed to optimize operations, enhance productivity, and drive scalable business growth."
/>
<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="Enterprise Software Solutions | Tailored Services by WDI" />
<meta
name="twitter:description"
content="WDI delivers customized enterprise software solutions designed to optimize operations, enhance productivity, and drive scalable business growth."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -613,14 +661,12 @@ const EnterpriseProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -27,11 +27,59 @@ import {
Award, Award,
Bell, Bell,
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Event & Ticketing Solutions by WDI | Seamless Event Tech</title>
<meta
name="description"
content="WDI delivers custom Event & Ticketing Solutions with real-time booking, secure payments, and smooth user experience to manage events and boost sales."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Event & Ticketing Solutions by WDI | Seamless Event Tech" />
<meta
property="og:description"
content="WDI delivers custom Event & Ticketing Solutions with real-time booking, secure payments, and smooth user experience to manage events and boost sales."
/>
<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="Event & Ticketing Solutions by WDI | Seamless Event Tech" />
<meta
name="twitter:description"
content="WDI delivers custom Event & Ticketing Solutions with real-time booking, secure payments, and smooth user experience to manage events and boost sales."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -20,6 +20,7 @@ import {
Mail, Mail,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "../App"; import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const FAQs = () => { export const FAQs = () => {
const [searchTerm, setSearchTerm] = useState(""); const [searchTerm, setSearchTerm] = useState("");
@@ -190,6 +191,53 @@ export const FAQs = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="pt-24 pb-16 bg-background"> <section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>FAQ | Custom AI Solutions for Startups & Enterprises</title>
<meta
name="description"
content="Find answers about WDIs custom AI development services. We help startups and enterprises build smart digital tools tailored to their goals."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="FAQ | Custom AI Solutions for Startups & Enterprises" />
<meta
property="og:description"
content="Find answers about WDIs custom AI development services. We help startups and enterprises build smart digital tools tailored to their goals."
/>
<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="FAQ | Custom AI Solutions for Startups & Enterprises" />
<meta
name="twitter:description"
content="Find answers about WDIs custom AI development services. We help startups and enterprises build smart digital tools tailored to their goals."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6"> <div className="flex items-center justify-center gap-2 mb-6">
@@ -230,9 +278,8 @@ export const FAQs = () => {
<div className="text-center mt-4"> <div className="text-center mt-4">
<span className="text-sm text-muted-foreground"> <span className="text-sm text-muted-foreground">
{searchTerm {searchTerm
? `${filteredFaqs.length} result${ ? `${filteredFaqs.length} result${filteredFaqs.length !== 1 ? "s" : ""
filteredFaqs.length !== 1 ? "s" : "" } found`
} found`
: `${allFaqs.length} questions available`} : `${allFaqs.length} questions available`}
</span> </span>
</div> </div>

View File

@@ -56,11 +56,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// FinTech & Banking Apps Hero Section // FinTech & Banking Apps Hero Section
const FinTechBankingAppsHero = () => { const FinTechBankingAppsHero = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>FinTech & Banking Apps Development | WDI Secure Digital Solutions</title>
<meta
name="description"
content="WDI designs FinTech & Banking Apps for secure, innovative financial solutions. Enhance digital banking experiences with robust, user-focused technology."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="FinTech & Banking Apps Development | WDI Secure Digital Solutions" />
<meta
property="og:description"
content="WDI designs FinTech & Banking Apps for secure, innovative financial solutions. Enhance digital banking experiences with robust, user-focused technology."
/>
<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="FinTech & Banking Apps Development | WDI Secure Digital Solutions" />
<meta
name="twitter:description"
content="WDI designs FinTech & Banking Apps for secure, innovative financial solutions. Enhance digital banking experiences with robust, user-focused technology."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -248,26 +296,24 @@ const FinTechBankingAppsHero = () => {
className="text-center" className="text-center"
> >
<div <div
className={`w-12 h-12 rounded-2xl flex items-center justify-center mb-2 ${ className={`w-12 h-12 rounded-2xl flex items-center justify-center mb-2 ${action.color === "blue"
action.color === "blue"
? "bg-blue-500/20" ? "bg-blue-500/20"
: action.color === "green" : action.color === "green"
? "bg-green-500/20" ? "bg-green-500/20"
: action.color === "purple" : action.color === "purple"
? "bg-purple-500/20" ? "bg-purple-500/20"
: "bg-orange-500/20" : "bg-orange-500/20"
}`} }`}
> >
<action.icon <action.icon
className={`w-5 h-5 ${ className={`w-5 h-5 ${action.color === "blue"
action.color === "blue"
? "text-blue-400" ? "text-blue-400"
: action.color === "green" : action.color === "green"
? "text-green-400" ? "text-green-400"
: action.color === "purple" : action.color === "purple"
? "text-purple-400" ? "text-purple-400"
: "text-orange-400" : "text-orange-400"
}`} }`}
/> />
</div> </div>
<div className="text-white text-xs">{action.label}</div> <div className="text-white text-xs">{action.label}</div>
@@ -326,11 +372,10 @@ const FinTechBankingAppsHero = () => {
</div> </div>
</div> </div>
<div <div
className={`text-sm font-medium ${ className={`text-sm font-medium ${transaction.amount.startsWith("+")
transaction.amount.startsWith("+")
? "text-green-400" ? "text-green-400"
: "text-white" : "text-white"
}`} }`}
> >
{transaction.amount} {transaction.amount}
</div> </div>
@@ -852,14 +897,12 @@ const FinTechBankingAppsProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -17,11 +17,59 @@ import { Badge } from "../components/ui/badge";
import { Button } from "../components/ui/button"; import { Button } from "../components/ui/button";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Fitness & Wellness Hero Section // Fitness & Wellness Hero Section
const FitnessWellnessHero = () => { const FitnessWellnessHero = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Fitness & Wellness Platforms | WDI Digital Health Solutions</title>
<meta
name="description"
content="WDI builds custom Fitness & Wellness Platforms to boost user engagement, track health goals, and deliver personalized wellness experiences across devices."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Fitness & Wellness Platforms | WDI Digital Health Solutions" />
<meta
property="og:description"
content="WDI builds custom Fitness & Wellness Platforms to boost user engagement, track health goals, and deliver personalized wellness experiences across devices."
/>
<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="Fitness & Wellness Platforms | WDI Digital Health Solutions" />
<meta
name="twitter:description"
content="WDI builds custom Fitness & Wellness Platforms to boost user engagement, track health goals, and deliver personalized wellness experiences across devices."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -201,15 +249,14 @@ const FitnessWellnessHero = () => {
> >
<div className="flex items-center gap-2 mb-2"> <div className="flex items-center gap-2 mb-2">
<metric.icon <metric.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${metric.color === "orange"
metric.color === "orange"
? "text-orange-400" ? "text-orange-400"
: metric.color === "blue" : metric.color === "blue"
? "text-blue-400" ? "text-blue-400"
: metric.color === "red" : metric.color === "red"
? "text-red-400" ? "text-red-400"
: "text-green-400" : "text-green-400"
}`} }`}
/> />
<span className="text-white font-medium text-sm"> <span className="text-white font-medium text-sm">
{metric.name} {metric.name}
@@ -267,22 +314,20 @@ const FitnessWellnessHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors" className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
> >
<div <div
className={`w-8 h-8 rounded-full flex items-center justify-center ${ className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "purple"
activity.color === "purple"
? "bg-purple-500/20" ? "bg-purple-500/20"
: activity.color === "green" : activity.color === "green"
? "bg-green-500/20" ? "bg-green-500/20"
: "bg-blue-500/20" : "bg-blue-500/20"
}`} }`}
> >
<activity.icon <activity.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${activity.color === "purple"
activity.color === "purple"
? "text-purple-400" ? "text-purple-400"
: activity.color === "green" : activity.color === "green"
? "text-green-400" ? "text-green-400"
: "text-blue-400" : "text-blue-400"
}`} }`}
/> />
</div> </div>
<div className="flex-1"> <div className="flex-1">

View File

@@ -26,11 +26,59 @@ import {
Globe, Globe,
Award, Award,
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Food Ordering & Delivery App Solutions | WDI</title>
<meta
name="description"
content="WDI develops custom Food Ordering & Delivery apps with real-time tracking, secure payments, and seamless user experience to grow your food business online."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Food Ordering & Delivery App Solutions | WDI" />
<meta
property="og:description"
content="WDI develops custom Food Ordering & Delivery apps with real-time tracking, secure payments, and seamless user experience to grow your food business online."
/>
<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="Food Ordering & Delivery App Solutions | WDI" />
<meta
name="twitter:description"
content="WDI develops custom Food Ordering & Delivery apps with real-time tracking, secure payments, and seamless user experience to grow your food business online."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Gen AI Integration Hero Section // Gen AI Integration Hero Section
const GenAIIntegrationHeroWithCTA = () => { const GenAIIntegrationHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Generative AI Integration | Smarter Products with WDI</title>
<meta
name="description"
content="Embed generative AI into your digital products with WDI. Enable intelligent automation, creativity, and enhanced user experiences through GenAI."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Generative AI Integration | Smarter Products with WDI" />
<meta
property="og:description"
content="Embed generative AI into your digital products with WDI. Enable intelligent automation, creativity, and enhanced user experiences through GenAI."
/>
<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="Generative AI Integration | Smarter Products with WDI" />
<meta
name="twitter:description"
content="Embed generative AI into your digital products with WDI. Enable intelligent automation, creativity, and enhanced user experiences through GenAI."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -46,11 +46,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// HealthTech Hero Section // HealthTech Hero Section
const HealthTechHero = () => { const HealthTechHero = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>HealthTech Applications Development | WDI Modern Healthcare</title>
<meta
name="description"
content="WDI builds secure, scalable HealthTech applications for modern healthcare. Enhance patient care, data access, and compliance with custom digital solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="HealthTech Applications Development | WDI Modern Healthcare" />
<meta
property="og:description"
content="WDI builds secure, scalable HealthTech applications for modern healthcare. Enhance patient care, data access, and compliance with custom digital solutions."
/>
<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="HealthTech Applications Development | WDI Modern Healthcare" />
<meta
name="twitter:description"
content="WDI builds secure, scalable HealthTech applications for modern healthcare. Enhance patient care, data access, and compliance with custom digital solutions."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -341,22 +389,20 @@ const HealthTechHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors" className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
> >
<div <div
className={`w-8 h-8 rounded-full flex items-center justify-center ${ className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "blue"
activity.color === "blue"
? "bg-blue-500/20" ? "bg-blue-500/20"
: activity.color === "green" : activity.color === "green"
? "bg-green-500/20" ? "bg-green-500/20"
: "bg-purple-500/20" : "bg-purple-500/20"
}`} }`}
> >
<activity.icon <activity.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${activity.color === "blue"
activity.color === "blue"
? "text-blue-400" ? "text-blue-400"
: activity.color === "green" : activity.color === "green"
? "text-green-400" ? "text-green-400"
: "text-purple-400" : "text-purple-400"
}`} }`}
/> />
</div> </div>
<div className="flex-1"> <div className="flex-1">
@@ -885,14 +931,12 @@ const HealthTechProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -17,6 +17,7 @@ import {
Code, Code,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireBackendDevelopers = () => { export const HireBackendDevelopers = () => {
const expertise = [ const expertise = [
@@ -197,6 +198,53 @@ export const HireBackendDevelopers = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Backend Developers | Skilled Experts at WDI</title>
<meta
name="description"
content="Hire Backend Developers from WDI to build secure, high-performance apps. Get expert backend talent to power your business with scalable tech solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Backend Developers | Skilled Experts at WDI" />
<meta
property="og:description"
content="Hire Backend Developers from WDI to build secure, high-performance apps. Get expert backend talent to power your business with scalable tech solutions."
/>
<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 Backend Developers | Skilled Experts at WDI" />
<meta
name="twitter:description"
content="Hire Backend Developers from WDI to build secure, high-performance apps. Get expert backend talent to power your business with scalable tech solutions."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -17,6 +17,7 @@ import {
Palette, Palette,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireFrontendDevelopers = () => { export const HireFrontendDevelopers = () => {
const expertise = [ const expertise = [
@@ -132,6 +133,53 @@ export const HireFrontendDevelopers = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Frontend Developers | Skilled Talent at WDI</title>
<meta
name="description"
content="Hire frontend developers from WDI to build high-quality, responsive, and scalable web applications tailored to your business needs with expert skills"
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Frontend Developers | Skilled Talent at WDI" />
<meta
property="og:description"
content="Hire frontend developers from WDI to build high-quality, responsive, and scalable web applications tailored to your business needs with expert skills"
/>
<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 Frontend Developers | Skilled Talent at WDI" />
<meta
name="twitter:description"
content="Hire frontend developers from WDI to build high-quality, responsive, and scalable web applications tailored to your business needs with expert skills"
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -18,6 +18,7 @@ import {
Star, Star,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireFullStackDevelopers = () => { export const HireFullStackDevelopers = () => {
const expertise = [ const expertise = [
@@ -139,6 +140,53 @@ export const HireFullStackDevelopers = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Full Stack Developers from WDI | Expert Web Solutions</title>
<meta
name="description"
content="Hire skilled full stack developers from WDI for seamless front-end and back-end solutions. Get dedicated experts to build scalable, efficient web and mobile apps."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Full Stack Developers from WDI | Expert Web Solutions" />
<meta
property="og:description"
content="Hire skilled full stack developers from WDI for seamless front-end and back-end solutions. Get dedicated experts to build scalable, efficient web and mobile apps."
/>
<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 Full Stack Developers from WDI | Expert Web Solutions" />
<meta
name="twitter:description"
content="Hire skilled full stack developers from WDI for seamless front-end and back-end solutions. Get dedicated experts to build scalable, efficient web and mobile apps."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -6,6 +6,7 @@ import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Smartphone, Apple, Code, Zap, Shield, Target, Users, CheckCircle, Star } from "lucide-react"; import { ArrowRight, Smartphone, Apple, Code, Zap, Shield, Target, Users, CheckCircle, Star } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireMobileAppDevelopers = () => { export const HireMobileAppDevelopers = () => {
const expertise = [ const expertise = [
@@ -98,6 +99,53 @@ export const HireMobileAppDevelopers = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Mobile App Developers | Expert Talent at WDI</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."
/>
{/* 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 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."
/>
<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 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."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -18,6 +18,7 @@ import {
Search, Search,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireQAEngineers = () => { export const HireQAEngineers = () => {
const expertise = [ const expertise = [
@@ -205,6 +206,53 @@ export const HireQAEngineers = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire QA Engineers from WDI | Ensure Software Quality</title>
<meta
name="description"
content="Hire QA Engineers from WDI to deliver bug-free, high-quality software. Ensure seamless performance with our expert testing and quality assurance team."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire QA Engineers from WDI | Ensure Software Quality" />
<meta
property="og:description"
content="Hire QA Engineers from WDI to deliver bug-free, high-quality software. Ensure seamless performance with our expert testing and quality assurance team."
/>
<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 QA Engineers from WDI | Ensure Software Quality" />
<meta
name="twitter:description"
content="Hire QA Engineers from WDI to deliver bug-free, high-quality software. Ensure seamless performance with our expert testing and quality assurance team."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -6,6 +6,7 @@ import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ArrowRight, Users, Clock, Target, DollarSign, Shield, Zap, CheckCircle, Smartphone, Code, Monitor, Database, Palette, TestTube } from "lucide-react"; import { ArrowRight, Users, Clock, Target, DollarSign, Shield, Zap, CheckCircle, Smartphone, Code, Monitor, Database, Palette, TestTube } from "lucide-react";
import { navigateTo } from "../App"; import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const HireTalent = () => { export const HireTalent = () => {
const talentCategories = [ const talentCategories = [
@@ -110,6 +111,53 @@ export const HireTalent = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire Top Tech Talent | Build Your Dream Team with WDI</title>
<meta
name="description"
content="Hire top tech talent with WDI to build your dream team. Access skilled professionals, streamlined hiring, and tailored recruitment solutions for your business."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire Top Tech Talent | Build Your Dream Team with WDI" />
<meta
property="og:description"
content="Hire top tech talent with WDI to build your dream team. Access skilled professionals, streamlined hiring, and tailored recruitment solutions for your business."
/>
<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 Top Tech Talent | Build Your Dream Team with WDI" />
<meta
name="twitter:description"
content="Hire top tech talent with WDI to build your dream team. Access skilled professionals, streamlined hiring, and tailored recruitment solutions for your business."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"
@@ -131,14 +179,16 @@ export const HireTalent = () => {
<p className="text-lg md:text-xl text-muted-foreground mb-8 max-w-3xl mx-auto leading-relaxed"> <p className="text-lg md:text-xl text-muted-foreground mb-8 max-w-3xl mx-auto leading-relaxed">
Connecting You with Exceptional Tech Professionals, Effortlessly. In today's fast-paced digital landscape, access to top-tier technical talent is crucial for success. Connecting You with Exceptional Tech Professionals, Effortlessly. In today's fast-paced digital landscape, access to top-tier technical talent is crucial for success.
</p> </p>
<div className="flex flex-col sm:flex-row gap-4 justify-center"> <div className="flex flex-col sm:flex-row gap-4 justify-center"
onClick={() => navigateTo("/start-a-project")}
>
<Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"> <Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white">
Tell Us Your Hiring Needs Tell Us Your Hiring Needs
<ArrowRight className="ml-2 w-4 h-4" /> <ArrowRight className="ml-2 w-4 h-4" />
</Button> </Button>
<Button size="lg" variant="outline" className="border-white/20 text-white hover:bg-white/10"> {/* <Button size="lg" variant="outline" className="border-white/20 text-white hover:bg-white/10">
Request a Free Consultation Request a Free Consultation
</Button> </Button> */}
</div> </div>
</div> </div>
</div> </div>
@@ -307,7 +357,9 @@ export const HireTalent = () => {
Let's discuss your hiring needs and find the perfect talent to drive your projects forward. Let's discuss your hiring needs and find the perfect talent to drive your projects forward.
</p> </p>
<div className="flex flex-col sm:flex-row gap-4 justify-center"> <div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"> <Button size="lg" className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
onClick={() => navigateTo("/start-a-project")}
>
Start Hiring Now Start Hiring Now
<ArrowRight className="ml-2 w-4 h-4" /> <ArrowRight className="ml-2 w-4 h-4" />
</Button> </Button>

View File

@@ -17,6 +17,7 @@ import {
TestTube, TestTube,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const HireUIUXDesigners = () => { export const HireUIUXDesigners = () => {
const expertise = [ const expertise = [
@@ -182,6 +183,53 @@ export const HireUIUXDesigners = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Hire UI/UX Designers for Your Project | WDI</title>
<meta
name="description"
content="Engage top UI/UX designers from WDI for stunning, user-centric web and app interfaces. Elevate your digital products with award-winning design expertise."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Hire UI/UX Designers for Your Project | WDI" />
<meta
property="og:description"
content="Engage top UI/UX designers from WDI for stunning, user-centric web and app interfaces. Elevate your digital products with award-winning design expertise."
/>
<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 UI/UX Designers for Your Project | WDI" />
<meta
name="twitter:description"
content="Engage top UI/UX designers from WDI for stunning, user-centric web and app interfaces. Elevate your digital products with award-winning design expertise."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -15,11 +15,59 @@ import {
Eye, Database, Target, CheckCircle, Star, Eye, Database, Target, CheckCircle, Star,
Zap, Globe, Clock, Award, Settings Zap, Globe, Clock, Award, Settings
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Manufacturing Automation Solutions & Services | WDI</title>
<meta
name="description"
content="WDI delivers advanced manufacturing automation with custom optics, robotics, and precision controls to optimize production, quality, and efficiency in industry."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Manufacturing Automation Solutions & Services | WDI" />
<meta
property="og:description"
content="WDI delivers advanced manufacturing automation with custom optics, robotics, and precision controls to optimize production, quality, and efficiency in industry."
/>
<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="Manufacturing Automation Solutions & Services | WDI" />
<meta
name="twitter:description"
content="WDI delivers advanced manufacturing automation with custom optics, robotics, and precision controls to optimize production, quality, and efficiency in industry."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -48,11 +48,59 @@ import {
Archive, Archive,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Medical Compliance Hero Section // Medical Compliance Hero Section
const MedicalComplianceHero = () => { const MedicalComplianceHero = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Medical Compliance Solutions & Services by WDI</title>
<meta
name="description"
content="WDI delivers medical compliance solutions to automate regulatory processes, minimize risks, and ensure your healthcare organization stays fully compliant."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Medical Compliance Solutions & Services by WDI" />
<meta
property="og:description"
content="WDI delivers medical compliance solutions to automate regulatory processes, minimize risks, and ensure your healthcare organization stays fully compliant."
/>
<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="Medical Compliance Solutions & Services by WDI" />
<meta
name="twitter:description"
content="WDI delivers medical compliance solutions to automate regulatory processes, minimize risks, and ensure your healthcare organization stays fully compliant."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -242,15 +290,14 @@ const MedicalComplianceHero = () => {
> >
<div className="flex items-center gap-2 mb-2"> <div className="flex items-center gap-2 mb-2">
<compliance.icon <compliance.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${compliance.color === "green"
compliance.color === "green"
? "text-green-400" ? "text-green-400"
: compliance.color === "yellow" : compliance.color === "yellow"
? "text-yellow-400" ? "text-yellow-400"
: compliance.color === "blue" : compliance.color === "blue"
? "text-blue-400" ? "text-blue-400"
: "text-gray-400" : "text-gray-400"
}`} }`}
/> />
<span className="text-white font-medium text-sm"> <span className="text-white font-medium text-sm">
{compliance.name} {compliance.name}
@@ -352,22 +399,20 @@ const MedicalComplianceHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors" className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
> >
<div <div
className={`w-8 h-8 rounded-full flex items-center justify-center ${ className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "blue"
activity.color === "blue"
? "bg-blue-500/20" ? "bg-blue-500/20"
: activity.color === "green" : activity.color === "green"
? "bg-green-500/20" ? "bg-green-500/20"
: "bg-purple-500/20" : "bg-purple-500/20"
}`} }`}
> >
<activity.icon <activity.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${activity.color === "blue"
activity.color === "blue"
? "text-blue-400" ? "text-blue-400"
: activity.color === "green" : activity.color === "green"
? "text-green-400" ? "text-green-400"
: "text-purple-400" : "text-purple-400"
}`} }`}
/> />
</div> </div>
<div className="flex-1"> <div className="flex-1">
@@ -898,14 +943,12 @@ const MedicalComplianceProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -15,11 +15,59 @@ import {
Bell, FileText, Target, CheckCircle, Star, Bell, FileText, Target, CheckCircle, Star,
Zap, Layers, Users, Award, Clock Zap, Layers, Users, Award, Clock
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Microlearning Apps by WDI | Innovative Learning Solutions</title>
<meta
name="description"
content="Explore WDI's Microlearning Apps for effective, engaging, and flexible education. Transform learning experiences with our cutting-edge solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Microlearning Apps by WDI | Innovative Learning Solutions" />
<meta
property="og:description"
content="Explore WDI's Microlearning Apps for effective, engaging, and flexible education. Transform learning experiences with our cutting-edge solutions."
/>
<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="Microlearning Apps by WDI | Innovative Learning Solutions" />
<meta
name="twitter:description"
content="Explore WDI's Microlearning Apps for effective, engaging, and flexible education. Transform learning experiences with our cutting-edge solutions."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -46,11 +46,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// NLP & Text Analytics Hero Section // NLP & Text Analytics Hero Section
const NLPHeroWithCTA = () => { const NLPHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>NLP & Text Analytics | Language AI & Text Intelligence | WDI</title>
<meta
name="description"
content="WDI offers NLP and text analytics services that extract meaning from unstructured data. Automate insight discovery and enhance AI applications."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="NLP & Text Analytics | Language AI & Text Intelligence | WDI" />
<meta
property="og:description"
content="WDI offers NLP and text analytics services that extract meaning from unstructured data. Automate insight discovery and enhance AI applications."
/>
<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="NLP & Text Analytics | Language AI & Text Intelligence | WDI" />
<meta
name="twitter:description"
content="WDI offers NLP and text analytics services that extract meaning from unstructured data. Automate insight discovery and enhance AI applications."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -106,11 +106,59 @@ import {
Microscope, Microscope,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Native App Development Hero Section // Native App Development Hero Section
const NativeHeroWithCTA = () => { const NativeHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Native App Development Services | WDI Expert Solutions</title>
<meta
name="description"
content="WDI specializes in native app development, delivering high-performance, secure, and user-friendly apps for iOS and Android platforms. Boost your mobile strategy today."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Native App Development Services | WDI Expert Solutions" />
<meta
property="og:description"
content="WDI specializes in native app development, delivering high-performance, secure, and user-friendly apps for iOS and Android platforms. Boost your mobile strategy 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="Native App Development Services | WDI Expert Solutions" />
<meta
name="twitter:description"
content="WDI specializes in native app development, delivering high-performance, secure, and user-friendly apps for iOS and Android platforms. Boost your mobile strategy 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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -26,11 +26,59 @@ import {
Award, Award,
Brain, Brain,
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>OTT & Streaming Apps by WDI | Custom Media Solutions</title>
<meta
name="description"
content="WDI delivers innovative OTT & Streaming Apps for seamless content delivery, user engagement, and scalable media experiences tailored to your business needs."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="OTT & Streaming Apps by WDI | Custom Media Solutions" />
<meta
property="og:description"
content="WDI delivers innovative OTT & Streaming Apps for seamless content delivery, user engagement, and scalable media experiences tailored to your business needs."
/>
<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="OTT & Streaming Apps by WDI | Custom Media Solutions" />
<meta
name="twitter:description"
content="WDI delivers innovative OTT & Streaming Apps for seamless content delivery, user engagement, and scalable media experiences tailored to your business needs."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -15,11 +15,59 @@ import {
Database, Shield, Target, CheckCircle, Star, Database, Shield, Target, CheckCircle, Star,
Zap, Globe, Clock, Award, Gauge Zap, Globe, Clock, Award, Gauge
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Oil & Gas Monitoring System Solutions by WDI</title>
<meta
name="description"
content="WDI delivers advanced Oil & Gas Monitoring Systems with real-time data, safety alerts, and automation to optimize operations and ensure regulatory compliance."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Oil & Gas Monitoring System Solutions by WDI" />
<meta
property="og:description"
content="WDI delivers advanced Oil & Gas Monitoring Systems with real-time data, safety alerts, and automation to optimize operations and ensure regulatory compliance."
/>
<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="Oil & Gas Monitoring System Solutions by WDI" />
<meta
name="twitter:description"
content="WDI delivers advanced Oil & Gas Monitoring Systems with real-time data, safety alerts, and automation to optimize operations and ensure regulatory compliance."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -15,11 +15,59 @@ import {
Star, BarChart3, Target, CheckCircle, Zap, Star, BarChart3, Target, CheckCircle, Zap,
Shield, Globe, Award, Settings, Bell Shield, Globe, Award, Settings, Bell
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>On-Demand Services by WDI | Custom Mobility Solutions</title>
<meta
name="description"
content="WDI delivers innovative On-Demand Services apps with flexible, scalable solutions for seamless booking, real-time tracking, and enhanced user experience."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="On-Demand Services by WDI | Custom Mobility Solutions" />
<meta
property="og:description"
content="WDI delivers innovative On-Demand Services apps with flexible, scalable solutions for seamless booking, real-time tracking, and enhanced user experience."
/>
<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="On-Demand Services by WDI | Custom Mobility Solutions" />
<meta
name="twitter:description"
content="WDI delivers innovative On-Demand Services apps with flexible, scalable solutions for seamless booking, real-time tracking, and enhanced user experience."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -49,11 +49,59 @@ import { ShimmerButton } from "../components/ui/shimmer-button";
import tradersCircuitImage from "../src/images/traders-circuit.webp"; import tradersCircuitImage from "../src/images/traders-circuit.webp";
import goodTimesImage from "../src/images/goodtimes.webp"; import goodTimesImage from "../src/images/goodtimes.webp";
import prospertyImage from "../src/images/prosperty.webp"; import prospertyImage from "../src/images/prosperty.webp";
import { Helmet } from "react-helmet-async";
// PWA Hero Section // PWA Hero Section
const PWAHeroWithCTA = () => { const PWAHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Progressive Web App (PWA) Development by WDI | Next-Gen Solutions</title>
<meta
name="description"
content="WDI delivers cutting-edge Progressive Web App (PWA) development for fast, reliable, and engaging user experiences with offline access & seamless multi-device support."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Progressive Web App (PWA) Development by WDI | Next-Gen Solutions" />
<meta
property="og:description"
content="WDI delivers cutting-edge Progressive Web App (PWA) development for fast, reliable, and engaging user experiences with offline access & seamless multi-device support."
/>
<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="Progressive Web App (PWA) Development by WDI | Next-Gen Solutions" />
<meta
name="twitter:description"
content="WDI delivers cutting-edge Progressive Web App (PWA) development for fast, reliable, and engaging user experiences with offline access & seamless multi-device support."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -48,11 +48,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Predictive Analytics & Forecasting Hero Section // Predictive Analytics & Forecasting Hero Section
const PredictiveAnalyticsHeroWithCTA = () => { const PredictiveAnalyticsHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Predictive Analytics | Forecasting & AI Insights | WDI</title>
<meta
name="description"
content="Leverage WDIs predictive analytics solutions to forecast trends and behaviors. Drive proactive decisions with AI-powered forecasting systems."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Predictive Analytics | Forecasting & AI Insights | WDI" />
<meta
property="og:description"
content="Leverage WDIs predictive analytics solutions to forecast trends and behaviors. Drive proactive decisions with AI-powered forecasting systems."
/>
<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="Predictive Analytics | Forecasting & AI Insights | WDI" />
<meta
name="twitter:description"
content="Leverage WDIs predictive analytics solutions to forecast trends and behaviors. Drive proactive decisions with AI-powered forecasting systems."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -45,11 +45,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import awsLogo from "../src/images/aws-logo.png"; import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Product Modernization Hero Section // Product Modernization Hero Section
const ModernizationHeroWithCTA = () => { const ModernizationHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Product Modernization That Revives Legacy Systems | WDI</title>
<meta
name="description"
content="WDIs Product Modernization services help upgrade outdated software into fast, secure, and scalable solutions that meet todays business demands."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Product Modernization That Revives Legacy Systems | WDI" />
<meta
property="og:description"
content="WDIs Product Modernization services help upgrade outdated software into fast, secure, and scalable solutions that meet todays business demands."
/>
<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="Product Modernization That Revives Legacy Systems | WDI" />
<meta
name="twitter:description"
content="WDIs Product Modernization services help upgrade outdated software into fast, secure, and scalable solutions that meet todays business demands."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -506,14 +554,12 @@ const ModernizationProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-card/20 backdrop-blur-md rounded-2xl border border-white/10 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -42,11 +42,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Real Estate Tech Hero Section // Real Estate Tech Hero Section
const RealEstateTechHero = () => { const RealEstateTechHero = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Real Estate Tech Solutions & Services by WDI</title>
<meta
name="description"
content="WDI delivers advanced Real Estate Tech solutions, transforming property management and transactions with AI, analytics, and seamless PropTech platforms."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Real Estate Tech Solutions & Services by WDI" />
<meta
property="og:description"
content="WDI delivers advanced Real Estate Tech solutions, transforming property management and transactions with AI, analytics, and seamless PropTech platforms."
/>
<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="Real Estate Tech Solutions & Services by WDI" />
<meta
name="twitter:description"
content="WDI delivers advanced Real Estate Tech solutions, transforming property management and transactions with AI, analytics, and seamless PropTech platforms."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -237,15 +285,14 @@ const RealEstateTechHero = () => {
> >
<div className="flex items-center gap-2 mb-2"> <div className="flex items-center gap-2 mb-2">
<status.icon <status.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${status.color === "green"
status.color === "green"
? "text-green-400" ? "text-green-400"
: status.color === "orange" : status.color === "orange"
? "text-orange-400" ? "text-orange-400"
: status.color === "red" : status.color === "red"
? "text-red-400" ? "text-red-400"
: "text-blue-400" : "text-blue-400"
}`} }`}
/> />
<span className="text-white font-medium text-sm"> <span className="text-white font-medium text-sm">
{status.name} {status.name}
@@ -347,22 +394,20 @@ const RealEstateTechHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors" className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
> >
<div <div
className={`w-8 h-8 rounded-full flex items-center justify-center ${ className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "green"
activity.color === "green"
? "bg-green-500/20" ? "bg-green-500/20"
: activity.color === "orange" : activity.color === "orange"
? "bg-orange-500/20" ? "bg-orange-500/20"
: "bg-blue-500/20" : "bg-blue-500/20"
}`} }`}
> >
<activity.icon <activity.icon
className={`w-4 h-4 ${ className={`w-4 h-4 ${activity.color === "green"
activity.color === "green"
? "text-green-400" ? "text-green-400"
: activity.color === "orange" : activity.color === "orange"
? "text-orange-400" ? "text-orange-400"
: "text-blue-400" : "text-blue-400"
}`} }`}
/> />
</div> </div>
<div className="flex-1"> <div className="flex-1">
@@ -897,14 +942,12 @@ const RealEstateTechProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -50,11 +50,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Personalized Recommendation Engines Hero Section // Personalized Recommendation Engines Hero Section
const RecommendationEnginesHeroWithCTA = () => { const RecommendationEnginesHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Recommendation Engines | AI-Powered Personalization | WDI</title>
<meta
name="description"
content="WDI develops AI recommendation systems for hyper-personalized experiences. Improve engagement, conversion, and user satisfaction with smart engines."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Recommendation Engines | AI-Powered Personalization | WDI" />
<meta
property="og:description"
content="WDI develops AI recommendation systems for hyper-personalized experiences. Improve engagement, conversion, and user satisfaction with smart engines."
/>
<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="Recommendation Engines | AI-Powered Personalization | WDI" />
<meta
name="twitter:description"
content="WDI develops AI recommendation systems for hyper-personalized experiences. Improve engagement, conversion, and user satisfaction with smart engines."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -17,11 +17,59 @@ import {
Calendar, Users, TrendingUp, MessageSquare, Brain, Award, Target, Globe, Calendar, Users, TrendingUp, MessageSquare, Brain, Award, Target, Globe,
Heart, Shield, Eye, CheckCircle, Lightbulb, Coffee, Monitor, Smartphone, Rocket Heart, Shield, Eye, CheckCircle, Lightbulb, Coffee, Monitor, Smartphone, Rocket
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Enhanced Hero Section // Enhanced Hero Section
const HeroWithCTA = () => { const HeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Resources | Industry Best Practices & Insights by WDI</title>
<meta
name="description"
content="Access WDIs library of resources, case studies, whitepapers, and expert articles, designed to reflect industry best practices and real-world impact."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Resources | Industry Best Practices & Insights by WDI" />
<meta
property="og:description"
content="Access WDIs library of resources, case studies, whitepapers, and expert articles, designed to reflect industry best practices and real-world impact."
/>
<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="Resources | Industry Best Practices & Insights by WDI" />
<meta
name="twitter:description"
content="Access WDIs library of resources, case studies, whitepapers, and expert articles, designed to reflect industry best practices and real-world impact."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -67,7 +115,7 @@ const HeroWithCTA = () => {
<Button <Button
variant="secondary" variant="secondary"
size="lg" size="lg"
className="text-lg px-8 py-4" className="text-lg px-8 py-4 h-auto"
onClick={() => navigateTo('/case-studies')} onClick={() => navigateTo('/case-studies')}
> >
<FileText className="w-4 h-4 flex-shrink-0" /> <FileText className="w-4 h-4 flex-shrink-0" />

View File

@@ -40,11 +40,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import awsLogo from "../src/images/aws-logo.png"; import awsLogo from "../src/images/aws-logo.png";
import { Helmet } from "react-helmet-async";
// SaaS Product Engineering Hero Section // SaaS Product Engineering Hero Section
const SaaSHeroWithCTA = () => { const SaaSHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>SaaS Product Engineering Services | Expert Solutions by WDI</title>
<meta
name="description"
content="Partner with WDI for expert SaaS product engineering services. We create robust, customizable, and efficient cloud applications to elevate your business success."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="SaaS Product Engineering Services | Expert Solutions by WDI" />
<meta
property="og:description"
content="Partner with WDI for expert SaaS product engineering services. We create robust, customizable, and efficient cloud applications to elevate your business success."
/>
<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="SaaS Product Engineering Services | Expert Solutions by WDI" />
<meta
name="twitter:description"
content="Partner with WDI for expert SaaS product engineering services. We create robust, customizable, and efficient cloud applications to elevate your business success."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -15,11 +15,59 @@ import {
Shield, Zap, Target, CheckCircle, Star, Shield, Zap, Target, CheckCircle, Star,
Globe, Camera, Clock, Award, Brain Globe, Camera, Clock, Award, Brain
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Social Platforms & Network Development | WDI</title>
<meta
name="description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Social Platforms & Network Development | WDI" />
<meta
property="og:description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
<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="Social Platforms & Network Development | WDI" />
<meta
name="twitter:description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -15,11 +15,59 @@ import {
Ticket, Star, Target, CheckCircle, Zap, Ticket, Star, Target, CheckCircle, Zap,
Globe, Clock, Award, Camera, Bell Globe, Clock, Award, Camera, Bell
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Sports & Fan Engagement Solutions by WDI</title>
<meta
name="description"
content="Engage and thrill your audience with WDIs Sports & Fan Engagement solutions. Drive loyalty, interactive experiences, and data-driven fan insights effectively."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Sports & Fan Engagement Solutions by WDI" />
<meta
property="og:description"
content="Engage and thrill your audience with WDIs Sports & Fan Engagement solutions. Drive loyalty, interactive experiences, and data-driven fan insights effectively."
/>
<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="Sports & Fan Engagement Solutions by WDI" />
<meta
name="twitter:description"
content="Engage and thrill your audience with WDIs Sports & Fan Engagement solutions. Drive loyalty, interactive experiences, and data-driven fan insights effectively."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -15,11 +15,59 @@ import {
Database, Settings, Target, CheckCircle, Star, Database, Settings, Target, CheckCircle, Star,
Zap, Shield, Globe, Award, Route Zap, Shield, Globe, Award, Route
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Supply Chain & Fleet Management Solutions by WDI</title>
<meta
name="description"
content="WDI offers custom Supply Chain & Fleet Management solutions with real-time tracking, route optimization, and data-driven insights to boost efficiency and reduce costs."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Supply Chain & Fleet Management Solutions by WDI" />
<meta
property="og:description"
content="WDI offers custom Supply Chain & Fleet Management solutions with real-time tracking, route optimization, and data-driven insights to boost efficiency and reduce costs."
/>
<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="Supply Chain & Fleet Management Solutions by WDI" />
<meta
name="twitter:description"
content="WDI offers custom Supply Chain & Fleet Management solutions with real-time tracking, route optimization, and data-driven insights to boost efficiency and reduce costs."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -46,11 +46,59 @@ import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import awsLogo from "../src/images/aws-logo.png"; import awsLogo from "../src/images/aws-logo.png";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// System Architecture & DevOps Hero Section // System Architecture & DevOps Hero Section
const DevOpsHeroWithCTA = () => { const DevOpsHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>System Architecture & DevOps Services | Scalable Solutions by WDI</title>
<meta
name="description"
content="WDI delivers expert system architecture and DevOps services, enabling agile development, automation, and scalable infrastructure for faster, reliable software delivery."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="System Architecture & DevOps Services | Scalable Solutions by WDI" />
<meta
property="og:description"
content="WDI delivers expert system architecture and DevOps services, enabling agile development, automation, and scalable infrastructure for faster, reliable software delivery."
/>
<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="System Architecture & DevOps Services | Scalable Solutions by WDI" />
<meta
name="twitter:description"
content="WDI delivers expert system architecture and DevOps services, enabling agile development, automation, and scalable infrastructure for faster, reliable software delivery."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -23,6 +23,7 @@ import {
Settings, Settings,
} from "lucide-react"; } from "lucide-react";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
export const TeamAugmentationServices = () => { export const TeamAugmentationServices = () => {
const benefits = [ const benefits = [
@@ -185,6 +186,53 @@ export const TeamAugmentationServices = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="relative pt-24 pb-16 overflow-hidden"> <section className="relative pt-24 pb-16 overflow-hidden">
<Helmet>
{/* Page Title and Meta Description */}
<title>Team Augmentation Services by WDI | Scalable IT Talent</title>
<meta
name="description"
content="WDI offers expert Team Augmentation Services to quickly expand your tech workforce with skilled developers, ensuring flexible, efficient project delivery and growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Team Augmentation Services by WDI | Scalable IT Talent" />
<meta
property="og:description"
content="WDI offers expert Team Augmentation Services to quickly expand your tech workforce with skilled developers, ensuring flexible, efficient project delivery and growth."
/>
<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="Team Augmentation Services by WDI | Scalable IT Talent" />
<meta
name="twitter:description"
content="WDI offers expert Team Augmentation Services to quickly expand your tech workforce with skilled developers, ensuring flexible, efficient project delivery and growth."
/>
<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>
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" /> <div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/10 via-background to-background" />
<div <div
className="absolute inset-0 opacity-30" className="absolute inset-0 opacity-30"

View File

@@ -45,11 +45,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Third-Party Integrations Hero Section // Third-Party Integrations Hero Section
const IntegrationsHeroWithCTA = () => { const IntegrationsHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Third-Party Integrations for Seamless Systems | WDI</title>
<meta
name="description"
content="WDI offers Third-Party Integrations to connect your apps, boost automation, and improve workflow efficiency with secure, scalable solutions."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Third-Party Integrations for Seamless Systems | WDI" />
<meta
property="og:description"
content="WDI offers Third-Party Integrations to connect your apps, boost automation, and improve workflow efficiency with secure, scalable solutions."
/>
<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="Third-Party Integrations for Seamless Systems | WDI" />
<meta
name="twitter:description"
content="WDI offers Third-Party Integrations to connect your apps, boost automation, and improve workflow efficiency with secure, scalable solutions."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -15,11 +15,59 @@ import {
Route, BarChart3, Target, CheckCircle, Star, Route, BarChart3, Target, CheckCircle, Star,
Zap, Shield, Globe, Award, Navigation as NavIcon Zap, Shield, Globe, Award, Navigation as NavIcon
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Custom Transportation App Solutions by WDI</title>
<meta
name="description"
content="Trust WDI for top-tier Transportation Apps delivering real-time updates, efficient booking, and outstanding travel experiences for businesses and users."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Custom Transportation App Solutions by WDI" />
<meta
property="og:description"
content="Trust WDI for top-tier Transportation Apps delivering real-time updates, efficient booking, and outstanding travel experiences for businesses and users."
/>
<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="Custom Transportation App Solutions by WDI" />
<meta
name="twitter:description"
content="Trust WDI for top-tier Transportation Apps delivering real-time updates, efficient booking, and outstanding travel experiences for businesses and users."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -26,11 +26,59 @@ import {
Clock, Clock,
Award, Award,
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Travel & Booking System Development Services | WDI</title>
<meta
name="description"
content="Streamline your business with WDI's Travel & Booking Systems. Get advanced solutions for seamless reservations, management, and customer experience."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Travel & Booking System Development Services | WDI" />
<meta
property="og:description"
content="Streamline your business with WDI's Travel & Booking Systems. Get advanced solutions for seamless reservations, management, and customer experience."
/>
<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="Travel & Booking System Development Services | WDI" />
<meta
name="twitter:description"
content="Streamline your business with WDI's Travel & Booking Systems. Get advanced solutions for seamless reservations, management, and customer experience."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// UI/UX Design Hero Section // UI/UX Design Hero Section
const UIUXHeroWithCTA = () => { const UIUXHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>UI/UX Design Services | Engaging Interfaces by WDI</title>
<meta
name="description"
content="WDIs UI/UX design services create seamless, user-friendly digital experiences that boost engagement and drive business growth effectively."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="UI/UX Design Services | Engaging Interfaces by WDI" />
<meta
property="og:description"
content="WDIs UI/UX design services create seamless, user-friendly digital experiences that boost engagement and drive business growth effectively."
/>
<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="UI/UX Design Services | Engaging Interfaces by WDI" />
<meta
name="twitter:description"
content="WDIs UI/UX design services create seamless, user-friendly digital experiences that boost engagement and drive business growth effectively."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -38,11 +38,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// User Research & Testing Hero Section // User Research & Testing Hero Section
const ResearchHeroWithCTA = () => { const ResearchHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>User Research & Testing | Software Development Insights</title>
<meta
name="description"
content="WDI delivers user research that fuels smarter software development. Understand behavior and needs to create user-centric digital experiences."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="User Research & Testing | Software Development Insights" />
<meta
property="og:description"
content="WDI delivers user research that fuels smarter software development. Understand behavior and needs to create user-centric digital experiences."
/>
<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="User Research & Testing | Software Development Insights" />
<meta
name="twitter:description"
content="WDI delivers user research that fuels smarter software development. Understand behavior and needs to create user-centric digital experiences."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -15,11 +15,59 @@ import {
FolderOpen, BarChart3, Target, CheckCircle, Star, FolderOpen, BarChart3, Target, CheckCircle, Star,
Monitor, Layers, Zap, Globe, Award, Clock Monitor, Layers, Zap, Globe, Award, Clock
} from "lucide-react"; } from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component // Problem Solution Block Component
const ProblemSolutionBlock = () => { const ProblemSolutionBlock = () => {
return ( return (
<section className="py-20 bg-[#0E0E0E]"> <section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Virtual Classrooms & LMS Solutions for Education | WDI</title>
<meta
name="description"
content="Discover WDIs advanced virtual classrooms and LMS platforms for seamless online learning. Empower educators and learners with innovative digital education tools."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Virtual Classrooms & LMS Solutions for Education | WDI" />
<meta
property="og:description"
content="Discover WDIs advanced virtual classrooms and LMS platforms for seamless online learning. Empower educators and learners with innovative digital education tools."
/>
<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="Virtual Classrooms & LMS Solutions for Education | WDI" />
<meta
name="twitter:description"
content="Discover WDIs advanced virtual classrooms and LMS platforms for seamless online learning. Empower educators and learners with innovative digital education tools."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<motion.div <motion.div
initial={{ opacity: 0, y: 30 }} initial={{ opacity: 0, y: 30 }}

View File

@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// WealthTech Platforms Hero Section // WealthTech Platforms Hero Section
const WealthTechPlatformsHero = () => { const WealthTechPlatformsHero = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>WealthTech Platform Development Services | WDI</title>
<meta
name="description"
content="WDI empowers businesses with advanced WealthTech platforms, delivering digital wealth management, automation, and secure solutions for modern financial growth."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="WealthTech Platform Development Services | WDI" />
<meta
property="og:description"
content="WDI empowers businesses with advanced WealthTech platforms, delivering digital wealth management, automation, and secure solutions for modern financial growth."
/>
<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="WealthTech Platform Development Services | WDI" />
<meta
name="twitter:description"
content="WDI empowers businesses with advanced WealthTech platforms, delivering digital wealth management, automation, and secure solutions for modern financial growth."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -238,11 +286,10 @@ const WealthTechPlatformsHero = () => {
{asset.name} {asset.name}
</span> </span>
<span <span
className={`text-xs px-2 py-1 rounded ${ className={`text-xs px-2 py-1 rounded ${asset.change.startsWith("+")
asset.change.startsWith("+")
? "bg-green-500/20 text-green-300" ? "bg-green-500/20 text-green-300"
: "bg-red-500/20 text-red-300" : "bg-red-500/20 text-red-300"
}`} }`}
> >
{asset.change} {asset.change}
</span> </span>
@@ -349,13 +396,12 @@ const WealthTechPlatformsHero = () => {
</div> </div>
</div> </div>
<div <div
className={`w-2 h-2 rounded-full ${ className={`w-2 h-2 rounded-full ${rec.color === "red"
rec.color === "red"
? "bg-red-400" ? "bg-red-400"
: rec.color === "yellow" : rec.color === "yellow"
? "bg-yellow-400" ? "bg-yellow-400"
: "bg-green-400" : "bg-green-400"
}`} }`}
></div> ></div>
</motion.div> </motion.div>
))} ))}
@@ -908,14 +954,12 @@ const WealthTechPlatformsProcess = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">

View File

@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
import { Card, CardContent } from "../components/ui/card"; import { Card, CardContent } from "../components/ui/card";
import { ShimmerButton } from "../components/ui/shimmer-button"; import { ShimmerButton } from "../components/ui/shimmer-button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import { Helmet } from "react-helmet-async";
// Wearable & Device App Development Hero Section // Wearable & Device App Development Hero Section
const WearableHeroWithCTA = () => { const WearableHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Wearable & IoT App Development Services | WDI Innovation</title>
<meta
name="description"
content="WDI delivers advanced Wearable & IoT app development, creating seamless, secure, and connected experiences to elevate your business with cutting-edge technology."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Wearable & IoT App Development Services | WDI Innovation" />
<meta
property="og:description"
content="WDI delivers advanced Wearable & IoT app development, creating seamless, secure, and connected experiences to elevate your business with cutting-edge technology."
/>
<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="Wearable & IoT App Development Services | WDI Innovation" />
<meta
name="twitter:description"
content="WDI delivers advanced Wearable & IoT app development, creating seamless, secure, and connected experiences to elevate your business with cutting-edge technology."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div

View File

@@ -8,6 +8,7 @@ import { Input } from "../components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
import { FileCheck, Download, Search, Calendar, User, ArrowRight, BookOpen, FileText, TrendingUp, Brain, Shield, Cloud } from "lucide-react"; import { FileCheck, Download, Search, Calendar, User, ArrowRight, BookOpen, FileText, TrendingUp, Brain, Shield, Cloud } from "lucide-react";
import { navigateTo } from "../App"; import { navigateTo } from "../App";
import { Helmet } from "react-helmet-async";
export const WhitepapersInsights = () => { export const WhitepapersInsights = () => {
const [searchTerm, setSearchTerm] = useState(""); const [searchTerm, setSearchTerm] = useState("");
@@ -194,7 +195,7 @@ export const WhitepapersInsights = () => {
const filteredWhitepapers = whitepapers.filter(paper => { const filteredWhitepapers = whitepapers.filter(paper => {
const matchesSearch = paper.title.toLowerCase().includes(searchTerm.toLowerCase()) || const matchesSearch = paper.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
paper.description.toLowerCase().includes(searchTerm.toLowerCase()); paper.description.toLowerCase().includes(searchTerm.toLowerCase());
const matchesCategory = selectedCategory === "all" || paper.category === selectedCategory; const matchesCategory = selectedCategory === "all" || paper.category === selectedCategory;
const matchesTopic = selectedTopic === "all" || paper.topics.includes(selectedTopic); const matchesTopic = selectedTopic === "all" || paper.topics.includes(selectedTopic);
@@ -225,6 +226,53 @@ export const WhitepapersInsights = () => {
{/* Hero Section */} {/* Hero Section */}
<section className="pt-24 pb-16 bg-background"> <section className="pt-24 pb-16 bg-background">
<Helmet>
{/* Page Title and Meta Description */}
<title>Insights & White Papers | Enterprise AI Development</title>
<meta
name="description"
content="Explore insights and white papers on enterprise AI development. WDI shares expertise to help you plan, scale, and innovate with confidence."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Insights & White Papers | Enterprise AI Development" />
<meta
property="og:description"
content="Explore insights and white papers on enterprise AI development. WDI shares expertise to help you plan, scale, and innovate with confidence."
/>
<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="Insights & White Papers | Enterprise AI Development" />
<meta
name="twitter:description"
content="Explore insights and white papers on enterprise AI development. WDI shares expertise to help you plan, scale, and innovate with confidence."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<div className="flex items-center justify-center gap-2 mb-6"> <div className="flex items-center justify-center gap-2 mb-6">

View File

@@ -48,11 +48,59 @@ import {
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { navigateTo } from "@/App"; import { navigateTo } from "@/App";
import Spline from "@splinetool/react-spline"; import Spline from "@splinetool/react-spline";
import { Helmet } from "react-helmet-async";
// iOS Hero Section with iPhone/iPad mockups // iOS Hero Section with iPhone/iPad mockups
const IOSHeroWithCTA = () => { const IOSHeroWithCTA = () => {
return ( return (
<section className="relative py-20 overflow-hidden bg-black"> <section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>iOS App Development Services Crafted by WDI Experts</title>
<meta
name="description"
content="iOS App Development Services by WDI delivering secure, high-performance apps built for scale and seamless user experience."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="iOS App Development Services Crafted by WDI Experts" />
<meta
property="og:description"
content="iOS App Development Services by WDI delivering secure, high-performance apps built for scale and seamless user experience."
/>
<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="iOS App Development Services Crafted by WDI Experts" />
<meta
name="twitter:description"
content="iOS App Development Services by WDI delivering secure, high-performance apps built for scale and seamless user experience."
/>
<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>
<div className="container mx-auto px-6 lg:px-8"> <div className="container mx-auto px-6 lg:px-8">
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]"> <div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div <motion.div
@@ -290,19 +338,18 @@ const IOSCaseStudies = () => {
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div <div
className={`w-10 h-10 rounded-lg bg-gradient-to-r ${ className={`w-10 h-10 rounded-lg bg-gradient-to-r ${study.accentColor === "blue"
study.accentColor === "blue"
? "from-blue-500 to-cyan-500" ? "from-blue-500 to-cyan-500"
: study.accentColor === "green" : study.accentColor === "green"
? "from-green-500 to-emerald-500" ? "from-green-500 to-emerald-500"
: study.accentColor === "purple" : study.accentColor === "purple"
? "from-purple-500 to-pink-500" ? "from-purple-500 to-pink-500"
: study.accentColor === "cyan" : study.accentColor === "cyan"
? "from-cyan-500 to-blue-500" ? "from-cyan-500 to-blue-500"
: study.accentColor === "orange" : study.accentColor === "orange"
? "from-orange-500 to-red-500" ? "from-orange-500 to-red-500"
: "from-emerald-500 to-teal-500" : "from-emerald-500 to-teal-500"
} flex items-center justify-center flex-shrink-0`} } flex items-center justify-center flex-shrink-0`}
> >
<AchievementIcon className="w-5 h-5 text-white" /> <AchievementIcon className="w-5 h-5 text-white" />
</div> </div>
@@ -481,14 +528,12 @@ const IOSProcessTimeline = () => {
whileInView={{ opacity: 1, x: 0 }} whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }} transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }} viewport={{ once: true }}
className={`flex items-center ${ className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
isEven ? "lg:flex-row" : "lg:flex-row-reverse" } flex-col lg:gap-16 gap-8`}
} flex-col lg:gap-16 gap-8`}
> >
<div <div
className={`flex-1 ${ className={`flex-1 ${isEven ? "lg:text-right" : "lg:text-left"
isEven ? "lg:text-right" : "lg:text-left" } text-center lg:text-left`}
} text-center lg:text-left`}
> >
<div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl"> <div className="bg-gray-900/50 backdrop-blur-md rounded-2xl border border-gray-800 p-8 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl">
<div className="flex items-center gap-4 mb-4 justify-center lg:justify-start"> <div className="flex items-center gap-4 mb-4 justify-center lg:justify-start">