adding meta tags in main pages and bio added in leadership team
This commit is contained in:
priyanshuvish
@@ -16,11 +16,59 @@ import {
|
||||
Calendar, Eye, Building, FileText, Settings, Trophy,
|
||||
BookOpen, MessageSquare, Briefcase, Mail
|
||||
} from "lucide-react";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Enhanced Hero Section
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>About WDI | Why Choose Us for Digital Innovation Success</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="About WDI | Why Choose Us for Digital Innovation Success" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
|
||||
/>
|
||||
<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="About WDI | Why Choose Us for Digital Innovation Success" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
|
||||
/>
|
||||
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -24,11 +24,59 @@ import { Badge } from "../components/ui/badge";
|
||||
import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Enhanced Hero Section
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Artificial Intelligence | Custom AI Solutions by WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Discover how WDI builds tailored AI solutions that drive automation, insights, and competitive edge for businesses through smart digital systems."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Artificial Intelligence | Custom AI Solutions by WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Discover how WDI builds tailored AI solutions that drive automation, insights, and competitive edge for businesses through smart digital 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="Artificial Intelligence | Custom AI Solutions by WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Discover how WDI builds tailored AI solutions that drive automation, insights, and competitive edge for businesses through smart digital 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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -42,11 +42,59 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Business Process Automation Hero Section
|
||||
const BusinessProcessAutomationHero = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Business Process Automation Services by WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="WDI's business process automation streamlines workflows, reduces manual tasks, and drives operational excellence with AI-powered solutions for growth."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Business Process Automation Services by WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="WDI's business process automation streamlines workflows, reduces manual tasks, and drives operational excellence with AI-powered solutions for 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="Business Process Automation Services by WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="WDI's business process automation streamlines workflows, reduces manual tasks, and drives operational excellence with AI-powered solutions for 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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -5,12 +5,12 @@ import { Footer } from "../components/Footer";
|
||||
import { Button } from "../components/ui/button";
|
||||
import { Badge } from "../components/ui/badge";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import {
|
||||
ArrowRight,
|
||||
MapPin,
|
||||
Clock,
|
||||
Users,
|
||||
Mail,
|
||||
import {
|
||||
ArrowRight,
|
||||
MapPin,
|
||||
Clock,
|
||||
Users,
|
||||
Mail,
|
||||
Code,
|
||||
Palette,
|
||||
Settings,
|
||||
@@ -21,6 +21,7 @@ import {
|
||||
Bug,
|
||||
LineChart
|
||||
} from "lucide-react";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
export const Careers = () => {
|
||||
// Job positions data
|
||||
@@ -43,7 +44,7 @@ export const Careers = () => {
|
||||
},
|
||||
{
|
||||
title: "Jr. Laravel Developer",
|
||||
department: "Backend Development",
|
||||
department: "Backend Development",
|
||||
location: "In-office",
|
||||
type: "Full-time",
|
||||
description: "Build and maintain scalable web applications using Laravel, PHP, and MySQL, with a focus on clean architecture and APIs.",
|
||||
@@ -51,7 +52,7 @@ export const Careers = () => {
|
||||
},
|
||||
{
|
||||
title: "Jr. Node.js Developer",
|
||||
department: "Backend Development",
|
||||
department: "Backend Development",
|
||||
location: "In-office",
|
||||
type: "Full-time",
|
||||
description: "Design and implement backend services and RESTful APIs using Node.js, Express, and modern JavaScript/TypeScript.",
|
||||
@@ -59,7 +60,7 @@ export const Careers = () => {
|
||||
},
|
||||
{
|
||||
title: "Jr. Python Developer",
|
||||
department: "Backend Development",
|
||||
department: "Backend Development",
|
||||
location: "In-office",
|
||||
type: "Full-time",
|
||||
description: "Develop server-side applications, automation scripts, and data-driven systems using Python and relevant frameworks like Django or Flask.",
|
||||
@@ -95,7 +96,7 @@ export const Careers = () => {
|
||||
const scrollToSendCV = () => {
|
||||
const element = document.getElementById('send-cv-section');
|
||||
if (element) {
|
||||
element.scrollIntoView({
|
||||
element.scrollIntoView({
|
||||
behavior: 'smooth',
|
||||
block: 'start'
|
||||
});
|
||||
@@ -111,20 +112,67 @@ I am interested in exploring career opportunities at WDI. Please find my resume
|
||||
|
||||
Best regards,
|
||||
[Your Name]`;
|
||||
|
||||
|
||||
const mailtoLink = `mailto:hr@wdipl.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
|
||||
window.open(mailtoLink, '_blank');
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="dark min-h-screen bg-background">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Careers at WDI | Explore Tech Career Opportunities Today</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Join WDI’s growing team. Explore tech career opportunities in software, AI, and digital innovation with a company that values learning and leadership."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Careers at WDI | Explore Tech Career Opportunities Today" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Join WDI’s growing team. Explore tech career opportunities in software, AI, and digital innovation with a company that values learning and leadership."
|
||||
/>
|
||||
<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="Careers at WDI | Explore Tech Career Opportunities Today" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Join WDI’s growing team. Explore tech career opportunities in software, AI, and digital innovation with a company that values learning and leadership."
|
||||
/>
|
||||
<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>
|
||||
<Navigation />
|
||||
|
||||
|
||||
{/* Hero Section */}
|
||||
<section className="relative pt-24 pb-20 overflow-hidden bg-black">
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-[#E5195E]/5 via-background to-background" />
|
||||
|
||||
<motion.div
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
@@ -160,7 +208,7 @@ Best regards,
|
||||
Discover exciting opportunities to grow your career with our talented team.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
@@ -210,10 +258,10 @@ Best regards,
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Apply Button */}
|
||||
<div className="flex justify-center lg:justify-end">
|
||||
<Button
|
||||
<Button
|
||||
className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white px-8 py-3"
|
||||
onClick={scrollToSendCV}
|
||||
>
|
||||
@@ -245,11 +293,11 @@ Best regards,
|
||||
<span className="text-white">Want to Work With Us </span>
|
||||
<span className="text-[#E5195E]">Anyway?</span>
|
||||
</h2>
|
||||
|
||||
|
||||
<p className="text-xl text-gray-300 leading-relaxed mb-12">
|
||||
Share your CV with us. We'll reach out if something matches.
|
||||
</p>
|
||||
|
||||
|
||||
{/* HR Email Display */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
@@ -262,14 +310,14 @@ Best regards,
|
||||
<Mail className="w-6 h-6 text-[#E5195E]" />
|
||||
<h3 className="text-xl font-semibold text-white">HR Email</h3>
|
||||
</div>
|
||||
<a
|
||||
<a
|
||||
href="mailto:hr@wdipl.com"
|
||||
className="text-2xl text-[#E5195E] hover:text-[#E5195E]/80 transition-colors duration-300 font-medium"
|
||||
>
|
||||
hr@wdipl.com
|
||||
</a>
|
||||
</motion.div>
|
||||
|
||||
|
||||
{/* Send CV Button */}
|
||||
{/* <motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
@@ -307,7 +355,7 @@ Best regards,
|
||||
{ number: "98%", label: "Employee Satisfaction", color: "from-purple-400 to-purple-600" },
|
||||
{ number: "4.9/5", label: "Company Rating", color: "from-[#E5195E] to-[#FF6B9D]" }
|
||||
].map((stat, index) => (
|
||||
<motion.div
|
||||
<motion.div
|
||||
key={index}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
|
||||
@@ -40,11 +40,59 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Compliance-Ready Systems Hero Section
|
||||
const ComplianceReadySystemsHero = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Ensure data security and regulatory compliance with WDI’s Compliance-Ready Systems. Build secure, scalable solutions aligned with industry standards."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Ensure data security and regulatory compliance with WDI’s Compliance-Ready Systems. Build secure, scalable solutions aligned with industry standards."
|
||||
/>
|
||||
<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="Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Ensure data security and regulatory compliance with WDI’s Compliance-Ready Systems. Build secure, scalable solutions aligned with industry standards."
|
||||
/>
|
||||
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Dedicated Offshore Development Centers Hero Section
|
||||
const DedicatedOffshoreODCHero = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Offshore Development Centers (ODC) Services | WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Set up cost-effective Dedicated Offshore Development Centers (ODC) with WDI. Get expert teams, faster delivery, and full control over your project."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Offshore Development Centers (ODC) Services | WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Set up cost-effective Dedicated Offshore Development Centers (ODC) with WDI. Get expert teams, faster delivery, and full control over your project."
|
||||
/>
|
||||
<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="Offshore Development Centers (ODC) Services | WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Set up cost-effective Dedicated Offshore Development Centers (ODC) with WDI. Get expert teams, faster delivery, and full control over your project."
|
||||
/>
|
||||
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -22,11 +22,59 @@ import { Badge } from "../components/ui/badge";
|
||||
import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Enhanced Hero Section
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Design & User Experience Solutions | Expert Services by WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="WDI provides innovative Design & User Experience Solutions that create seamless, user-centric digital products to enhance satisfaction and maximize business growth."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Design & User Experience Solutions | Expert Services by WDI" />
|
||||
<meta
|
||||
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."
|
||||
/>
|
||||
<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 & User Experience Solutions | Expert Services by WDI" />
|
||||
<meta
|
||||
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."
|
||||
/>
|
||||
<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 max-w-7xl">
|
||||
<div className="grid lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -36,11 +36,59 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Digital Product Development Hero Section
|
||||
const DigitalProductDevelopmentHero = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Digital Product Development Services | WDI – Innovate & Grow</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="WDI offers expert digital product development services to turn your ideas into powerful digital solutions. Build, scale, and innovate with WDI today."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Digital Product Development Services | WDI – Innovate & Grow" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="WDI offers expert digital product development services to turn your ideas into powerful digital solutions. Build, scale, and innovate with WDI 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="Digital Product Development Services | WDI – Innovate & Grow" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="WDI offers expert digital product development services to turn your ideas into powerful digital solutions. Build, scale, and innovate with WDI 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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -3,7 +3,7 @@ import { Navigation } from "../components/Navigation";
|
||||
import { Footer } from "../components/Footer";
|
||||
import { Button } from "../components/ui/button";
|
||||
import { Badge } from "../components/ui/badge";
|
||||
import { ArrowRight, Linkedin, Mail } from "lucide-react";
|
||||
import { ArrowRight, Linkedin, Twitter, Mail } from "lucide-react";
|
||||
import { navigateTo } from "@/App";
|
||||
import riteshImage from "../src/images/ritesh-pandey.png";
|
||||
import manavImage from "../src/images/manav-sain.png";
|
||||
@@ -11,6 +11,7 @@ import sudhirImage from "../src/images/sudhir-malya.png";
|
||||
import kartikeyImage from "../src/images/kartikeya-gautam.png";
|
||||
import poojaImage from "../src/images/pooja-patade.png";
|
||||
import tanveerImage from "../src/images/tanveer-ajani.png";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
export const LeadershipTeam = () => {
|
||||
const leaders = [
|
||||
@@ -18,36 +19,123 @@ export const LeadershipTeam = () => {
|
||||
name: "Ritesh Pandey",
|
||||
position: "Founder & CEO",
|
||||
image: riteshImage,
|
||||
bio: "Founder & CEO leading innovation and AI-driven growth across industries.",
|
||||
social: {
|
||||
linkedin: "linkedin.com/in/riteshwdipl",
|
||||
twitter: "#",
|
||||
email: "ideas@wdipl.com"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Manav Sain",
|
||||
position: "VP- Business Solutions",
|
||||
image: manavImage,
|
||||
bio: "VP crafting business solutions and scaling digital strategy for enterprise clients.",
|
||||
social: {
|
||||
linkedin: "linkedin.com/in/manavsain",
|
||||
twitter: "#",
|
||||
email: "ideas@wdipl.com"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Sudhir Mallya",
|
||||
position: "CTO",
|
||||
image: sudhirImage,
|
||||
bio: "CTO leading technology innovation and scalable digital architecture.",
|
||||
experience: "Former VP at Microsoft, Stanford MBA",
|
||||
social: {
|
||||
linkedin: "#",
|
||||
twitter: "#",
|
||||
email: "ideas@wdipl.com"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Kartikey Gautam",
|
||||
position: "Product Manager",
|
||||
image: kartikeyImage,
|
||||
bio: "Product Manager building scalable AI products with a user-centric approach.",
|
||||
experience: "Former VP at Microsoft, Stanford MBA",
|
||||
social: {
|
||||
linkedin: "linkedin.com/in/kartikey-gautam-product-manager",
|
||||
twitter: "#",
|
||||
email: "ideas@wdipl.com"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Pooja Patade",
|
||||
position: "Head - Accounts & HR",
|
||||
image: poojaImage,
|
||||
bio: "Head of HR & Accounts ensuring smooth operations and organizational alignment.",
|
||||
experience: "Former VP at Microsoft, Stanford MBA",
|
||||
social: {
|
||||
linkedin: "linkedin.com/in/pooja-patade-85453a13b",
|
||||
twitter: "#",
|
||||
email: "ideas@wdipl.com"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Tanveer Ajani",
|
||||
position: "Compliance Head",
|
||||
image: tanveerImage,
|
||||
bio: "Ensures regulatory excellence and drives compliance across operations.",
|
||||
experience: "Former VP at Microsoft, Stanford MBA",
|
||||
social: {
|
||||
linkedin: "#",
|
||||
twitter: "#",
|
||||
email: "ideas@wdipl.com"
|
||||
}
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="dark min-h-screen bg-background">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Leadership Team | Experts in Tech Leadership & Innovation</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Meet WDI’s leadership team, visionaries with a proven track record in tech innovation, digital transformation, and delivering client success globally."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Leadership Team | Experts in Tech Leadership & Innovation" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Meet WDI’s leadership team, visionaries with a proven track record in tech innovation, digital transformation, and delivering client success globally."
|
||||
/>
|
||||
<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="Leadership Team | Experts in Tech Leadership & Innovation" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Meet WDI’s leadership team, visionaries with a proven track record in tech innovation, digital transformation, and delivering client success globally."
|
||||
/>
|
||||
<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>
|
||||
<Navigation />
|
||||
|
||||
{/* Hero Section */}
|
||||
@@ -98,7 +186,7 @@ export const LeadershipTeam = () => {
|
||||
<img
|
||||
src={leader.image}
|
||||
alt={leader.name}
|
||||
className="w-full h-full object-center group-hover:scale-110 transition-transform duration-300"
|
||||
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
|
||||
/>
|
||||
</div>
|
||||
<div className="absolute inset-0 rounded-2xl bg-gradient-to-t from-black/20 to-transparent" />
|
||||
@@ -114,6 +202,38 @@ export const LeadershipTeam = () => {
|
||||
{leader.position}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p className="text-muted-foreground text-sm leading-relaxed">
|
||||
{leader.bio}
|
||||
</p>
|
||||
|
||||
<div className="pt-2 border-t border-white/10">
|
||||
{/* <p className="text-xs text-muted-foreground mb-3">
|
||||
{leader.experience}
|
||||
</p> */}
|
||||
|
||||
{/* Social Links */}
|
||||
<div className="flex gap-3">
|
||||
<a
|
||||
href={leader.social.linkedin}
|
||||
className="w-8 h-8 rounded-lg bg-white/10 hover:bg-[#E5195E]/20 flex items-center justify-center transition-colors duration-200"
|
||||
>
|
||||
<Linkedin className="w-4 h-4 text-white" />
|
||||
</a>
|
||||
<a
|
||||
href={leader.social.twitter}
|
||||
className="w-8 h-8 rounded-lg bg-white/10 hover:bg-[#E5195E]/20 flex items-center justify-center transition-colors duration-200"
|
||||
>
|
||||
<Twitter className="w-4 h-4 text-white" />
|
||||
</a>
|
||||
<a
|
||||
href={`mailto:${leader.social.email}`}
|
||||
className="w-8 h-8 rounded-lg bg-white/10 hover:bg-[#E5195E]/20 flex items-center justify-center transition-colors duration-200"
|
||||
>
|
||||
<Mail className="w-4 h-4 text-white" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -43,11 +43,59 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Legacy System Rebuilds Hero Section
|
||||
const LegacySystemRebuildsHero = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Legacy System Rebuilds & Upgrades Services | WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="WDI offers expert legacy system rebuilds to modernize outdated software, improve performance, and ensure long-term scalability for 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="Legacy System Rebuilds & Upgrades Services | WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="WDI offers expert legacy system rebuilds to modernize outdated software, improve performance, and ensure long-term scalability for 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="Legacy System Rebuilds & Upgrades Services | WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="WDI offers expert legacy system rebuilds to modernize outdated software, improve performance, and ensure long-term scalability for 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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -38,11 +38,59 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { navigateTo } from "@/App";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// MVP & Startup Launch Packages Hero Section
|
||||
const MVPStartupLaunchPackagesHero = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>MVP & Startup Launch Packages for Growth | WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Launch faster with WDI’s MVP & Startup Launch Packages. Validate ideas, reduce time-to-market, and build scalable products with expert startup support."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="MVP & Startup Launch Packages for Growth | WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Launch faster with WDI’s MVP & Startup Launch Packages. Validate ideas, reduce time-to-market, and build scalable products with expert startup 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="MVP & Startup Launch Packages for Growth | WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Launch faster with WDI’s MVP & Startup Launch Packages. Validate ideas, reduce time-to-market, and build scalable products with expert startup 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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -22,11 +22,59 @@ import { Badge } from "../components/ui/badge";
|
||||
import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Enhanced Hero Section
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Machine Learning | Advanced ML Development Services | WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Explore WDI’s machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Machine Learning | Advanced ML Development Services | WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Explore WDI’s machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
|
||||
/>
|
||||
<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="Machine Learning | Advanced ML Development Services | WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Explore WDI’s machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
|
||||
/>
|
||||
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -34,12 +34,60 @@ import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import heroMockupImage from '../src/images/mobile-app-banner.webp';
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
|
||||
// Enhanced Hero Section - NEW IMAGE WITH COMPREHENSIVE CSS REQUIREMENTS
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Mobile App Development Services by WDI Experts</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Mobile App Development Services by WDI Experts" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
|
||||
/>
|
||||
<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="Mobile App Development Services by WDI Experts" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Mobile App Development Services by WDI to build secure, scalable apps for iOS, Android, and cross-platform with expert engineering."
|
||||
/>
|
||||
<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 max-w-7xl">
|
||||
<div className="grid lg:grid-cols-2 gap-8 lg:gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
@@ -72,14 +120,14 @@ const HeroWithCTA = () => {
|
||||
<span className="text-[#E5195E]">Mobile App Development</span>
|
||||
<span className="text-white"> Services</span>
|
||||
</h1>
|
||||
|
||||
|
||||
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
|
||||
Build secure, scalable, high-performance apps for iOS, Android, or cross-platform — fast.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* BULLET POINTS REMOVED - Content flows directly to CTAs */}
|
||||
|
||||
|
||||
{/* CTAs - STANDARDIZED BUTTON HEIGHTS WITH IMPROVED SPACING */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
@@ -87,8 +135,8 @@ const HeroWithCTA = () => {
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
className="flex flex-col sm:flex-row gap-4 pt-4"
|
||||
>
|
||||
<ShimmerButton
|
||||
className="h-14 px-8 text-lg font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300"
|
||||
<ShimmerButton
|
||||
className="h-14 px-8 text-lg font-medium rounded-lg shadow-lg hover:shadow-xl transition-all duration-300"
|
||||
onClick={() => navigateTo('/start-a-project')}
|
||||
>
|
||||
<div className="inline-flex items-center gap-2">
|
||||
@@ -106,7 +154,7 @@ const HeroWithCTA = () => {
|
||||
</Button>
|
||||
</motion.div>
|
||||
</motion.div>
|
||||
|
||||
|
||||
{/* Right side with hero image - COMPREHENSIVE CSS IMPLEMENTATION */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: 50 }}
|
||||
@@ -115,7 +163,7 @@ const HeroWithCTA = () => {
|
||||
className="relative flex items-center justify-center order-first lg:order-last"
|
||||
>
|
||||
{/* Image Container - FOLLOWING ALL COMPREHENSIVE CSS REQUIREMENTS */}
|
||||
<div
|
||||
<div
|
||||
className="relative w-full h-[450px] sm:h-[550px] md:h-[650px] lg:h-[700px] max-w-full"
|
||||
style={{
|
||||
position: 'relative',
|
||||
@@ -136,9 +184,9 @@ const HeroWithCTA = () => {
|
||||
display: 'block'
|
||||
}}
|
||||
/>
|
||||
|
||||
|
||||
{/* Alternative background method for enhanced browser support */}
|
||||
<div
|
||||
<div
|
||||
className="absolute inset-0 opacity-0 pointer-events-none"
|
||||
style={{
|
||||
backgroundImage: `url(${heroMockupImage})`,
|
||||
@@ -189,7 +237,7 @@ const HorizontalTagScroller = () => {
|
||||
Our mobile apps power industries where user trust, speed, and uptime are critical.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
@@ -200,7 +248,7 @@ const HorizontalTagScroller = () => {
|
||||
{/* Gradient overlays for smooth fade effect */}
|
||||
<div className="absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-card to-transparent z-10 pointer-events-none"></div>
|
||||
<div className="absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-card to-transparent z-10 pointer-events-none"></div>
|
||||
|
||||
|
||||
{/* Marquee container */}
|
||||
<div className="flex animate-marquee hover:animate-marquee-paused">
|
||||
{/* First set of industries */}
|
||||
@@ -228,7 +276,7 @@ const HorizontalTagScroller = () => {
|
||||
</motion.div>
|
||||
);
|
||||
})}
|
||||
|
||||
|
||||
{/* Second set for seamless loop */}
|
||||
{industries.map((industry, index) => {
|
||||
const IconComponent = industry.icon;
|
||||
@@ -254,7 +302,7 @@ const HorizontalTagScroller = () => {
|
||||
</motion.div>
|
||||
);
|
||||
})}
|
||||
|
||||
|
||||
{/* Third set for extra smoothness */}
|
||||
{industries.map((industry, index) => {
|
||||
const IconComponent = industry.icon;
|
||||
@@ -296,7 +344,7 @@ const SideBySideContentWithIcons = () => {
|
||||
icon: Award
|
||||
},
|
||||
{
|
||||
id: "ownership",
|
||||
id: "ownership",
|
||||
title: "100% Ownership, No Lock-ins",
|
||||
icon: Shield
|
||||
},
|
||||
@@ -331,7 +379,7 @@ const SideBySideContentWithIcons = () => {
|
||||
<h2 className="text-4xl lg:text-5xl font-semibold text-white leading-tight mb-6">
|
||||
Why Founders and CTOs Trust WDI
|
||||
</h2>
|
||||
|
||||
|
||||
{/* Subtext */}
|
||||
<p className="text-2xl text-gray-300 leading-relaxed">
|
||||
Not just a dev agency. A product partner.
|
||||
@@ -365,7 +413,7 @@ const SideBySideContentWithIcons = () => {
|
||||
<div className="mb-6">
|
||||
<IconComponent className="w-10 h-10 text-accent mx-auto" />
|
||||
</div>
|
||||
|
||||
|
||||
{/* Title */}
|
||||
<h3 className="text-lg font-semibold text-white leading-tight">
|
||||
{factor.title}
|
||||
@@ -391,7 +439,7 @@ const TabbedServiceDisplay = () => {
|
||||
link: "/services/ios-app-development"
|
||||
},
|
||||
{
|
||||
title: "Android App Development",
|
||||
title: "Android App Development",
|
||||
icon: Smartphone,
|
||||
description: "High-performance Android apps using Kotlin with Google Play optimization.",
|
||||
link: "/services/android-app-development"
|
||||
@@ -439,7 +487,7 @@ const TabbedServiceDisplay = () => {
|
||||
Comprehensive mobile development services that transform your ideas into powerful, user-friendly applications across all platforms.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
@@ -465,7 +513,7 @@ const TabbedServiceDisplay = () => {
|
||||
<div className="w-12 h-12 bg-accent/20 rounded-lg flex items-center justify-center">
|
||||
<IconComponent className="w-6 h-6 text-accent" />
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-white mb-4">
|
||||
{service.title}
|
||||
@@ -513,22 +561,22 @@ const InlineCTA = () => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Main Heading */}
|
||||
<h2 className="text-4xl lg:text-5xl font-semibold leading-tight">
|
||||
<span className="text-foreground">Let's Architect </span>
|
||||
<span className="text-[#E5195E]">Intelligence</span>
|
||||
<span className="text-foreground"> Into Your App</span>
|
||||
</h2>
|
||||
|
||||
|
||||
{/* Subtitle */}
|
||||
<p className="text-xl text-muted-foreground leading-relaxed max-w-2xl mx-auto">
|
||||
Schedule a discovery call to explore how AI can give you a strategic edge.
|
||||
</p>
|
||||
|
||||
|
||||
{/* CTA Button */}
|
||||
<div className="flex flex-col items-center gap-4">
|
||||
<ShimmerButton
|
||||
<ShimmerButton
|
||||
className="text-xl px-10 py-5 rounded-2xl shadow-lg hover:shadow-xl bg-[#E5195E] hover:bg-[#E5195E]/90"
|
||||
onClick={() => navigateTo('/start-a-project')}
|
||||
>
|
||||
@@ -537,7 +585,7 @@ const InlineCTA = () => {
|
||||
<span>Book an AI Discovery Call</span>
|
||||
</div>
|
||||
</ShimmerButton>
|
||||
|
||||
|
||||
{/* Small benefit text */}
|
||||
<p className="text-sm text-muted-foreground">
|
||||
App strategy • AI integration • Technology consultation
|
||||
@@ -562,7 +610,7 @@ const HireDevelopersSection = () => {
|
||||
link: "/hire-talent/mobile-app-developers"
|
||||
},
|
||||
{
|
||||
title: "Android Developers",
|
||||
title: "Android Developers",
|
||||
icon: Smartphone,
|
||||
skills: ["Kotlin", "Java", "Jetpack Compose"],
|
||||
iconBg: "bg-green-500",
|
||||
@@ -605,7 +653,7 @@ const HireDevelopersSection = () => {
|
||||
Get access to top-tier mobile developers who can bring your vision to life with cutting-edge technology and proven expertise.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
@@ -639,12 +687,12 @@ const HireDevelopersSection = () => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3 className="text-xl font-semibold text-foreground mb-4 leading-tight">
|
||||
{developer.title}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
||||
{/* Skills section */}
|
||||
<div className="px-8 pb-6 flex-1">
|
||||
<div className="flex flex-wrap gap-2">
|
||||
@@ -655,10 +703,10 @@ const HireDevelopersSection = () => {
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* CTA Buttons - Updated with ShimmerButton */}
|
||||
<div className="p-8 pt-0 mt-auto space-y-3">
|
||||
<ShimmerButton
|
||||
<ShimmerButton
|
||||
className="w-full py-3 text-sm rounded-xl shadow-lg hover:shadow-xl"
|
||||
onClick={() => navigateTo(developer.link)}
|
||||
>
|
||||
@@ -720,7 +768,7 @@ export const MobileAppDevelopment = () => {
|
||||
// Set document title for SEO
|
||||
React.useEffect(() => {
|
||||
document.title = "Mobile App Development Services | WDI - iOS & Android App Development";
|
||||
|
||||
|
||||
// Update meta description for SEO
|
||||
const metaDescription = document.querySelector('meta[name="description"]');
|
||||
if (metaDescription) {
|
||||
@@ -731,31 +779,31 @@ export const MobileAppDevelopment = () => {
|
||||
return (
|
||||
<div className="dark min-h-screen bg-background">
|
||||
<Navigation />
|
||||
|
||||
|
||||
{/* Hero Section */}
|
||||
<HeroWithCTA />
|
||||
|
||||
|
||||
{/* Industries Scroller */}
|
||||
<HorizontalTagScroller />
|
||||
|
||||
|
||||
{/* Why Choose WDI */}
|
||||
<SideBySideContentWithIcons />
|
||||
|
||||
|
||||
{/* Service Categories */}
|
||||
<TabbedServiceDisplay />
|
||||
|
||||
|
||||
{/* Process Steps */}
|
||||
<ProcessSection />
|
||||
|
||||
|
||||
{/* Hire Developers */}
|
||||
<HireDevelopersSection />
|
||||
|
||||
|
||||
{/* Final CTA */}
|
||||
<InlineCTA />
|
||||
|
||||
|
||||
{/* FAQ Section */}
|
||||
<FAQSection faqs={mobileAppFAQs} />
|
||||
|
||||
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -78,7 +78,6 @@ const HeroWithCTA = () => {
|
||||
</script>
|
||||
</Helmet>
|
||||
|
||||
|
||||
<div className="container mx-auto px-6 lg:px-8">
|
||||
<div className="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -24,11 +24,59 @@ import { Badge } from "../components/ui/badge";
|
||||
import { Button } from "../components/ui/button";
|
||||
import { Card, CardContent } from "../components/ui/card";
|
||||
import { ShimmerButton } from "../components/ui/shimmer-button";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Enhanced Hero Section
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Software Engineering Solutions That Drive Results | WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="WDI’s software engineering solutions deliver innovative, efficient, and scalable technology that transforms your business. Get ahead with expert development today!"
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Software Engineering Solutions That Drive Results | WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="WDI’s software engineering solutions deliver innovative, efficient, and scalable technology that transforms your business. Get ahead with expert development 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="Software Engineering Solutions That Drive Results | WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="WDI’s software engineering solutions deliver innovative, efficient, and scalable technology that transforms your business. Get ahead with expert development 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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
@@ -68,11 +68,59 @@ import {
|
||||
ShoppingCart,
|
||||
} from "lucide-react";
|
||||
import heroMockupImage from "../src/images/webandcloud-hero.webp";
|
||||
import { Helmet } from "react-helmet-async";
|
||||
|
||||
// Enhanced Hero Section
|
||||
const HeroWithCTA = () => {
|
||||
return (
|
||||
<section className="relative py-20 overflow-hidden bg-black">
|
||||
<Helmet>
|
||||
{/* Page Title and Meta Description */}
|
||||
<title>Web & Cloud Solutions | Expert Services by WDI</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="WDI provides comprehensive web and cloud solutions to optimize your business infrastructure with secure, scalable, and innovative technology services."
|
||||
/>
|
||||
|
||||
{/* Canonical Link */}
|
||||
<link rel="canonical" href="https://www.wdipl.com/services" />
|
||||
|
||||
{/* Open Graph Tags (for Facebook, LinkedIn) */}
|
||||
<meta property="og:title" content="Web & Cloud Solutions | Expert Services by WDI" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="WDI provides comprehensive web and cloud solutions to optimize your business infrastructure with secure, scalable, and innovative technology services."
|
||||
/>
|
||||
<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="Web & Cloud Solutions | Expert Services by WDI" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="WDI provides comprehensive web and cloud solutions to optimize your business infrastructure with secure, scalable, and innovative technology services."
|
||||
/>
|
||||
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
|
||||
<motion.div
|
||||
|
||||
Reference in New Issue
Block a user