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

@@ -29,38 +29,38 @@ const HeroWithCTA = () => {
return (
<section className="relative py-20 overflow-hidden bg-black">
<Helmet>
{/* Page Title and Meta Description */}
<title>Machine Learning | Advanced ML Development Services | WDI</title>
<meta
name="description"
content="Explore WDIs machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/services" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Machine Learning | Advanced ML Development Services | WDI" />
<meta
property="og:description"
content="Explore WDIs machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
/>
<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="Machine Learning | Advanced ML Development Services | WDI" />
<meta
name="twitter:description"
content="Explore WDIs machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
/>
<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>Machine Learning | Advanced ML Development Services | WDI</title>
<meta
name="description"
content="Explore WDIs machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
/>
{/* Canonical Link */}
<link rel="canonical" href="https://www.wdipl.com/machine-learning" />
{/* Open Graph Tags (for Facebook, LinkedIn) */}
<meta property="og:title" content="Machine Learning | Advanced ML Development Services | WDI" />
<meta
property="og:description"
content="Explore WDIs machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
/>
<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="Machine Learning | Advanced ML Development Services | WDI" />
<meta
name="twitter:description"
content="Explore WDIs machine learning development services. From automation to smart predictions, we apply cutting-edge ML techniques across industries."
/>
<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",
@@ -73,8 +73,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
@@ -99,12 +99,12 @@ const HeroWithCTA = () => {
<span className="text-[#E5195E]">Machine Learning</span>
<span className="text-white"> Solutions</span>
</h1>
<p className="text-lg text-gray-300 leading-relaxed max-w-lg">
Harness the power of machine learning to predict outcomes, automate decisions, and unlock valuable insights from your data.
</p>
</div>
{/* CTAs */}
<motion.div
initial={{ opacity: 0, y: 20 }}
@@ -113,9 +113,9 @@ const HeroWithCTA = () => {
className="flex flex-col sm:flex-row gap-4"
>
<ShimmerButton className="text-lg px-8 py-4"
// onClick={() => navigateTo('/contact/schedule-a-discovery-call')}
onClick={() => navigateTo("/start-a-project")}
>
// onClick={() => navigateTo('/contact/schedule-a-discovery-call')}
onClick={() => navigateTo("/start-a-project")}
>
<div className="inline-flex items-center gap-2">
<Calendar className="w-4 h-4 flex-shrink-0" />
<span>ML Strategy Session</span>
@@ -132,7 +132,7 @@ const HeroWithCTA = () => {
</Button>
</motion.div>
</motion.div>
{/* Right side with stats */}
<motion.div
initial={{ opacity: 0, x: 50 }}
@@ -150,17 +150,17 @@ const HeroWithCTA = () => {
<div className="text-3xl lg:text-4xl font-bold text-white">200+</div>
<div className="text-sm text-gray-400 leading-tight">ML Models Built</div>
</div>
<div className="space-y-2 flex flex-col items-center">
<div className="text-3xl lg:text-4xl font-bold text-white">95%</div>
<div className="text-sm text-gray-400 leading-tight">Accuracy Rate</div>
</div>
<div className="space-y-2 flex flex-col items-center">
<div className="text-3xl lg:text-4xl font-bold text-white">50%</div>
<div className="text-sm text-gray-400 leading-tight">Faster Predictions</div>
</div>
<div className="space-y-2 flex flex-col items-center">
<div className="text-3xl lg:text-4xl font-bold text-white">24/7</div>
<div className="text-sm text-gray-400 leading-tight">Model Monitoring</div>
@@ -203,7 +203,7 @@ const HorizontalTagScroller = () => {
Cutting-edge machine learning methodologies that deliver accurate predictions and intelligent automation.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 40 }}
whileInView={{ opacity: 1, y: 0 }}
@@ -213,7 +213,7 @@ const HorizontalTagScroller = () => {
>
<div className="absolute left-0 top-0 bottom-0 w-20 bg-gradient-to-r from-card to-transparent z-10 pointer-events-none"></div>
<div className="absolute right-0 top-0 bottom-0 w-20 bg-gradient-to-l from-card to-transparent z-10 pointer-events-none"></div>
<div className="flex animate-marquee hover:animate-marquee-paused">
{/* First set */}
{techniques.map((technique, index) => {
@@ -240,7 +240,7 @@ const HorizontalTagScroller = () => {
</motion.div>
);
})}
{/* Second and third sets for seamless loop */}
{[...techniques, ...techniques].map((technique, index) => {
const IconComponent = technique.icon;
@@ -282,7 +282,7 @@ const SideBySideContentWithIcons = () => {
icon: Target
},
{
id: "scalable",
id: "scalable",
title: "Scalable Solutions",
icon: TrendingUp
},
@@ -318,7 +318,7 @@ const SideBySideContentWithIcons = () => {
<span className="text-[#E5195E]">WDI</span>
<span className="text-white"> for Machine Learning</span>
</h2>
<p className="text-xl text-gray-300 leading-relaxed">
Advanced ML capabilities with proven results and enterprise-grade deployment.
</p>
@@ -349,7 +349,7 @@ const SideBySideContentWithIcons = () => {
<div className="mb-6">
<IconComponent className="w-10 h-10 text-accent mx-auto" />
</div>
<h3 className="text-lg font-semibold text-white leading-tight">
{advantage.title}
</h3>
@@ -374,7 +374,7 @@ const TabbedServiceDisplay = () => {
link: "/services/custom-ml-model-development"
},
{
title: "Predictive Analytics & Forecasting",
title: "Predictive Analytics & Forecasting",
icon: TrendingUp,
description: "Advanced analytics to predict trends and forecast business outcomes.",
link: "/services/predictive-analytics-forecasting"
@@ -422,7 +422,7 @@ const TabbedServiceDisplay = () => {
Comprehensive machine learning solutions that turn your data into competitive advantage.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 40 }}
whileInView={{ opacity: 1, y: 0 }}
@@ -448,7 +448,7 @@ const TabbedServiceDisplay = () => {
<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">
{service.title}
@@ -496,21 +496,21 @@ const InlineCTA = () => {
</div>
</div>
</div>
{/* Main Heading */}
<h2 className="text-3xl lg:text-4xl font-semibold leading-tight">
<span className="text-white">Unlock Data Insights with </span>
<span className="text-[#E5195E]">Advanced Machine Learning</span>
</h2>
{/* Subtitle */}
<p className="text-xl text-gray-300 leading-relaxed max-w-2xl">
Transform your data into predictive intelligence that drives smarter business decisions and competitive advantage.
</p>
{/* CTA Button */}
<div className="flex flex-col 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/schedule-a-discovery-call')}
onClick={() => navigateTo("/start-a-project")}
@@ -520,7 +520,7 @@ const InlineCTA = () => {
<span>Start Your ML Project</span>
</div>
</ShimmerButton>
{/* Small benefit text */}
<p className="text-sm text-gray-400">
Data assessment Model prototyping Performance optimization
@@ -545,7 +545,7 @@ const HireDevelopersSection = () => {
link: "/hire-talent/full-stack-developers"
},
{
title: "Data Scientists",
title: "Data Scientists",
icon: BarChart3,
skills: ["Statistics", "R", "Python", "Data Visualization"],
iconBg: "bg-green-500",
@@ -588,7 +588,7 @@ const HireDevelopersSection = () => {
Get access to expert machine learning professionals who build predictive models that drive business value.
</p>
</motion.div>
<motion.div
initial={{ opacity: 0, y: 40 }}
whileInView={{ opacity: 1, y: 0 }}
@@ -622,12 +622,12 @@ const HireDevelopersSection = () => {
</div>
</div>
</div>
<h3 className="text-xl font-semibold text-foreground mb-4 leading-tight">
{specialist.title}
</h3>
</div>
{/* Skills */}
<div className="px-8 pb-6 flex-1">
<div className="flex flex-wrap gap-2">
@@ -638,10 +638,10 @@ const HireDevelopersSection = () => {
))}
</div>
</div>
{/* CTA */}
<div className="p-8 pt-0 mt-auto space-y-3">
<ShimmerButton
<ShimmerButton
className="w-full py-3 text-sm rounded-xl shadow-lg hover:shadow-xl"
onClick={() => navigateTo(specialist.link)}
>
@@ -697,7 +697,7 @@ export function MachineLearning() {
<ProcessSection />
<InlineCTA />
<HireDevelopersSection />
<FAQSection
<FAQSection
title="Machine Learning Questions"
subtitle="Get answers to common questions about our machine learning services."
faqs={machineLearningFAQs}