adding canonical tags in all pages and comment awards & testimonials from Hire talent and Industries

This commit is contained in:
priyanshuvish
2025-07-23 19:52:24 +05:30
parent cd8d88b4dd
commit 08d33fb2cf
86 changed files with 462 additions and 433 deletions

View File

@@ -10,9 +10,9 @@ import { Badge } from "../components/ui/badge";
import { Card, CardContent } from "../components/ui/card";
import { GridPattern } from "../components/GridPattern";
import { navigateTo } from "../App";
import {
ArrowRight, Users, Globe, Award, Target, Heart, Lightbulb,
Rocket, TrendingUp, CheckCircle, Star, Coffee, Monitor,
import {
ArrowRight, Users, Globe, Award, Target, Heart, Lightbulb,
Rocket, TrendingUp, CheckCircle, Star, Coffee, Monitor,
Calendar, Eye, Building, FileText, Settings, Trophy,
BookOpen, MessageSquare, Briefcase, Mail
} from "lucide-react";
@@ -23,38 +23,38 @@ const HeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>About WDI | Why Choose Us for Digital Innovation Success</title>
<meta
name="description"
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="About WDI | Why Choose Us for Digital Innovation Success" />
<meta
property="og:description"
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
/>
<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="About WDI | Why Choose Us for Digital Innovation Success" />
<meta
name="twitter:description"
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
/>
<meta name="twitter:image" content="https://www.wdipl.com/your-preview-image.jpg" />
{/* Social Profiles (using JSON-LD Schema) */}
<script type="application/ld+json">
{`
{/* Page Title and Meta Description */}
<title>About WDI | Why Choose Us for Digital Innovation Success</title>
<meta
name="description"
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/company/about-wdi" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="About WDI | Why Choose Us for Digital Innovation Success" />
<meta
property="og:description"
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
/>
<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="About WDI | Why Choose Us for Digital Innovation Success" />
<meta
name="twitter:description"
content="Discover what makes WDI a trusted name in digital innovation. Learn about our strengths, capabilities, and value-driven approach to tech excellence."
/>
<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",
@@ -67,8 +67,8 @@ const HeroWithCTA = () => {
]
}
`}
</script>
</Helmet>
</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
@@ -92,12 +92,12 @@ const HeroWithCTA = () => {
<span className="text-white">Innovating the Future of </span>
<span className="text-[#E5195E]">Digital Solutions</span>
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
WDI is a dynamic and forward-thinking company dedicated to transforming businesses through cutting-edge technology and exceptional service.
</p>
</div>
{/* CTAs */}
<motion.div
initial={{ opacity: 0, y: 20 }}
@@ -122,7 +122,7 @@ const HeroWithCTA = () => {
</Button>
</motion.div>
</motion.div>
{/* Right side with company intro */}
<motion.div
initial={{ opacity: 0, x: 50 }}
@@ -155,7 +155,7 @@ const WhyChooseWDISection = () => {
icon: Lightbulb
},
{
id: "expertise",
id: "expertise",
title: "Expertise",
description: "A team of seasoned professionals with deep industry knowledge.",
icon: Award
@@ -188,7 +188,7 @@ const WhyChooseWDISection = () => {
<span className="text-white">Why Choose </span>
<span className="text-[#E5195E]">WDI?</span>
</h2>
<p className="text-xl text-gray-300 leading-relaxed">
Our core strengths that set us apart in the industry
</p>
@@ -219,11 +219,11 @@ const WhyChooseWDISection = () => {
<div className="mb-6">
<IconComponent className="w-12 h-12 text-accent" />
</div>
<h3 className="text-xl font-semibold text-white mb-4 leading-tight">
{strength.title}
</h3>
<p className="text-gray-400 leading-relaxed">
{strength.description}
</p>
@@ -261,7 +261,7 @@ const ImpactNumbersSection = () => {
<span className="text-white">Our Impact in </span>
<span className="text-[#E5195E]">Numbers</span>
</h2>
<p className="text-xl text-gray-300 leading-relaxed">
Measurable results that speak to our commitment and expertise
</p>
@@ -353,7 +353,7 @@ const LearnMoreSection = () => {
Explore different aspects of our company and what makes us unique
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 40 }}
whileInView={{ opacity: 1, y: 0 }}
@@ -379,7 +379,7 @@ const LearnMoreSection = () => {
<div className="w-12 h-12 bg-accent/20 rounded-lg flex items-center justify-center">
<IconComponent className="w-6 h-6 text-accent" />
</div>
<div>
<h3 className="text-xl font-semibold text-white mb-4">
{section.title}
@@ -388,7 +388,7 @@ const LearnMoreSection = () => {
{section.description}
</p>
</div>
<div className="flex items-center gap-2 text-accent font-medium mt-auto">
<span>Learn More</span>
<ArrowRight className="w-4 h-4" />
@@ -438,11 +438,11 @@ const TestimonialSection = () => {
))}
</div>
</div>
<blockquote className="text-2xl text-white leading-relaxed mb-8 italic">
"WDI has been instrumental in transforming our digital infrastructure. Their innovative approach and technical expertise exceeded our expectations."
</blockquote>
<div className="flex items-center gap-4">
<div className="w-12 h-12 bg-accent/20 rounded-full flex items-center justify-center">
<Users className="w-6 h-6 text-accent" />
@@ -494,7 +494,7 @@ const MissionSection = () => {
<span className="text-white">Our </span>
<span className="text-[#E5195E]">Mission</span>
</h2>
<p className="text-xl text-gray-300 leading-relaxed max-w-4xl mb-12">
To empower businesses worldwide with innovative digital solutions that drive growth, enhance efficiency, and create lasting value. We believe in the transformative power of technology and are committed to making it accessible, reliable, and impactful for every client we serve.
</p>
@@ -564,22 +564,22 @@ const InlineCTA = () => {
</div>
</div>
</div>
{/* Main Heading */}
<h2 className="text-3xl lg:text-4xl font-semibold leading-tight">
<span className="text-white">Join hundreds of successful companies who have chosen </span>
<span className="text-[#E5195E]">WDI</span>
<span className="text-white"> as their technology partner</span>
</h2>
{/* Subtitle */}
<p className="text-xl text-gray-300 leading-relaxed max-w-2xl">
Let's build something amazing together.
</p>
{/* CTA Buttons */}
<div className="flex flex-col sm:flex-row items-start gap-4">
<ShimmerButton
<ShimmerButton
className="text-xl px-10 py-5 rounded-2xl shadow-lg hover:shadow-xl bg-[#E5195E] hover:bg-[#E5195E]/90"
// onClick={() => navigateTo('/contact')}
onClick={() => navigateTo("/start-a-project")}
@@ -589,7 +589,7 @@ const InlineCTA = () => {
<span>Contact Us Today</span>
</div>
</ShimmerButton>
<Button
variant="secondary"
size="lg"
@@ -643,7 +643,7 @@ export const AboutWDI = () => {
<MissionSection />
<ProcessSection />
<InlineCTA />
<FAQSection
<FAQSection
title="About WDI Questions"
subtitle="Get answers to common questions about our company and mission."
faqs={aboutWDIFAQs}