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

74
pages/CaseStudies.tsx
View File

@@ -7,8 +7,8 @@ import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge";
import { Input } from "../components/ui/input";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
import {
Search, Filter, ArrowRight, ExternalLink, Clock, Users, TrendingUp,
import {
Search, Filter, ArrowRight, ExternalLink, Clock, Users, TrendingUp,
Star, Award, Building2, Smartphone, Heart, ShoppingCart, GraduationCap,
FileText, ArrowUpRight
} from "lucide-react";
@@ -22,6 +22,7 @@ import wokasideawardLocalImage from '../src/images/woka-side-award.webp';
import traderCircuitLocalImage from '../src/images/traders-circuit.webp';
import goodTimesLocalImage from '../src/images/goodtimes.webp';
import prospertyLocalImage from '../src/images/prosperty.webp';
import { Helmet } from "react-helmet-async";
// High-quality project images
@@ -225,9 +226,9 @@ export const CaseStudies = () => {
// Filter case studies based on search and filters
const filteredCaseStudies = caseStudies.filter(study => {
const matchesSearch = study.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
study.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
study.technologies.some(tech => tech.toLowerCase().includes(searchTerm.toLowerCase()));
study.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
study.technologies.some(tech => tech.toLowerCase().includes(searchTerm.toLowerCase()));
const matchesIndustry = selectedIndustry === "All Industries" || study.industry === selectedIndustry;
const matchesCategory = selectedCategory === "All Categories" || study.category === selectedCategory;
const matchesFeatured = !showFeaturedOnly || study.featured;
@@ -238,12 +239,59 @@ export const CaseStudies = () => {
return (
<div className="dark min-h-screen bg-background">
<Navigation />
{/* Hero Section */}
<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" />
<motion.div
<motion.div
initial={{ opacity: 0, y: 30 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
@@ -362,7 +410,7 @@ export const CaseStudies = () => {
className="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-110"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent" />
{/* Category Badge */}
<div className="absolute top-4 left-4">
<Badge className="bg-accent/90 text-white border-0">
@@ -455,8 +503,8 @@ export const CaseStudies = () => {
)}
{/* CTA Button */}
<Button
variant="ghost"
<Button
variant="ghost"
className="w-full justify-between text-accent hover:text-accent hover:bg-accent/10 group-hover:translate-x-1 transition-all duration-300 mt-auto"
onClick={(e) => {
e.stopPropagation();
@@ -494,7 +542,7 @@ export const CaseStudies = () => {
Join the ranks of industry leaders who have transformed their businesses with our innovative solutions.
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button
<Button
size="lg"
className="bg-accent hover:bg-accent/90 text-white"
onClick={() => navigateTo("/start-a-project")}
@@ -502,7 +550,7 @@ export const CaseStudies = () => {
Start Your Project
<ArrowUpRight className="w-4 h-4 ml-2" />
</Button>
<Button
<Button
size="lg"
variant="outline"
onClick={() => navigateTo("/contact-us")}