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

82
pages/SocialPlatformsNetworks.tsx
View File

@@ -10,16 +10,64 @@ import { SplitCallToAction } from "../components/SplitCallToAction";
import { Card, CardContent } from "../components/ui/card";
import { Badge } from "../components/ui/badge";
import { Button } from "../components/ui/button";
import {
Users, MessageSquare, Heart, Share2, Bell,
Shield, Zap, Target, CheckCircle, Star,
import {
Users, MessageSquare, Heart, Share2, Bell,
Shield, Zap, Target, CheckCircle, Star,
Globe, Camera, Clock, Award, Brain
} from "lucide-react";
import { Helmet } from "react-helmet-async";
// Problem Solution Block Component
const ProblemSolutionBlock = () => {
return (
<section className="py-20 bg-[#0E0E0E]">
<Helmet>
{/* Page Title and Meta Description */}
<title>Social Platforms & Network Development | WDI</title>
<meta
name="description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Social Platforms & Network Development | WDI" />
<meta
property="og:description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
<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="Social Platforms & Network Development | WDI" />
<meta
name="twitter:description"
content="WDI builds engaging Social Platforms & Networks with scalable architecture, real-time features, and secure user interactions for global digital communities."
/>
<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">
<motion.div
initial={{ opacity: 0, y: 30 }}
@@ -32,7 +80,7 @@ const ProblemSolutionBlock = () => {
<span className="text-white">Addressing the Core Challenges of </span>
<span className="text-[#E5195E]">Social Platforms & Networks</span>
</h2>
<div className="grid lg:grid-cols-2 gap-12 items-center">
<motion.div
initial={{ opacity: 0, x: -30 }}
@@ -53,7 +101,7 @@ const ProblemSolutionBlock = () => {
</p>
</div>
</motion.div>
<motion.div
initial={{ opacity: 0, x: 30 }}
whileInView={{ opacity: 1, x: 0 }}
@@ -137,7 +185,7 @@ const IconWithDescriptionGrid = () => {
Comprehensive tools to create engaging social experiences that connect people and build thriving communities.
</p>
</motion.div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
{features.map((feature, index) => {
const IconComponent = feature.icon;
@@ -214,7 +262,7 @@ const ThreeColumnFeatureBlock = () => {
Leverage our expertise to create social platforms that truly connect people and build lasting communities.
</p>
</motion.div>
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
{advantages.map((advantage, index) => {
const IconComponent = advantage.icon;
@@ -281,7 +329,7 @@ const CaseStudyHighlightGrid = () => {
Real results from our social platform implementations that built thriving digital communities.
</p>
</motion.div>
<div className="grid lg:grid-cols-2 gap-8">
{caseStudies.map((study, index) => (
<motion.div
@@ -355,7 +403,7 @@ export const SocialPlatformsNetworks = () => {
return (
<div className="min-h-screen bg-[#0E0E0E]">
<Navigation />
<HeroBanner
category="Media & Community"
title="Social Platforms & Networks"
@@ -372,29 +420,29 @@ export const SocialPlatformsNetworks = () => {
/>
<ProblemSolutionBlock />
<IconWithDescriptionGrid />
<ThreeColumnFeatureBlock />
<div className="bg-[#0E0E0E]">
<ProcessSection />
</div>
<CaseStudyHighlightGrid />
<div className="bg-[#0E0E0E]">
<FAQSection
<FAQSection
title="Social Platform & Network FAQs"
subtitle="Get answers to common questions about our social platform development services."
faqs={socialPlatformFAQs}
/>
</div>
<div className="bg-black">
<SplitCallToAction />
</div>
<Footer />
</div>
);