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

89
pages/FinTechBankingApps.tsx
View File

@@ -56,11 +56,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";
// FinTech & Banking Apps Hero Section
const FinTechBankingAppsHero = () => {
return (
<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="grid lg:grid-cols-2 gap-16 items-center min-h-[90vh]">
<motion.div
@@ -248,26 +296,24 @@ const FinTechBankingAppsHero = () => {
className="text-center"
>
<div
className={`w-12 h-12 rounded-2xl flex items-center justify-center mb-2 ${
action.color === "blue"
className={`w-12 h-12 rounded-2xl flex items-center justify-center mb-2 ${action.color === "blue"
? "bg-blue-500/20"
: action.color === "green"
? "bg-green-500/20"
: action.color === "purple"
? "bg-purple-500/20"
: "bg-orange-500/20"
}`}
? "bg-green-500/20"
: action.color === "purple"
? "bg-purple-500/20"
: "bg-orange-500/20"
}`}
>
<action.icon
className={`w-5 h-5 ${
action.color === "blue"
className={`w-5 h-5 ${action.color === "blue"
? "text-blue-400"
: action.color === "green"
? "text-green-400"
: action.color === "purple"
? "text-purple-400"
: "text-orange-400"
}`}
? "text-green-400"
: action.color === "purple"
? "text-purple-400"
: "text-orange-400"
}`}
/>
</div>
<div className="text-white text-xs">{action.label}</div>
@@ -326,11 +372,10 @@ const FinTechBankingAppsHero = () => {
</div>
</div>
<div
className={`text-sm font-medium ${
transaction.amount.startsWith("+")
className={`text-sm font-medium ${transaction.amount.startsWith("+")
? "text-green-400"
: "text-white"
}`}
}`}
>
{transaction.amount}
</div>
@@ -852,14 +897,12 @@ const FinTechBankingAppsProcess = () => {
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">