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

meta tags added in all pages

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

76
pages/HealthTechApplications.tsx
View File

@@ -46,11 +46,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";
// HealthTech Hero Section
const HealthTechHero = () => {
return (
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -341,22 +389,20 @@ const HealthTechHero = () => {
className="flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors"
>
<div
className={`w-8 h-8 rounded-full flex items-center justify-center ${
activity.color === "blue"
className={`w-8 h-8 rounded-full flex items-center justify-center ${activity.color === "blue"
? "bg-blue-500/20"
: activity.color === "green"
? "bg-green-500/20"
: "bg-purple-500/20"
}`}
? "bg-green-500/20"
: "bg-purple-500/20"
}`}
>
<activity.icon
className={`w-4 h-4 ${
activity.color === "blue"
className={`w-4 h-4 ${activity.color === "blue"
? "text-blue-400"
: activity.color === "green"
? "text-green-400"
: "text-purple-400"
}`}
? "text-green-400"
: "text-purple-400"
}`}
/>
</div>
<div className="flex-1">
@@ -885,14 +931,12 @@ const HealthTechProcess = () => {
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, delay: index * 0.2 }}
viewport={{ once: true }}
className={`flex items-center ${
isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
className={`flex items-center ${isEven ? "lg:flex-row" : "lg:flex-row-reverse"
} flex-col lg:gap-16 gap-8`}
>
<div
className={`flex-1 ${
isEven ? "lg:text-right" : "lg:text-left"
} text-center lg:text-left`}
className={`flex-1 ${isEven ? "lg:text-right" : "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="flex items-center gap-4 mb-4 justify-center lg:justify-start">