From 3141a83558ab845db14c9d1385e17554a05f92c2 Mon Sep 17 00:00:00 2001 From: priyanshuvish Date: Tue, 22 Jul 2025 19:42:26 +0530 Subject: [PATCH] adding meta tags in main pages and bio added in leadership team --- App.tsx | 48 +++++++++ pages/AboutWDI.tsx | 48 +++++++++ pages/ArtificialIntelligenceServices.tsx | 48 +++++++++ pages/BusinessProcessAutomation.tsx | 48 +++++++++ pages/Careers.tsx | 92 +++++++++++++---- pages/ComplianceReadySystems.tsx | 48 +++++++++ pages/DedicatedOffshoreODC.tsx | 48 +++++++++ pages/DesignExperience.tsx | 48 +++++++++ pages/DigitalProductDevelopment.tsx | 48 +++++++++ pages/LeadershipTeam.tsx | 124 +++++++++++++++++++++- pages/LegacySystemRebuilds.tsx | 48 +++++++++ pages/MVPStartupLaunchPackages.tsx | 48 +++++++++ pages/MachineLearning.tsx | 48 +++++++++ pages/MobileAppDevelopment.tsx | 126 ++++++++++++++++------- pages/Services.tsx | 1 - pages/SoftwareEngineering.tsx | 48 +++++++++ pages/WebCloudServices.tsx | 48 +++++++++ 17 files changed, 903 insertions(+), 64 deletions(-) diff --git a/App.tsx b/App.tsx index a7890e4..ac129e2 100644 --- a/App.tsx +++ b/App.tsx @@ -158,6 +158,7 @@ import { UXReviewPresentations } from "./pages/UXReviewPresentations"; import { MigratingToLinear101 } from "./pages/MigratingToLinear101"; import { BuildingYourAPIStack } from "./pages/BuildingYourAPIStack"; import { CookieConsent } from "./components/CookieConsent"; +import { Helmet } from "react-helmet-async"; // Create a global navigation context let setCurrentPath: ((path: string) => void) | null = null; @@ -248,6 +249,53 @@ const PlaceholderPage = ({ // Homepage component - ENSURED ALL SECTIONS USE DARK BACKGROUNDS const Homepage = () => (
+ + {/* Page Title and Meta Description */} + Mobile App Development Services | WDI - iOS & Android App Development + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + + {/* Hero Section - Dark background */} diff --git a/pages/AboutWDI.tsx b/pages/AboutWDI.tsx index 03fd7bf..1cb7d50 100644 --- a/pages/AboutWDI.tsx +++ b/pages/AboutWDI.tsx @@ -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 (
+ + {/* Page Title and Meta Description */} + About WDI | Why Choose Us for Digital Innovation Success + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Artificial Intelligence | Custom AI Solutions by WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Business Process Automation Services by WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ // 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 (
+ + {/* Page Title and Meta Description */} + Careers at WDI | Explore Tech Career Opportunities Today + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + + - + {/* Hero Section */}
- - - +
- + {/* Apply Button */}
-
- hr@wdipl.com - + {/* Send CV Button */} {/* ( - { return (
+ + {/* Page Title and Meta Description */} + Compliance-Ready Systems Solutions | WDI – Stay Ahead Safely + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Offshore Development Centers (ODC) Services | WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Design & User Experience Solutions | Expert Services by WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Digital Product Development Services | WDI – Innovate & Grow + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ 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 (
+ + {/* Page Title and Meta Description */} + Leadership Team | Experts in Tech Leadership & Innovation + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + + {/* Hero Section */} @@ -98,7 +186,7 @@ export const LeadershipTeam = () => { {leader.name}
@@ -114,6 +202,38 @@ export const LeadershipTeam = () => { {leader.position}

+ +

+ {leader.bio} +

+ +
+ {/*

+ {leader.experience} +

*/} + + {/* Social Links */} + +
diff --git a/pages/LegacySystemRebuilds.tsx b/pages/LegacySystemRebuilds.tsx index e477b6e..d11beba 100644 --- a/pages/LegacySystemRebuilds.tsx +++ b/pages/LegacySystemRebuilds.tsx @@ -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 (
+ + {/* Page Title and Meta Description */} + Legacy System Rebuilds & Upgrades Services | WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + MVP & Startup Launch Packages for Growth | WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Machine Learning | Advanced ML Development Services | WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Mobile App Development Services by WDI Experts + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ Mobile App Development Services - +

Build secure, scalable, high-performance apps for iOS, Android, or cross-platform — fast.

{/* BULLET POINTS REMOVED - Content flows directly to CTAs */} - + {/* CTAs - STANDARDIZED BUTTON HEIGHTS WITH IMPROVED SPACING */} { transition={{ duration: 0.8, delay: 0.2 }} className="flex flex-col sm:flex-row gap-4 pt-4" > - navigateTo('/start-a-project')} >
@@ -106,7 +154,7 @@ const HeroWithCTA = () => { - + {/* Right side with hero image - COMPREHENSIVE CSS IMPLEMENTATION */} { className="relative flex items-center justify-center order-first lg:order-last" > {/* Image Container - FOLLOWING ALL COMPREHENSIVE CSS REQUIREMENTS */} -
{ display: 'block' }} /> - + {/* Alternative background method for enhanced browser support */} -
{ Our mobile apps power industries where user trust, speed, and uptime are critical.

- + { {/* Gradient overlays for smooth fade effect */}
- + {/* Marquee container */}
{/* First set of industries */} @@ -228,7 +276,7 @@ const HorizontalTagScroller = () => { ); })} - + {/* Second set for seamless loop */} {industries.map((industry, index) => { const IconComponent = industry.icon; @@ -254,7 +302,7 @@ const HorizontalTagScroller = () => { ); })} - + {/* 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 = () => {

Why Founders and CTOs Trust WDI

- + {/* Subtext */}

Not just a dev agency. A product partner. @@ -365,7 +413,7 @@ const SideBySideContentWithIcons = () => {

- + {/* Title */}

{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.

- + {
- +

{service.title} @@ -513,22 +561,22 @@ const InlineCTA = () => {

- + {/* Main Heading */}

Let's Architect Intelligence Into Your App

- + {/* Subtitle */}

Schedule a discovery call to explore how AI can give you a strategic edge.

- + {/* CTA Button */}
- navigateTo('/start-a-project')} > @@ -537,7 +585,7 @@ const InlineCTA = () => { Book an AI Discovery Call
- + {/* Small benefit text */}

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.

- + {
- +

{developer.title}

- + {/* Skills section */}
@@ -655,10 +703,10 @@ const HireDevelopersSection = () => { ))}
- + {/* CTA Buttons - Updated with ShimmerButton */}
- 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 (
- + {/* Hero Section */} - + {/* Industries Scroller */} - + {/* Why Choose WDI */} - + {/* Service Categories */} - + {/* Process Steps */} - + {/* Hire Developers */} - + {/* Final CTA */} - + {/* FAQ Section */} - +
); diff --git a/pages/Services.tsx b/pages/Services.tsx index 20f04d4..feea540 100644 --- a/pages/Services.tsx +++ b/pages/Services.tsx @@ -78,7 +78,6 @@ const HeroWithCTA = () => { -
{ return (
+ + {/* Page Title and Meta Description */} + Software Engineering Solutions That Drive Results | WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +
{ return (
+ + {/* Page Title and Meta Description */} + Web & Cloud Solutions | Expert Services by WDI + + + {/* Canonical Link */} + + + {/* Open Graph Tags (for Facebook, LinkedIn) */} + + + + + + + {/* Twitter Card Tags */} + + + + + + {/* Social Profiles (using JSON-LD Schema) */} + +