Files
ukaiautomation/locations/london.php
root edd491d680 Fix navbar across all pages: add nav include, fonts, active state, spacing, stats, error pages
- Add nav.php include to 5 missing pages (cost-calculator, thank-you, 403, 404, 500)
- Add ErrorDocument directives to .htaccess for custom 403/404/500 pages
- Fix bogus accuracy stats (homepage, web-scraping, location pages)
- Fix invisible CTA buttons on property and financial service pages
- Add Google Fonts (Roboto Slab + Lato) to all pages missing it (tools, blog articles, error pages)
- Add active nav link highlighting (teal underline for current page)
- Improve footer contrast to WCAG AA, equal-height cards, mobile text scaling
- Consistent navbar-to-content spacing across all pages
- Bump cache version to v1.1.3
2026-02-11 07:15:11 +00:00

586 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('Strict-Transport-Security: max-age=31536000; includeSubDomains');
$page_title = "Web Scraping & Data Services London | UK Data Services";
$page_description = "Professional web scraping and data analytics services in London. Expert data extraction, business intelligence, and competitive analysis for London businesses. GDPR compliant.";
$canonical_url = "https://ukdataservices.co.uk/locations/london";
$keywords = "web scraping London, data analytics London, data extraction London, business intelligence London, web scraping services London, data services London";
// Breadcrumb navigation
$breadcrumbs = [
['url' => '/', 'label' => 'Home'],
['url' => '', 'label' => 'London']
];
?>
<!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 - London",
"description": "Professional web scraping, data extraction, and business intelligence services for London businesses",
"url": "https://ukdataservices.co.uk/locations/london",
"telephone": "+44-20-XXXX-XXXX",
"areaServed": {
"@type": "City",
"name": "London",
"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": "51.5074",
"longitude": "-0.1278"
},
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Data Services",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Web Scraping London"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Data Analytics London"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Business Intelligence London"
}
}
]
}
}
</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/london-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/nav.php'); ?>
<!-- Breadcrumb -->
<section class="breadcrumb">
<div class="container">
<nav aria-label="breadcrumb">
<ol>
<li><a href="/">Home</a></li>
<li>London</li>
</ol>
</nav>
</div>
</section>
<!-- Hero Section -->
<section class="location-hero">
<div class="container">
<h1>Web Scraping & Data Services London</h1>
<p class="hero-subtitle">Professional data extraction and analytics services for London businesses. From the City to Canary Wharf, we help London 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">London Clients</span>
</div>
<div class="stat">
<span class="stat-number">99.5%</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 London Businesses</h2>
<p>Comprehensive data solutions tailored for the London market</p>
</div>
<div class="services-grid">
<div class="service-card">
<h3>Web Scraping London</h3>
<p>Extract valuable data from any website with our professional web scraping services. Perfect for market research, competitor analysis, and lead generation for London businesses.</p>
</div>
<div class="service-card">
<h3>Data Analytics London</h3>
<p>Transform raw data into actionable insights. Our London-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 London 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 London 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 London 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 London 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>London Industries We Serve</h2>
<p>Specialized data solutions for key London sectors</p>
</div>
<div class="industries-grid">
<div class="industry-card">
<h3>Financial Services</h3>
<p>Data solutions for the City of London's banks, investment firms, and fintech companies.</p>
</div>
<div class="industry-card">
<h3>Legal Services</h3>
<p>Research and analysis tools for London's leading law firms and legal technology companies.</p>
</div>
<div class="industry-card">
<h3>Retail & E-commerce</h3>
<p>Competitive intelligence for London retailers, from Oxford Street to online marketplaces.</p>
</div>
<div class="industry-card">
<h3>Technology & Startups</h3>
<p>Data services for Shoreditch's tech scene and London's thriving startup ecosystem.</p>
</div>
<div class="industry-card">
<h3>Property & Real Estate</h3>
<p>Market data and analytics for London's dynamic property market.</p>
</div>
<div class="industry-card">
<h3>Media & Advertising</h3>
<p>Data-driven insights for London'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 London Areas</h2>
<p>Professional data services across Greater London</p>
</div>
<div class="areas-grid">
<span class="area-tag">City of London</span>
<span class="area-tag">Canary Wharf</span>
<span class="area-tag">Westminster</span>
<span class="area-tag">Shoreditch</span>
<span class="area-tag">Mayfair</span>
<span class="area-tag">Kensington</span>
<span class="area-tag">Camden</span>
<span class="area-tag">Islington</span>
<span class="area-tag">Southwark</span>
<span class="area-tag">Greenwich</span>
<span class="area-tag">Stratford</span>
<span class="area-tag">Richmond</span>
<span class="area-tag">Croydon</span>
<span class="area-tag">Hammersmith</span>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="testimonials-section">
<div class="container">
<div class="section-title" style="color: white;">
<h2>What London 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 London retail operations."</p>
<p class="testimonial-author">James Mitchell</p>
<p class="testimonial-company">Retail Director, London Fashion Group</p>
</div>
<div class="testimonial-card">
<p class="testimonial-text">"Outstanding data analytics service. They helped us understand our London 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 London operations."</p>
<p class="testimonial-author">Michael Thompson</p>
<p class="testimonial-company">Managing Partner, London Property Advisors</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section">
<div class="container">
<h2>Ready to Work with London's Data Experts?</h2>
<p>Get a free consultation and quote for your London 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>