657 lines
37 KiB
PHP
657 lines
37 KiB
PHP
<?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');
|
|
header('Content-Security-Policy: default-src \'self\'; script-src \'self\' \'unsafe-inline\' https://cdnjs.cloudflare.com https://www.googletagmanager.com https://www.google-analytics.com https://www.clarity.ms; style-src \'self\' \'unsafe-inline\' https://fonts.googleapis.com; font-src \'self\' https://fonts.gstatic.com; img-src \'self\' data: https://www.google-analytics.com; connect-src \'self\' https://www.google-analytics.com https://analytics.google.com;');
|
|
|
|
// SEO and performance optimizations
|
|
$page_title = "UK Data Services | Professional Web Scraping & Data Analytics Solutions";
|
|
$page_description = "Leading UK provider of web scraping, data extraction, business intelligence, and analytics services. Transform your business with professional data solutions.";
|
|
$canonical_url = "https://ukdataservices.co.uk/";
|
|
$keywords = "web scraping UK, data extraction services, business intelligence, competitive analysis, price monitoring, data analytics, market research, web data mining";
|
|
$author = "UK Data Services";
|
|
$og_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png";
|
|
$twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png";
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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="<?php echo htmlspecialchars($author); ?>">
|
|
<meta name="google-site-verification" content="la6e0_PDdHFkUn8NbHI-cMofozMcxtgrf73zwqKz6Ec" />
|
|
<meta name="robots" content="index, follow">
|
|
<meta name="googlebot" content="index, follow">
|
|
<meta name="bingbot" 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="<?php echo htmlspecialchars($og_image); ?>">
|
|
|
|
<!-- 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="<?php echo htmlspecialchars($twitter_card_image); ?>">
|
|
|
|
<!-- Favicon and App Icons -->
|
|
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
|
|
<link rel="icon" type="image/svg+xml" sizes="16x16" href="assets/images/favicon-16x16.svg">
|
|
<link rel="icon" type="image/svg+xml" sizes="32x32" href="assets/images/favicon-32x32.svg">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.svg">
|
|
<link rel="manifest" href="manifest.json">
|
|
<meta name="theme-color" content="#764ba2">
|
|
<meta name="msapplication-TileColor" content="#667eea">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="apple-mobile-web-app-title" content="UK Data Services">
|
|
|
|
<!-- Google Analytics 4 (GA4) -->
|
|
<!-- TODO: Replace GA_MEASUREMENT_ID with your actual Google Analytics 4 Measurement ID -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'GA_MEASUREMENT_ID', {
|
|
page_title: document.title,
|
|
page_location: window.location.href
|
|
});
|
|
</script>
|
|
|
|
<!-- Google Tag Manager (Optional - if you use GTM) -->
|
|
<!-- TODO: Replace GTM-XXXXXXX with your Google Tag Manager container ID -->
|
|
<!--
|
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
|
|
-->
|
|
|
|
<!-- Microsoft Clarity (Optional) -->
|
|
<!-- TODO: Replace CLARITY_PROJECT_ID with your Clarity project ID -->
|
|
<!--
|
|
<script type="text/javascript">
|
|
(function(c,l,a,r,i,t,y){
|
|
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
|
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
|
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
|
})(window, document, "clarity", "script", "CLARITY_PROJECT_ID");
|
|
</script>
|
|
-->
|
|
|
|
<!-- 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:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
|
|
<!-- Structured Data -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Organization",
|
|
"name": "UK Data Services",
|
|
"url": "https://ukdataservices.co.uk",
|
|
"logo": "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png",
|
|
"description": "Professional web scraping and data analytics services in the UK",
|
|
"address": {
|
|
"@type": "PostalAddress",
|
|
"addressCountry": "GB"
|
|
},
|
|
"telephone": "+44 1692 689150",
|
|
"sameAs": [
|
|
"https://www.linkedin.com/company/uk-data-services"
|
|
],
|
|
"serviceType": ["Web Scraping", "Data Extraction", "Business Intelligence", "Data Analytics"],
|
|
"areaServed": {
|
|
"@type": "Country",
|
|
"name": "United Kingdom"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<!-- Skip to content link for accessibility -->
|
|
<a href="#main-content" class="skip-to-content">Skip to main content</a>
|
|
|
|
<!-- Google Tag Manager (noscript) -->
|
|
<!-- TODO: Replace GTM-XXXXXXX with your Google Tag Manager container ID -->
|
|
<!--
|
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
|
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
-->
|
|
<!-- Navigation -->
|
|
<nav class="navbar" id="navbar">
|
|
<div class="nav-container">
|
|
<div class="nav-logo">
|
|
<a href="/">
|
|
<img src="assets/images/ukds-main-logo.png" alt="UK Data Services" class="logo">
|
|
</a>
|
|
</div>
|
|
<div class="nav-menu" id="nav-menu">
|
|
<a href="#home" class="nav-link">Home</a>
|
|
<a href="#services" class="nav-link">Capabilities</a>
|
|
<a href="project-types.php" class="nav-link">Project Types</a>
|
|
<a href="about.php" class="nav-link">About</a>
|
|
<a href="#contact" class="nav-link">Contact</a>
|
|
<a href="quote.php" class="nav-link cta-button">Request Consultation</a>
|
|
</div>
|
|
<div class="nav-toggle" id="nav-toggle">
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
<span class="bar"></span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<main id="main-content">
|
|
<section id="home" class="hero">
|
|
<div class="hero-container">
|
|
<div class="hero-content">
|
|
<h1 class="hero-title"><span class="highlight rotating-text" id="rotating-text">Voted UK's No.1 Web Scraping Service</span></h1>
|
|
<p class="hero-subtitle" id="hero-subtitle">We are experts in web scraping, data analysis and competitor price monitoring.</p>
|
|
<div class="hero-buttons">
|
|
<a href="quote.php" class="btn btn-primary">Request Consultation</a>
|
|
<a href="#services" class="btn btn-secondary">Our Capabilities</a>
|
|
</div>
|
|
<div class="hero-stats">
|
|
<div class="stat">
|
|
<span class="stat-number">£2.5M+</span>
|
|
<span class="stat-label">Value Created for Clients</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">99.8%</span>
|
|
<span class="stat-label">Data Accuracy Rate</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">24/7</span>
|
|
<span class="stat-label">Expert Support</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-image">
|
|
<div class="hero-graphic">
|
|
<svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Background circles for depth -->
|
|
<circle cx="400" cy="200" r="180" fill="#179e83" opacity="0.08" class="bg-circle-1"/>
|
|
<circle cx="350" cy="150" r="120" fill="#ffffff" opacity="0.03" class="bg-circle-2"/>
|
|
|
|
<!-- Main browser window -->
|
|
<rect x="80" y="60" width="200" height="140" rx="12" fill="#ffffff" opacity="0.95" class="browser-main"/>
|
|
<rect x="80" y="60" width="200" height="30" rx="12" fill="#144784" class="browser-header"/>
|
|
<circle cx="98" cy="75" r="5" fill="#ffffff" opacity="0.8"/>
|
|
<circle cx="110" cy="75" r="5" fill="#ffffff" opacity="0.8"/>
|
|
<circle cx="122" cy="75" r="5" fill="#ffffff" opacity="0.8"/>
|
|
|
|
<!-- Browser content (data being scraped) -->
|
|
<rect x="90" y="100" width="80" height="6" fill="#179e83" opacity="0.7" class="data-line-1"/>
|
|
<rect x="90" y="115" width="120" height="6" fill="#144784" opacity="0.7" class="data-line-2"/>
|
|
<rect x="90" y="130" width="60" height="6" fill="#179e83" opacity="0.7" class="data-line-3"/>
|
|
<rect x="90" y="145" width="100" height="6" fill="#144784" opacity="0.7" class="data-line-4"/>
|
|
<rect x="90" y="160" width="75" height="6" fill="#179e83" opacity="0.7" class="data-line-5"/>
|
|
<rect x="90" y="175" width="90" height="6" fill="#144784" opacity="0.7" class="data-line-6"/>
|
|
|
|
<!-- Data extraction animation path -->
|
|
<path d="M290 140 Q350 120 380 160" stroke="#179e83" stroke-width="4" fill="none" opacity="0.8" class="extraction-path"/>
|
|
|
|
<!-- Moving data particles -->
|
|
<circle cx="290" cy="140" r="4" fill="#179e83" class="data-particle-1">
|
|
<animateMotion dur="3s" repeatCount="indefinite">
|
|
<mpath href="#extraction-path"/>
|
|
</animateMotion>
|
|
</circle>
|
|
<circle cx="290" cy="140" r="3" fill="#144784" class="data-particle-2">
|
|
<animateMotion dur="4s" repeatCount="indefinite" begin="1s">
|
|
<mpath href="#extraction-path"/>
|
|
</animateMotion>
|
|
</circle>
|
|
<circle cx="290" cy="140" r="3" fill="#179e83" class="data-particle-3">
|
|
<animateMotion dur="3.5s" repeatCount="indefinite" begin="2s">
|
|
<mpath href="#extraction-path"/>
|
|
</animateMotion>
|
|
</circle>
|
|
|
|
<!-- Database/Storage -->
|
|
<rect x="320" y="220" width="140" height="100" rx="10" fill="#ffffff" opacity="0.95" class="database"/>
|
|
<rect x="330" y="235" width="50" height="8" fill="#179e83" opacity="0.8" class="db-row-1"/>
|
|
<rect x="330" y="250" width="70" height="8" fill="#144784" opacity="0.8" class="db-row-2"/>
|
|
<rect x="330" y="265" width="45" height="8" fill="#179e83" opacity="0.8" class="db-row-3"/>
|
|
<rect x="330" y="280" width="60" height="8" fill="#144784" opacity="0.8" class="db-row-4"/>
|
|
<rect x="330" y="295" width="55" height="8" fill="#179e83" opacity="0.8" class="db-row-5"/>
|
|
|
|
<!-- Analytics Dashboard -->
|
|
<rect x="50" y="250" width="150" height="120" rx="10" fill="#ffffff" opacity="0.95" class="dashboard"/>
|
|
<rect x="50" y="250" width="150" height="25" rx="10" fill="#179e83" class="dashboard-header"/>
|
|
|
|
<!-- Chart bars -->
|
|
<rect x="70" y="300" width="15" height="40" fill="#144784" opacity="0.8" class="chart-bar-1"/>
|
|
<rect x="90" y="290" width="15" height="50" fill="#179e83" opacity="0.8" class="chart-bar-2"/>
|
|
<rect x="110" y="285" width="15" height="55" fill="#144784" opacity="0.8" class="chart-bar-3"/>
|
|
<rect x="130" y="295" width="15" height="45" fill="#179e83" opacity="0.8" class="chart-bar-4"/>
|
|
<rect x="150" y="280" width="15" height="60" fill="#144784" opacity="0.8" class="chart-bar-5"/>
|
|
|
|
<!-- Floating success indicators -->
|
|
<circle cx="120" cy="80" r="8" fill="#179e83" opacity="0.8" class="success-1">
|
|
<animate attributeName="cy" values="80;60;80" dur="4s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0.8;0.4;0.8" dur="4s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<text x="120" y="85" fill="white" font-size="10" text-anchor="middle" class="success-text">✓</text>
|
|
|
|
<circle cx="420" cy="120" r="6" fill="#144784" opacity="0.6" class="success-2">
|
|
<animate attributeName="cy" values="120;100;120" dur="5s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0.6;0.3;0.6" dur="5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Data flow indicators -->
|
|
<circle cx="100" cy="350" r="3" fill="#179e83" opacity="0.7" class="flow-1">
|
|
<animate attributeName="cy" values="350;330;350" dur="3s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="150" cy="340" r="2" fill="#144784" opacity="0.7" class="flow-2">
|
|
<animate attributeName="cy" values="340;320;340" dur="4s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="250" cy="360" r="2" fill="#179e83" opacity="0.7" class="flow-3">
|
|
<animate attributeName="cy" values="360;340;360" dur="3.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<!-- Hidden path for particles -->
|
|
<defs>
|
|
<path id="extraction-path" d="M290 140 Q350 120 380 160"/>
|
|
</defs>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section id="services" class="services">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>Enterprise Data Solutions Portfolio</h2>
|
|
<p>Comprehensive data intelligence services designed for mission-critical business operations and strategic decision-making across British industry sectors.</p>
|
|
</div>
|
|
<div class="services-grid">
|
|
<div class="service-card animate-on-scroll" style="--animation-delay: 0.1s;">
|
|
<div class="service-icon">
|
|
<img src="assets/images/icon-web-scraping-v2.svg" alt="Enterprise Web Intelligence">
|
|
</div>
|
|
<h3>Enterprise Web Intelligence & Monitoring</h3>
|
|
<p>Our consultancy delivers strategic data acquisition solutions utilising advanced web intelligence platforms and proprietary extraction methodologies.</p>
|
|
<ul>
|
|
<li>Competitive intelligence & market surveillance</li>
|
|
<li>Financial data aggregation & securities monitoring</li>
|
|
<li>E-commerce pricing intelligence & inventory tracking</li>
|
|
<li>Property market analysis & investment research</li>
|
|
<li>Multi-platform marketplace intelligence (Amazon, eBay, Auto Trader)</li>
|
|
<li>Promotional intelligence & pricing strategy analysis</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card animate-on-scroll" style="--animation-delay: 0.2s;">
|
|
<div class="service-icon">
|
|
<img src="assets/images/icon-scalability.svg" alt="Technology Platform">
|
|
</div>
|
|
<h3>Advanced Technology Platform</h3>
|
|
<p>Our enterprise-grade infrastructure leverages cutting-edge Microsoft technologies and cloud-native architectures to deliver scalable, reliable data solutions.</p>
|
|
<ul>
|
|
<li>Cloud-native data processing pipelines</li>
|
|
<li>Real-time data streaming & analytics</li>
|
|
<li>Enterprise security & encrypted data storage</li>
|
|
<li>API-first architecture & system integration</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card animate-on-scroll" style="--animation-delay: 0.3s;">
|
|
<div class="service-icon">
|
|
<img src="assets/images/icon-data-processing.svg" alt="Data Management Services">
|
|
</div>
|
|
<h3>Comprehensive Data Management Services</h3>
|
|
<p>End-to-end data lifecycle management solutions tailored to meet complex enterprise requirements and regulatory compliance standards.</p>
|
|
<ul>
|
|
<li>Strategic web intelligence programmes</li>
|
|
<li>Database migration & transformation services</li>
|
|
<li>Lead generation & CRM data enrichment</li>
|
|
<li>Document digitisation & data entry services</li>
|
|
<li>Data processing & quality assurance</li>
|
|
<li>Bulk data operations & system integration</li>
|
|
<li>Bespoke data extraction solutions</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<img src="assets/images/icon-automation.svg" alt="Automation">
|
|
</div>
|
|
<h3>Automation & APIs</h3>
|
|
<p>Streamline your data workflows with custom automation solutions and API integrations.</p>
|
|
<ul>
|
|
<li>Custom API development</li>
|
|
<li>Automated data pipelines</li>
|
|
<li>Real-time data feeds</li>
|
|
<li>System integrations</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<img src="assets/images/icon-compliance.svg" alt="Compliance">
|
|
</div>
|
|
<h3>Compliance & Security</h3>
|
|
<p>Maintain the highest standards of data security and regulatory compliance across all projects.</p>
|
|
<ul>
|
|
<li>GDPR compliance</li>
|
|
<li>Data encryption</li>
|
|
<li>Secure data transfer</li>
|
|
<li>Privacy protection</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<img src="assets/images/icon-consulting.svg" alt="Consulting">
|
|
</div>
|
|
<h3>Custom Development</h3>
|
|
<p>Build tailored solutions designed specifically for your unique business requirements and data challenges.</p>
|
|
<ul>
|
|
<li>Bespoke scraping solutions</li>
|
|
<li>Custom API development</li>
|
|
<li>Tailored reporting systems</li>
|
|
<li>System integrations</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Clients Section -->
|
|
<section style="padding: 80px 0; background: white;">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>Trusted by Industry Leaders</h2>
|
|
<p>Our enterprise clients span regulated industries including financial services, gaming, property, and retail across the United Kingdom</p>
|
|
</div>
|
|
|
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 40px; align-items: center; opacity: 0.7;">
|
|
<div style="text-align: center;">
|
|
<img src="assets/images/client-replay.png" alt="Replay" style="max-height: 60px; width: auto; filter: grayscale(100%); transition: filter 0.3s ease;" onmouseover="this.style.filter='grayscale(0%)'" onmouseout="this.style.filter='grayscale(100%)'">
|
|
</div>
|
|
<div style="text-align: center;">
|
|
<img src="assets/images/client-pragma.png" alt="Pragma" style="max-height: 60px; width: auto; filter: grayscale(100%); transition: filter 0.3s ease;" onmouseover="this.style.filter='grayscale(0%)'" onmouseout="this.style.filter='grayscale(100%)'">
|
|
</div>
|
|
<div style="text-align: center;">
|
|
<img src="assets/images/client-incite.png" alt="Incite" style="max-height: 60px; width: auto; filter: grayscale(100%); transition: filter 0.3s ease;" onmouseover="this.style.filter='grayscale(0%)'" onmouseout="this.style.filter='grayscale(100%)'">
|
|
</div>
|
|
<div style="text-align: center;">
|
|
<img src="assets/images/client-homesupply.png" alt="Home Supply" style="max-height: 60px; width: auto; filter: grayscale(100%); transition: filter 0.3s ease;" onmouseover="this.style.filter='grayscale(0%)'" onmouseout="this.style.filter='grayscale(100%)'">
|
|
</div>
|
|
<div style="text-align: center;">
|
|
<img src="assets/images/client-gambling-commission.png" alt="Gambling Commission" style="max-height: 60px; width: auto; filter: grayscale(100%); transition: filter 0.3s ease;" onmouseover="this.style.filter='grayscale(0%)'" onmouseout="this.style.filter='grayscale(100%)'">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Process Section -->
|
|
<section id="process" class="process">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>Our Proven Methodology</h2>
|
|
<p>A systematic approach ensuring optimal outcomes, regulatory compliance, and measurable business value delivery.</p>
|
|
</div>
|
|
<div class="process-steps">
|
|
<div class="step">
|
|
<div class="step-number">01</div>
|
|
<div class="step-content">
|
|
<h3>Understanding Your Needs</h3>
|
|
<p>We talk to you to understand exactly what data you need, check what's legally required, and plan how to keep everything secure and compliant.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="step-number">02</div>
|
|
<div class="step-content">
|
|
<h3>Planning & Design</h3>
|
|
<p>We design the technical solution, create a clear project timeline with milestones, and set up how we'll measure success.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="step-number">03</div>
|
|
<div class="step-content">
|
|
<h3>Data Collection & Processing</h3>
|
|
<p>We use our advanced tools to extract your data, monitor the process continuously, and automatically check quality as we go.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="step-number">04</div>
|
|
<div class="step-content">
|
|
<h3>Quality Checks & Compliance</h3>
|
|
<p>We run thorough checks to make sure the data is accurate and meets all UK data protection laws and industry requirements.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="step-number">05</div>
|
|
<div class="step-content">
|
|
<h3>Secure Delivery & Support</h3>
|
|
<p>We deliver your data securely, help integrate it with your systems, train your team if needed, and provide ongoing support.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Choose Us Section -->
|
|
<section id="why-us" class="why-us">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2>Why Choose UK Data Services</h2>
|
|
<p>Enterprise-grade expertise, cutting-edge technology infrastructure, and unwavering commitment to delivering measurable business outcomes.</p>
|
|
</div>
|
|
<div class="features-grid">
|
|
<div class="feature">
|
|
<div class="feature-icon">
|
|
<img src="assets/images/icon-accuracy.svg" alt="Data Precision">
|
|
</div>
|
|
<h3>Guaranteed Data Precision</h3>
|
|
<p>Exceptional 99.8% accuracy rates achieved through advanced validation algorithms and rigorous quality assurance methodologies.</p>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">
|
|
<img src="assets/images/icon-speed.svg" alt="Delivery Excellence">
|
|
</div>
|
|
<h3>Accelerated Delivery Excellence</h3>
|
|
<p>Optimised workflows and automated processing pipelines enable rapid project completion whilst maintaining enterprise-grade quality standards.</p>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">
|
|
<img src="assets/images/icon-security.svg" alt="Enterprise Security">
|
|
</div>
|
|
<h3>Enterprise Security & Compliance</h3>
|
|
<p>Enterprise-grade security measures and GDPR compliance frameworks protect sensitive data throughout the entire processing lifecycle.</p>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">
|
|
<img src="assets/images/icon-scalability.svg" alt="Scalable Infrastructure">
|
|
</div>
|
|
<h3>Scalable Infrastructure Platform</h3>
|
|
<p>Cloud-native architecture scales seamlessly from pilot programmes to enterprise-wide deployments, supporting millions of data points daily.</p>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">
|
|
<img src="assets/images/icon-support.svg" alt="Expert Consultancy">
|
|
</div>
|
|
<h3>Dedicated Expert Consultancy</h3>
|
|
<p>Continuous support from chartered data professionals and certified engineers, providing strategic guidance and technical expertise.</p>
|
|
</div>
|
|
|
|
<div class="feature">
|
|
<div class="feature-icon">
|
|
<img src="assets/images/icon-compliance-check.svg" alt="Regulatory Compliance">
|
|
</div>
|
|
<h3>Full Regulatory Compliance</h3>
|
|
<p>Comprehensive compliance with UK data protection legislation, industry regulations, and international privacy standards ensuring legal certainty.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="contact">
|
|
<div class="container">
|
|
<div class="contact-content">
|
|
<div class="contact-info">
|
|
<h2>Get In Touch</h2>
|
|
<p>Contact our data experts to discuss your project and see how we can help with your data needs.</p>
|
|
|
|
<div class="contact-details">
|
|
<div class="contact-item">
|
|
<img src="assets/images/icon-phone.svg" alt="Telephone">
|
|
<div>
|
|
<strong>Direct Line</strong>
|
|
<p><a href="tel:+441692689150">+44 1692 689150</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-item">
|
|
<img src="assets/images/icon-email.svg" alt="Email">
|
|
<div>
|
|
<strong>Email</strong>
|
|
<p><a href="mailto:info@ukdataservices.co.uk">info@ukdataservices.co.uk</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-item">
|
|
<img src="assets/images/icon-location.svg" alt="Location">
|
|
<div>
|
|
<strong>Service Coverage</strong>
|
|
<p>United Kingdom & International Markets</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-form">
|
|
<form action="contact-handler.php" method="POST" class="form">
|
|
<div class="form-group">
|
|
<label for="name">Contact Name *</label>
|
|
<input type="text" id="name" name="name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Business Email *</label>
|
|
<input type="email" id="email" name="email" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="company">Organisation *</label>
|
|
<input type="text" id="company" name="company" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="service">Service Interest</label>
|
|
<select id="service" name="service">
|
|
<option value="">Please select...</option>
|
|
<option value="web-intelligence">Enterprise Web Intelligence & Monitoring</option>
|
|
<option value="technology-platform">Advanced Technology Platform Solutions</option>
|
|
<option value="data-management">Comprehensive Data Management Services</option>
|
|
<option value="automation">Process Automation & API Integration</option>
|
|
<option value="consulting">Custom Development</option>
|
|
<option value="compliance">Compliance & Security Assessment</option>
|
|
<option value="other">Other Requirements</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="message">Business Requirements *</label>
|
|
<textarea id="message" name="message" rows="5" required placeholder="Please outline your data requirements, business objectives, compliance considerations, and any specific technical specifications..."></textarea>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary btn-full">Submit Enquiry</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<div class="footer-logo">
|
|
<img src="assets/images/logo-white.svg" alt="UK Data Services">
|
|
</div>
|
|
<p>Enterprise data intelligence solutions for modern British business. Transform your operations with accurate, actionable insights and regulatory-compliant data services.</p>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Enterprise Services</h3>
|
|
<ul>
|
|
<li><a href="#services">Web Intelligence & Monitoring</a></li>
|
|
<li><a href="#services">Technology Platform Solutions</a></li>
|
|
<li><a href="#services">Data Management Services</a></li>
|
|
<li><a href="#services">Process Automation & APIs</a></li>
|
|
<li><a href="#services">Custom Development</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Company Information</h3>
|
|
<ul>
|
|
<li><a href="about.php">About UK Data Services</a></li>
|
|
<li><a href="project-types.php">Project Types</a></li>
|
|
<li><a href="/#contact">Contact & Enquiries</a></li>
|
|
<li><a href="quote.php">Request Consultation</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Legal</h3>
|
|
<ul>
|
|
<li><a href="privacy-policy.php">Privacy Policy</a></li>
|
|
<li><a href="terms-of-service.php">Terms of Service</a></li>
|
|
<li><a href="cookie-policy.php">Cookie Policy</a></li>
|
|
<li><a href="gdpr-compliance.php">GDPR Compliance</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© <?php echo date('Y'); ?> UK Data Services. All rights reserved.</p>
|
|
<div class="social-links">
|
|
<a href="#" aria-label="LinkedIn"><img src="assets/images/icon-linkedin.svg" alt="LinkedIn"></a>
|
|
<a href="#" aria-label="Twitter"><img src="assets/images/icon-twitter.svg" alt="Twitter"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|