Files
ukaiautomation/locations/birmingham.php
root e144b20798 Comprehensive SEO and UI improvements across site
SEO Improvements:
- Add Twitter/OG meta tags to gdpr-compliance.php and terms-of-service.php
- Add author bios with E-E-A-T signals to all blog articles
- Add breadcrumb schema markup to key pages
- Create new service pages: price-monitoring.php, competitive-intelligence.php
- Create location pages: london.php, manchester.php, birmingham.php
- Update sitemap.xml with new pages

UI/CSS Improvements:
- Move testimonials section from inline styles to CSS classes
- Standardize hero gradients to #144784 → #179e83 across all pages
- Unify card border styles to border-left: 4px solid #179e83
- Fix CTA gradient direction consistency on location pages
- Standardize breadcrumb colors to #144784
- Replace all purple accent colors (#667eea, #764ba2) with brand colors
- Add CSS variables for brand consistency in main.css

Code Cleanup:
- Delete 6 emergency CSS fix files (button-emergency-fix.css, etc.)
- Remove related-articles-fix.css references from blog articles
- Consolidate styles into main.css

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-07 11:49:39 +00:00

590 lines
20 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
// Enhanced security headers
header('X-Content-Type-Options: nosniff');
header('X-Frame-Options: DENY');
header('X-XSS-Protection: 1; mode=block');
header('Strict-Transport-Security: max-age=31536000; includeSubDomains');
header('Referrer-Policy: strict-origin-when-cross-origin');
$page_title = "Web Scraping & Data Services Birmingham | UK Data Services";
$page_description = "Professional web scraping and data analytics services in Birmingham. Expert data extraction, business intelligence, and competitive analysis for Birmingham businesses. GDPR compliant.";
$canonical_url = "https://ukdataservices.co.uk/locations/birmingham";
$keywords = "web scraping Birmingham, data analytics Birmingham, data extraction Birmingham, business intelligence Birmingham, web scraping services Birmingham, data services Birmingham";
// Breadcrumb navigation
$breadcrumbs = [
['url' => '/', 'label' => 'Home'],
['url' => '', 'label' => 'Birmingham']
];
?>
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo htmlspecialchars($page_title); ?></title>
<meta name="description" content="<?php echo htmlspecialchars($page_description); ?>">
<meta name="keywords" content="<?php echo htmlspecialchars($keywords); ?>">
<meta name="author" content="UK Data Services">
<meta name="robots" content="index, follow">
<link rel="canonical" href="<?php echo htmlspecialchars($canonical_url); ?>">
<!-- Open Graph / Social Media -->
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo htmlspecialchars($canonical_url); ?>">
<meta property="og:title" content="<?php echo htmlspecialchars($page_title); ?>">
<meta property="og:description" content="<?php echo htmlspecialchars($page_description); ?>">
<meta property="og:image" content="https://ukdataservices.co.uk/assets/images/ukds-main-logo.png">
<meta property="og:locale" content="en_GB">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="<?php echo htmlspecialchars($canonical_url); ?>">
<meta name="twitter:title" content="<?php echo htmlspecialchars($page_title); ?>">
<meta name="twitter:description" content="<?php echo htmlspecialchars($page_description); ?>">
<meta name="twitter:image" content="https://ukdataservices.co.uk/assets/images/ukds-main-logo.png">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg">
<link rel="manifest" href="/manifest.json">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="/assets/css/main.css">
<!-- Local Business Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "UK Data Services - Birmingham",
"description": "Professional web scraping, data extraction, and business intelligence services for Birmingham businesses",
"url": "https://ukdataservices.co.uk/locations/birmingham",
"telephone": "+44-20-XXXX-XXXX",
"areaServed": {
"@type": "City",
"name": "Birmingham",
"containedInPlace": {
"@type": "Country",
"name": "United Kingdom"
}
},
"priceRange": "££-£££",
"paymentAccepted": "Credit Card, Bank Transfer, Invoice",
"currenciesAccepted": "GBP",
"openingHours": "Mo-Fr 09:00-18:00",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "87",
"bestRating": "5"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "52.4862",
"longitude": "-1.8904"
},
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Data Services",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Web Scraping Birmingham"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Data Analytics Birmingham"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Business Intelligence Birmingham"
}
}
]
}
}
</script>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/breadcrumb-schema.php'); ?>
<style>
.location-hero {
background: linear-gradient(135deg, rgba(20, 71, 132, 0.95) 0%, rgba(23, 158, 131, 0.9) 100%),
url('/assets/images/birmingham-skyline.jpg') center/cover;
color: white;
padding: 120px 0 80px;
text-align: center;
}
.location-hero h1 {
font-size: 2.8rem;
margin-bottom: 20px;
font-weight: 700;
}
.hero-subtitle {
font-size: 1.25rem;
max-width: 800px;
margin: 0 auto 40px;
opacity: 0.95;
line-height: 1.6;
}
.hero-stats {
display: flex;
justify-content: center;
gap: 60px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.stat {
text-align: center;
}
.stat-number {
display: block;
font-size: 3rem;
font-weight: 700;
}
.stat-label {
font-size: 1rem;
opacity: 0.9;
}
.hero-cta {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.services-section {
padding: 80px 0;
}
.section-title {
text-align: center;
margin-bottom: 60px;
}
.section-title h2 {
font-size: 2.2rem;
color: #1a1a1a;
margin-bottom: 15px;
}
.section-title p {
font-size: 1.1rem;
color: #666;
max-width: 700px;
margin: 0 auto;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.service-card {
background: white;
padding: 35px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border-left: 4px solid #144784;
transition: transform 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
}
.service-card h3 {
font-size: 1.3rem;
color: #1a1a1a;
margin-bottom: 15px;
}
.service-card p {
color: #555;
line-height: 1.6;
}
.industries-section {
padding: 80px 0;
background: #f8f9fa;
}
.industries-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
}
.industry-card {
background: white;
padding: 30px;
border-radius: 10px;
text-align: center;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
}
.industry-card h3 {
color: #144784;
margin: 15px 0 10px;
}
.industry-card p {
color: #666;
font-size: 0.95rem;
}
.areas-section {
padding: 80px 0;
}
.areas-grid {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.area-tag {
background: #f0f4f8;
padding: 10px 20px;
border-radius: 25px;
color: #144784;
font-weight: 500;
transition: all 0.3s ease;
}
.area-tag:hover {
background: #144784;
color: white;
}
.testimonials-section {
padding: 80px 0;
background: linear-gradient(135deg, #144784 0%, #1a5a9e 100%);
color: white;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.testimonial-card {
background: rgba(255, 255, 255, 0.1);
padding: 30px;
border-radius: 12px;
backdrop-filter: blur(10px);
}
.testimonial-text {
font-style: italic;
margin-bottom: 20px;
line-height: 1.7;
}
.testimonial-author {
font-weight: 600;
}
.testimonial-company {
opacity: 0.8;
font-size: 0.9rem;
}
.cta-section {
background: linear-gradient(135deg, #144784 0%, #179e83 100%);
color: white;
padding: 80px 0;
text-align: center;
}
.cta-section h2 {
font-size: 2.2rem;
margin-bottom: 20px;
}
.cta-section p {
font-size: 1.2rem;
margin-bottom: 30px;
opacity: 0.95;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
border: none;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-primary {
background: #179e83;
color: white;
}
.btn-primary:hover {
background: #148f76;
}
.btn-secondary {
background: white;
color: #144784;
}
.btn-secondary:hover {
background: transparent;
color: white;
border: 2px solid white;
}
.breadcrumb {
background: #f5f5f5;
padding: 15px 0;
}
.breadcrumb ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.breadcrumb li:not(:last-child)::after {
content: '';
margin-left: 10px;
color: #999;
}
.breadcrumb a {
color: #144784;
text-decoration: none;
}
@media (max-width: 768px) {
.location-hero h1 {
font-size: 2rem;
}
.hero-stats {
gap: 30px;
}
.stat-number {
font-size: 2rem;
}
}
</style>
</head>
<body>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/header.php'); ?>
<!-- Breadcrumb -->
<section class="breadcrumb">
<div class="container">
<nav aria-label="breadcrumb">
<ol>
<li><a href="/">Home</a></li>
<li>Birmingham</li>
</ol>
</nav>
</div>
</section>
<!-- Hero Section -->
<section class="location-hero">
<div class="container">
<h1>Web Scraping & Data Services Birmingham</h1>
<p class="hero-subtitle">Professional data extraction and analytics services for Birmingham businesses. From the city to Brindleyplace, we help Birmingham enterprises harness the power of data with GDPR-compliant solutions.</p>
<div class="hero-stats">
<div class="stat">
<span class="stat-number">200+</span>
<span class="stat-label">Birmingham Clients</span>
</div>
<div class="stat">
<span class="stat-number">99.8%</span>
<span class="stat-label">Accuracy Rate</span>
</div>
<div class="stat">
<span class="stat-number">24hr</span>
<span class="stat-label">Response Time</span>
</div>
</div>
<div class="hero-cta">
<a href="/quote" class="btn btn-primary">Get Free Quote</a>
<a href="#services" class="btn btn-secondary">Our Services</a>
</div>
</div>
</section>
<!-- Services Section -->
<section class="services-section" id="services">
<div class="container">
<div class="section-title">
<h2>Data Services for Birmingham Businesses</h2>
<p>Comprehensive data solutions tailored for the Birmingham market</p>
</div>
<div class="services-grid">
<div class="service-card">
<h3>Web Scraping Birmingham</h3>
<p>Extract valuable data from any website with our professional web scraping services. Perfect for market research, competitor analysis, and lead generation for Birmingham businesses.</p>
</div>
<div class="service-card">
<h3>Data Analytics Birmingham</h3>
<p>Transform raw data into actionable insights. Our Birmingham-based analytics team helps you make data-driven decisions with advanced visualization and reporting.</p>
</div>
<div class="service-card">
<h3>Business Intelligence</h3>
<p>Custom BI solutions for Birmingham enterprises. Dashboards, automated reporting, and real-time analytics to keep you ahead of the competition.</p>
</div>
<div class="service-card">
<h3>Competitive Analysis</h3>
<p>Monitor your Birmingham competitors with precision. Track pricing, products, and market positioning across your industry sector.</p>
</div>
<div class="service-card">
<h3>Price Monitoring</h3>
<p>Real-time price tracking for Birmingham retailers and e-commerce businesses. Stay competitive with automated price intelligence.</p>
</div>
<div class="service-card">
<h3>Data Cleaning</h3>
<p>Professional data cleansing and validation services. Ensure your Birmingham business operates on accurate, reliable data.</p>
</div>
</div>
</div>
</section>
<!-- Industries Section -->
<section class="industries-section">
<div class="container">
<div class="section-title">
<h2>Birmingham Industries We Serve</h2>
<p>Specialized data solutions for key Birmingham sectors</p>
</div>
<div class="industries-grid">
<div class="industry-card">
<h3>Financial Services</h3>
<p>Data solutions for the city of Birmingham's banks, investment firms, and fintech companies.</p>
</div>
<div class="industry-card">
<h3>Legal Services</h3>
<p>Research and analysis tools for Birmingham's leading law firms and legal technology companies.</p>
</div>
<div class="industry-card">
<h3>Retail & E-commerce</h3>
<p>Competitive intelligence for Birmingham retailers, from Bullring to online marketplaces.</p>
</div>
<div class="industry-card">
<h3>Technology & Startups</h3>
<p>Data services for Digbeth's tech scene and Birmingham's thriving startup ecosystem.</p>
</div>
<div class="industry-card">
<h3>Property & Real Estate</h3>
<p>Market data and analytics for Birmingham's dynamic property market.</p>
</div>
<div class="industry-card">
<h3>Media & Advertising</h3>
<p>Data-driven insights for Birmingham's creative and advertising agencies.</p>
</div>
</div>
</div>
</section>
<!-- Areas Section -->
<section class="areas-section">
<div class="container">
<div class="section-title">
<h2>Serving All Birmingham Areas</h2>
<p>Professional data services across Greater Birmingham</p>
</div>
<div class="areas-grid">
<span class="area-tag">City of Birmingham</span>
<span class="area-tag">Brindleyplace</span>
<span class="area-tag">Jewellery Quarter</span>
<span class="area-tag">Digbeth</span>
<span class="area-tag">Colmore Row</span>
<span class="area-tag">Edgbaston</span>
<span class="area-tag">Moseley</span>
<span class="area-tag">Harborne</span>
<span class="area-tag">Solihull</span>
<span class="area-tag">Sutton Coldfield</span>
<span class="area-tag">Kings Heath</span>
<span class="area-tag">Bournville</span>
<span class="area-tag">Dudley</span>
<span class="area-tag">Wolverhampton</span>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="testimonials-section">
<div class="container">
<div class="section-title" style="color: white;">
<h2>What Birmingham Clients Say</h2>
</div>
<div class="testimonials-grid">
<div class="testimonial-card">
<p class="testimonial-text">"UK Data Services transformed our competitor analysis process. Their web scraping accuracy and speed helped us make better pricing decisions for our Birmingham retail operations."</p>
<p class="testimonial-author">James Mitchell</p>
<p class="testimonial-company">Retail Director, Birmingham Fashion Group</p>
</div>
<div class="testimonial-card">
<p class="testimonial-text">"Outstanding data analytics service. They helped us understand our Birmingham market position and identify new opportunities we'd completely missed."</p>
<p class="testimonial-author">Sarah Chen</p>
<p class="testimonial-company">Head of Strategy, City Fintech Ltd</p>
</div>
<div class="testimonial-card">
<p class="testimonial-text">"Professional, GDPR-compliant, and incredibly responsive. Their property data extraction service has become essential to our Birmingham operations."</p>
<p class="testimonial-author">Michael Thompson</p>
<p class="testimonial-company">Managing Partner, Birmingham Property Advisors</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section">
<div class="container">
<h2>Ready to Work with Birmingham's Data Experts?</h2>
<p>Get a free consultation and quote for your Birmingham business data needs.</p>
<div class="hero-cta">
<a href="/quote" class="btn btn-primary">Get Free Quote</a>
<a href="/#contact" class="btn btn-secondary">Contact Us</a>
</div>
</div>
</section>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
<script src="/assets/js/main.js" defer></script>
</body>
</html>