<?php
// Enhanced security headers
// Session for CSRF token
ini_set('session.cookie_samesite', 'Lax');
ini_set('session.cookie_httponly', '1');
ini_set('session.cookie_secure', '1');
session_start();

// Prevent caching - page contains session-specific tokens
// Aggressive no-cache headers removed to improve SEO performance. Caching is now enabled.
if (!isset($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}
header('Strict-Transport-Security: max-age=31536000; includeSubDomains');
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 https://www.google.com https://www.gstatic.com; 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 https://region1.google-analytics.com https://www.google.com; frame-src https://www.google.com;');

// SEO and performance optimizations
$page_title = "UK Web Scraping Services | Custom & GDPR Compliant Data";
$page_description = "UK's leading web and data scraping company. We deliver 99.8% accurate data, fully GDPR compliant. Get a free, no-obligation quote for your project today.";
$canonical_url = "https://ukdataservices.co.uk/";
$keywords = "web scraping services UK, data analytics London, web scraping UK, data extraction services, business intelligence, competitive analysis, price monitoring, data analytics Manchester, market research, web data mining, GDPR compliant scraping, enterprise data solutions, automated data collection UK";
$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="Expert web scraping services in the UK. We deliver custom, 99.8% accurate, and GDPR-compliant data for your business. Get your free, no-obligation quote today." />
    <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="#144784">
    <meta name="msapplication-TileColor" content="#179e83">
    <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) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GK41JM8DK0"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-GK41JM8DK0', {
            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>
    -->
    
    <!-- reCAPTCHA v3 -->
    <?php require_once '.recaptcha-config.php'; ?>
    <script src="https://www.google.com/recaptcha/api.js?render=<?php echo RECAPTCHA_SITE_KEY; ?>"></script>
    <script>window.recaptchaSiteKey = '<?php echo RECAPTCHA_SITE_KEY; ?>';</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">
    
    <!-- Resource Preloading for Performance -->
    <link rel="preload" href="/assets/css/main.min.css?v=1.1.4" as="style">
    <link rel="preload" href="/assets/images/ukds-main-logo.webp" as="image">
    <link rel="preload" href="/assets/js/main.min.js?v=1.1.1" as="script">
    
    <!-- Critical CSS for Above-the-Fold -->
    <style>
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Roboto Slab','Lato',sans-serif;line-height:1.6;color:#444;background:#fff}
    .container{max-width:1200px;margin:0 auto;padding:0 20px}
    .navbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;top:0;width:100%;z-index:1000;transition:all 0.3s ease}
    .nav-container{display:flex;justify-content:space-between;align-items:center;height:70px}
    .nav-logo img{height:40px;width:auto}
    .nav-menu{display:flex;align-items:center;gap:30px}
    .nav-link{text-decoration:none;color:#1a1a1a;font-weight:500;transition:color 0.3s ease}
    .hero{background:linear-gradient(135deg,#144784 0%,#179e83 100%);color:white;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
    .hero-container{position:relative;z-index:2;width:100%}
    .hero-content{text-align:center;max-width:800px;margin:0 auto}
    .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}
    .hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:0.95;line-height:1.5}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;font-weight:500;font-size:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-height:48px}
    .btn-primary{background:#148069;color:white!important}
    .btn-secondary{background:white;color:#144784!important;border:2px solid #144784}
    .hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
    </style>
    
    <!-- Styles -->
    <link rel="stylesheet" href="/assets/css/main.min.css?v=1.1.4" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="assets/css/main.min.css?v=1.1.4"></noscript>
    
    <!-- Enhanced Local SEO Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "@id": "https://ukdataservices.co.uk#organization",
        "name": "UK Data Services",
        "legalName": "UK Data Services Limited",
        "url": "https://ukdataservices.co.uk",
        "logo": {
            "@type": "ImageObject",
            "url": "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png",
            "width": 300,
            "height": 100
        },
        "image": "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png",
        "description": "Leading UK provider of professional web scraping, data extraction, business intelligence, and analytics services. Trusted by 150+ businesses across the UK.",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Professional Data Services Centre",
            "addressLocality": "London",
            "addressRegion": "England",
            "postalCode": "EC1A 1BB",
            "addressCountry": "GB"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 51.5074,
            "longitude": -0.1278
        },
        "contactPoint": [
            {
                "@type": "ContactPoint",
                "telephone": "+44-1692-689150",
                "contactType": "Customer Service",
                "areaServed": "GB",
                "availableLanguage": "English",
                "hoursAvailable": {
                    "@type": "OpeningHoursSpecification",
                    "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                    "opens": "09:00",
                    "closes": "17:30"
                }
            },
            {
                "@type": "ContactPoint",
                "email": "info@ukdataservices.co.uk",
                "contactType": "Business Enquiries",
                "areaServed": "GB"
            }
        ],
        "sameAs": [
            "https://www.linkedin.com/company/uk-data-services",
            "https://twitter.com/ukdataservices"
        ],
        "founder": {
            "@type": "Person",
            "name": "UK Data Services Team"
        },
        "foundingDate": "2018",
        "numberOfEmployees": {
            "@type": "QuantitativeValue",
            "value": "15"
        },
        "areaServed": [
            {
                "@type": "Country",
                "name": "United Kingdom"
            },
            {
                "@type": "City",
                "name": "London"
            },
            {
                "@type": "City",
                "name": "Manchester"
            },
            {
                "@type": "City",
                "name": "Birmingham"
            },
            {
                "@type": "City",
                "name": "Edinburgh"
            },
            {
                "@type": "City",
                "name": "Cardiff"
            }
        ],
        "serviceArea": {
            "@type": "GeoCircle",
            "geoMidpoint": {
                "@type": "GeoCoordinates",
                "latitude": 52.3555,
                "longitude": -1.1743
            },
            "geoRadius": "500000"
        },
        "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Data Services",
            "itemListElement": [
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Web Scraping Services",
                        "description": "Professional web scraping and data extraction services"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Business Intelligence",
                        "description": "Data analytics and business intelligence solutions"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Data Processing",
                        "description": "Data cleaning, transformation, and processing services"
                    }
                }
            ]
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "127",
            "bestRating": "5",
            "worstRating": "1"
        },
        "review": [
            {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                },
                "author": {
                    "@type": "Person",
                    "name": "Sarah Thompson"
                },
                "reviewBody": "UK Data Services transformed our pricing strategy completely. We now have real-time visibility into competitor pricing and can react instantly to market changes."
            }
        ]
    }
    </script>
    
    <!-- WebSite Schema for Search Box -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "@id": "https://ukdataservices.co.uk#website",
        "url": "https://ukdataservices.co.uk",
        "name": "UK Data Services",
        "description": "Professional web scraping and data analytics services",
        "publisher": {
            "@id": "https://ukdataservices.co.uk#organization"
        },
        "potentialAction": {
            "@type": "SearchAction",
            "target": {
                "@type": "EntryPoint",
                "urlTemplate": "https://ukdataservices.co.uk/search?q={search_term_string}"
            },
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    
    <!-- Service Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Service",
        "name": "Professional Data Services UK",
        "description": "Comprehensive web scraping, data extraction, and business intelligence services for UK businesses",
        "provider": {
            "@id": "https://ukdataservices.co.uk#organization"
        },
        "areaServed": {
            "@type": "Country",
            "name": "United Kingdom"
        },
        "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Data Services Portfolio",
            "itemListElement": [
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Web Scraping",
                        "description": "Automated data extraction from websites"
                    },
                    "priceRange": "£500-£50000"
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Business Intelligence",
                        "description": "Data analytics and reporting solutions"
                    },
                    "priceRange": "£1000-£25000"
                }
            ]
        }
    }
    </script>
    
    <!-- FAQ Schema for Featured Snippets -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
            {
                "@type": "Question",
                "name": "How much does web scraping cost?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Our web scraping projects typically start from £500 for simple data extraction tasks. Pricing varies based on data volume, complexity, frequency of updates, and delivery format. We offer fixed-price quotes with no hidden fees."
                }
            },
            {
                "@type": "Question",
                "name": "Is web scraping legal in the UK?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, web scraping is legal in the UK when conducted ethically and in compliance with data protection laws. We ensure all our data collection follows GDPR guidelines, respects robots.txt directives, and adheres to website terms of service. Our compliance team reviews every project to ensure legal and ethical data collection."
                }
            },
            {
                "@type": "Question",
                "name": "How long does a typical project take?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Project timelines vary based on scope and complexity. Simple one-off extractions can be delivered within 2-5 business days. Larger projects with multiple data sources typically take 1-3 weeks. Ongoing monitoring services are set up within a week and run continuously."
                }
            },
            {
                "@type": "Question",
                "name": "What data formats do you deliver?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "We deliver data in whatever format works best for your workflow: CSV, Excel, JSON, XML, or direct database integration. We can also connect to your existing systems via API, push data to cloud storage (AWS S3, Google Cloud), or integrate with your CRM, BI tools, or data warehouse."
                }
            },
            {
                "@type": "Question",
                "name": "Is the data GDPR compliant?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, GDPR compliance is built into everything we do. We only collect publicly available data with legitimate business purposes. Personal data is handled according to data minimisation principles, and we provide full documentation for your compliance records."
                }
            },
            {
                "@type": "Question",
                "name": "Do you offer ongoing monitoring services?",
                "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "Yes, we offer continuous monitoring solutions for price tracking, competitor analysis, and market intelligence. Data can be updated hourly, daily, or weekly depending on your needs. We provide real-time alerts for significant changes and customisable dashboards to visualise trends over time."
                }
            }
        ]
    }
    </script>
    
    <!-- Breadcrumb Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "https://ukdataservices.co.uk/"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Web Scraping Services UK",
                "item": "https://ukdataservices.co.uk/#services"
            },
            {
                "@type": "ListItem",
                "position": 3,
                "name": "Data Analytics London",
                "item": "https://ukdataservices.co.uk/#services"
            }
        ]
    }
    </script>

    <!-- WebPage Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "@id": "https://ukdataservices.co.uk/#webpage",
        "url": "https://ukdataservices.co.uk/",
        "name": "UK Data Services | Web Scraping & Data Analytics",
        "description": "Leading UK web scraping and data analytics provider. Expert data extraction, business intelligence, and GDPR-compliant solutions. Trusted by 150+ businesses.",
        "isPartOf": {
            "@id": "https://ukdataservices.co.uk#website"
        },
        "about": {
            "@id": "https://ukdataservices.co.uk#organization"
        },
        "primaryImageOfPage": {
            "@type": "ImageObject",
            "url": "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png"
        },
        "datePublished": "2018-01-01",
        "dateModified": "2025-12-08",
        "inLanguage": "en-GB",
        "potentialAction": {
            "@type": "ReadAction",
            "target": "https://ukdataservices.co.uk/"
        }
    }
    </script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "UK Data Services",
    "alternateName": "UKDS",
    "url": "https://ukdataservices.co.uk",
    "logo": "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png",
    "description": "Professional web scraping and data analytics services for UK businesses",
    "foundingDate": "2015",
    "founders": [{"@type": "Person", "name": "Peter Foster"}],
    "address": {
        "@type": "PostalAddress",
        "addressCountry": "GB",
        "addressRegion": "Norfolk"
    },
    "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "sales",
        "url": "https://ukdataservices.co.uk/quote"
    },
    "sameAs": [],
    "serviceArea": {
        "@type": "Country",
        "name": "United Kingdom"
    },
    "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Data Services",
        "itemListElement": [
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Web Scraping"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Data Analytics"}},
            {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Business Intelligence"}}
        ]
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "UK Data Services",
    "image": "https://ukdataservices.co.uk/assets/images/ukds-main-logo.png",
    "url": "https://ukdataservices.co.uk",
    "priceRange": "££",
    "address": {
        "@type": "PostalAddress",
        "addressRegion": "Norfolk",
        "addressCountry": "GB"
    },
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "47"
    }
}
</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 -->
    <?php include($_SERVER["DOCUMENT_ROOT"] . "/includes/nav.php"); ?>

    <!-- Hero Section -->
    <main id="main-content">
    <section id="home" class="hero">
        <div class="hero-container">
            <div class="hero-content">
                <h1 class="hero-title">Stop guessing what your competitors are doing.</h1>
                <p class="hero-subtitle" id="hero-subtitle">We extract real-time pricing, product, and market data from any website — legally, accurately, and on your schedule.</p>
                <div class="hero-buttons">
                    <a href="/quote" class="btn btn-primary">Get Your Free Data Proposal</a>
                    <a href="/project-types" class="btn btn-secondary">See Our Work</a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <span class="stat-number">500+</span>
                        <span class="stat-label">Projects Delivered</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" aria-hidden="true" focusable="false">
                        <!-- Path definitions for animations -->
                        <defs>
                            <path id="extraction-path" d="M290 140 Q350 120 380 160"/>
                        </defs>
                        
                        <!-- 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>
                        
                    </svg>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust Signals Below Hero -->
    <section class="trust-signals-hero">
        <div class="container">
            <p class="trust-heading">Trusted by businesses across the UK</p>
            <div class="trust-badges">
                <span class="badge">GDPR Compliant</span>
            </div>
        </div>
    </section>

    <!-- Free Tools Banner - Added by Emma -->
    <section class="tools-banner" style="background: #f0f9f7; padding: 25px 20px; text-align: center;">
        <div class="container" style="max-width: 900px; margin: 0 auto;">
            <span style="font-size: 1.5em; margin-right: 10px;">🛠️</span>
            <strong>New:</strong> Try our <a href="/tools/" style="color: #148069; text-decoration: underline;">free web scraping tools</a> — cost calculator, scrapeability checker, and more. No signup required.
        </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. Our <a href="/about">experienced team</a> delivers solutions for <a href="/project-types">diverse project types</a> while maintaining full <a href="/blog/articles/web-scraping-compliance-uk-guide">legal compliance</a> with UK data protection regulations.</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 scraping technology icon featuring data extraction pipeline and automated collection systems" loading="lazy">
                    </div>
                    <h3>Enterprise Web Intelligence & Monitoring</h3>
                    <p>Our web scraping services UK consultancy delivers strategic data acquisition solutions utilising advanced web intelligence platforms and proprietary extraction methodologies. Trusted by <a href="case-studies/">leading UK businesses</a> across London, Manchester, and Birmingham for <a href="/blog/articles/competitive-intelligence-roi-metrics">competitive intelligence</a>, market surveillance, and automated data collection with <a href="/blog/articles/web-scraping-compliance-uk-guide">full legal compliance</a>.</p>
                    <ul>
                        <li>Competitive intelligence & market surveillance</li>
                        <li>Financial data aggregation & securities monitoring</li>
                        <li>E-commerce pricing intelligence & inventory tracking</li>
                        <li><a href="/blog/articles/uk-property-market-data-trends">Property market analysis</a> & investment research</li>
                        <li>Multi-platform marketplace intelligence (Amazon, eBay, Auto Trader)</li>
                        <li><a href="/blog/articles/retail-price-monitoring-strategies">Promotional intelligence</a> & pricing strategy analysis</li>
                        <li><a href="/blog/categories/compliance">GDPR-compliant</a> data collection processes</li>
                        <li>Real-time market monitoring and alert systems</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="Cloud-native scalability icon showing distributed data processing architecture with growth arrows and server clusters" loading="lazy">
                    </div>
                    <h3>Advanced Technology Platform</h3>
                    <p>Our enterprise-grade infrastructure leverages cutting-edge Microsoft technologies and <a href="/blog/articles/cloud-native-scraping-architecture">cloud-native architectures</a> to deliver scalable, reliable data solutions. Built for <a href="/project-types">enterprise-scale operations</a> with 99.8% uptime guarantees and comprehensive <a href="gdpr-compliance">data protection measures</a>.</p>
                    <ul>
                        <li><a href="/blog/articles/python-data-pipeline-tools-2025">Cloud-native data processing pipelines</a></li>
                        <li><a href="/blog/articles/real-time-analytics-streaming-data">Real-time data streaming & analytics</a></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 processing workflow icon depicting data transformation pipeline from raw input to analytics-ready output" loading="lazy">
                    </div>
                    <h3>Comprehensive Data Management Services</h3>
                    <p>Professional data analytics London solutions providing end-to-end data lifecycle management tailored to meet complex enterprise requirements and UK regulatory compliance standards across all major cities.</p>
                    <ul>
                        <li>Strategic web intelligence programmes</li>
                        <li><a href="/blog/articles/database-optimization-big-data">Database migration & transformation services</a></li>
                        <li>Lead generation & CRM data enrichment</li>
                        <li>Document digitisation & data entry services</li>
                        <li><a href="/blog/articles/data-quality-validation-pipelines">Data processing & quality assurance</a></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="Business automation icon showing robotic process automation with gears, workflows, and automated data integration systems" loading="lazy">
                    </div>
                    <h3>Automation &amp; APIs</h3>
                    <p>Automate your data collection. Get fresh data delivered to your systems daily — no manual exports, no copy-pasting from spreadsheets.</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="GDPR compliance shield icon featuring legal checkmarks, data protection symbols, and UK regulatory compliance badges" loading="lazy">
                    </div>
                    <h3>Compliance &amp; Security</h3>
                    <p>Sleep easy knowing your data is handled right. Full GDPR compliance, encryption, and audit trails built into every project.</p>
                    <ul>
                        <li>GDPR-compliant data handling</li>
                        <li>End-to-end encryption</li>
                        <li>Full audit trails</li>
                        <li>Secure data storage</li>
                    </ul>
                </div>
                
                <div class="service-card">
                    <div class="service-icon">
                        <img src="assets/images/icon-consulting.svg" alt="Strategic consulting icon showing business analysts, data strategy frameworks, and custom solution development blueprints" loading="lazy">
                    </div>
                    <h3>Custom Development</h3>
                    <p>Built for your exact requirements. Off-the-shelf tools don't work? We'll build a scraping solution that fits your data sources, your format, your schedule.</p>
                    <ul>
                        <li>Bespoke scraping solutions</li>
                        <li>Custom data formats</li>
                        <li>Flexible scheduling</li>
                        <li>Ongoing maintenance</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 Across the UK</h2>
                <p>Our enterprise clients span regulated industries including <a href="/blog/categories/industry-insights">financial services</a>, gaming, property, and retail across London, Manchester, Birmingham, Edinburgh, and Cardiff. From <a href="case-studies/">FTSE 100 companies</a> to innovative startups, we deliver <a href="/blog/articles/web-scraping-compliance-uk-guide">compliant data solutions</a> that drive business growth.</p>
            </div>
            
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 40px; align-items: center; opacity: 0.7; margin-bottom: 60px;">
                <div style="text-align: center;">
                    <picture>
                        <source srcset="assets/images/client-replay.webp" type="image/webp">
                        <img src="assets/images/client-replay.png" alt="Replay - London-based gaming technology client" loading="lazy" 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%)'">
                    </picture>
                </div>
                <div style="text-align: center;">
                    <picture>
                        <source srcset="assets/images/client-pragma.webp" type="image/webp">
                        <img src="assets/images/client-pragma.png" alt="Pragma - Manchester financial services client" loading="lazy" 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%)'">
                    </picture>
                </div>
                <div style="text-align: center;">
                    <img src="assets/images/client-incite.png" alt="Incite - Birmingham business intelligence client" loading="lazy" 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 - Edinburgh property services client" loading="lazy" 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="UK Gambling Commission - regulatory compliance client" loading="lazy" 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>
            
            <!-- Geographic Coverage Section -->
            <div class="geographic-coverage">
                <h3 style="text-align: center; font-size: 1.8rem; margin-bottom: 40px; color: #144784;">UK-Wide Service Coverage</h3>
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;">
                    <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
                        <h4 style="color: #148069; margin-bottom: 15px;">🏙️ London & South East</h4>
                        <p style="color: #666; margin: 0;">Financial services, fintech, and e-commerce data solutions for the capital's business district.</p>
                        <a href="/blog/articles/uk-property-market-data-trends" style="color: #148069; text-decoration: none; font-weight: 500;">Property Market Analysis →</a>
                    </div>
                    <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
                        <h4 style="color: #148069; margin-bottom: 15px;">🏭 Manchester & North West</h4>
                        <p style="color: #666; margin: 0;">Manufacturing, logistics, and industrial data intelligence for the North West's business hub.</p>
                        <a href="/project-types" style="color: #148069; text-decoration: none; font-weight: 500;">Data Processing Services →</a>
                    </div>
                    <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
                        <h4 style="color: #148069; margin-bottom: 15px;">🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh & Scotland</h4>
                        <p style="color: #666; margin: 0;">Energy, oil & gas, and renewable energy sector data solutions across Scotland.</p>
                        <a href="/blog/categories/industry-insights" style="color: #148069; text-decoration: none; font-weight: 500;">Industry Insights →</a>
                    </div>
                    <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
                        <h4 style="color: #148069; margin-bottom: 15px;">🏴󠁧󠁢󠁷󠁬󠁳󠁿 Cardiff & Wales</h4>
                        <p style="color: #666; margin: 0;">Government, public sector, and automotive industry data services throughout Wales.</p>
                        <a href="gdpr-compliance" style="color: #148069; text-decoration: none; font-weight: 500;">Compliance Standards →</a>
                    </div>
                </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. Trusted by businesses across London, Manchester, Birmingham, and throughout the UK for <a href="/blog/articles/web-scraping-compliance-uk-guide">compliant data extraction</a> and <a href="/blog/categories/data-analytics">advanced analytics solutions</a>.</p>
            </div>
            <div class="features-grid">
                <div class="feature">
                    <div class="feature-icon">
                        <img src="assets/images/icon-accuracy.svg" alt="Data precision target icon showing accuracy metrics, quality validation checkmarks, and statistical accuracy indicators" loading="lazy">
                    </div>
                    <h3>Guaranteed Data Precision</h3>
                    <p>Exceptional 99.8% accuracy rates achieved through advanced validation algorithms and rigorous quality assurance methodologies. Our <a href="/blog/articles/data-quality-validation-pipelines">data quality framework</a> ensures enterprise-grade reliability.</p>
                </div>
                
                <div class="feature">
                    <div class="feature-icon">
                        <img src="assets/images/icon-speed.svg" alt="High-speed delivery icon featuring performance metrics, acceleration arrows, and rapid deployment timelines" loading="lazy">
                    </div>
                    <h3>Accelerated Delivery Excellence</h3>
                    <p>Optimised workflows and automated processing pipelines enable rapid project completion whilst maintaining enterprise-grade quality standards. Learn about our <a href="/blog/categories/technology">advanced technology stack</a>.</p>
                </div>
                
                <div class="feature">
                    <div class="feature-icon">
                        <img src="assets/images/icon-security.svg" alt="Enterprise security shield icon with encryption locks, data protection barriers, and cybersecurity monitoring systems" loading="lazy">
                    </div>
                    <h3>Enterprise Security & Compliance</h3>
                    <p>Enterprise-grade security measures and <a href="gdpr-compliance">GDPR compliance frameworks</a> protect sensitive data throughout the entire processing lifecycle. Full adherence to <a href="/blog/categories/compliance">UK data protection regulations</a>.</p>
                </div>
                
                <div class="feature">
                    <div class="feature-icon">
                        <img src="assets/images/icon-scalability.svg" alt="Scalable infrastructure icon showing cloud expansion, distributed systems, and elastic resource allocation capabilities" loading="lazy">
                    </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. Explore our <a href="/blog/articles/cloud-native-scraping-architecture">enterprise architecture approach</a>.</p>
                </div>
                
                <div class="feature">
                    <div class="feature-icon">
                        <img src="assets/images/icon-support.svg" alt="Expert support icon showing customer service representatives, technical assistance, and 24/7 help desk operations" loading="lazy">
                    </div>
                    <h3>Dedicated Expert Consultancy</h3>
                    <p>Continuous support from chartered data professionals and certified engineers, providing strategic guidance and technical expertise. Meet our <a href="/about">experienced team</a> of data specialists.</p>
                </div>
                
                <div class="feature">
                    <div class="feature-icon">
                        <img src="assets/images/icon-compliance-check.svg" alt="Regulatory compliance checklist icon with government badges, legal verification marks, and audit approval stamps" loading="lazy">
                    </div>
                    <h3>Full Regulatory Compliance</h3>
                    <p>Comprehensive compliance with UK data protection legislation, industry regulations, and international privacy standards ensuring legal certainty. Read our <a href="/blog/articles/gdpr-data-minimisation-practices">compliance best practices guide</a>.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Client Testimonials Section -->
    <section class="testimonials-section-dark">
        <div class="container">
            <div class="section-header">
                <h2>What Our Clients Say</h2>
                <p>Trusted by 150+ UK businesses for data extraction, analytics, and business intelligence solutions.</p>
            </div>
            <div class="testimonials-dark-grid">
                <div class="testimonial-card-dark">
                    <div class="testimonial-stars">
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                    </div>
                    <p class="testimonial-text">"UK Data Services transformed our competitor analysis process. Their web scraping accuracy and speed helped us make better pricing decisions. We've seen a 23% improvement in our market positioning since working with them."</p>
                    <div class="testimonial-author-dark">
                        <div class="testimonial-avatar">JM</div>
                        <div class="testimonial-author-info">
                            <p class="author-name">James Mitchell</p>
                            <p class="author-role">Retail Director, London Fashion Group</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card-dark">
                    <div class="testimonial-stars">
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                    </div>
                    <p class="testimonial-text">"Outstanding data analytics service. They helped us understand our market position and identify opportunities we'd completely missed. The team's expertise in financial data and GDPR compliance gave us complete confidence."</p>
                    <div class="testimonial-author-dark">
                        <div class="testimonial-avatar">SC</div>
                        <div class="testimonial-author-info">
                            <p class="author-name">Sarah Chen</p>
                            <p class="author-role">Head of Strategy, City Fintech Ltd</p>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card-dark">
                    <div class="testimonial-stars">
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                        <span class="star">★</span>
                    </div>
                    <p class="testimonial-text">"Professional, GDPR-compliant, and incredibly responsive. Their property data extraction service has become essential to our London operations. The 99.8% accuracy rate they promised was actually exceeded in our experience."</p>
                    <div class="testimonial-author-dark">
                        <div class="testimonial-avatar">MT</div>
                        <div class="testimonial-author-info">
                            <p class="author-name">Michael Thompson</p>
                            <p class="author-role">Managing Partner, London Property Advisors</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="testimonials-cta">
                <a href="/case-studies/" class="btn-white">View Case Studies</a>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section id="faq" class="faq-section" style="padding: 80px 0; background: #f8f9fa;">
        <div class="container">
            <div class="section-header" style="text-align: center; margin-bottom: 50px;">
                <h2>Frequently Asked Questions</h2>
                <p>Quick answers to common questions about our web scraping and data services</p>
            </div>

            <div class="faq-grid" style="max-width: 900px; margin: 0 auto;">
                <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                    <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                        How much does web scraping cost?
                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                    </button>
                    <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                        <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
                            Our web scraping projects typically start from £500 for simple data extraction tasks. Pricing varies based on data volume, complexity, frequency of updates, and delivery format. We offer fixed-price quotes with no hidden fees. <a href="/quote" style="color: #148069;">Request a free quote</a> for your specific requirements.
                        </p>
                    </div>
                </div>

                <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                    <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                        Is web scraping legal in the UK?
                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                    </button>
                    <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                        <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
                            Yes, web scraping is legal in the UK when conducted ethically and in compliance with data protection laws. We ensure all our data collection follows GDPR guidelines, respects robots.txt directives, and adheres to website terms of service. Our compliance team reviews every project to ensure legal and ethical data collection.
                        </p>
                    </div>
                </div>

                <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                    <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                        How long does a typical project take?
                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                    </button>
                    <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                        <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
                            Project timelines vary based on scope and complexity. Simple one-off extractions can be delivered within 2-5 business days. Larger projects with multiple data sources typically take 1-3 weeks. Ongoing monitoring services are set up within a week and run continuously. We provide detailed timelines during our initial consultation.
                        </p>
                    </div>
                </div>

                <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                    <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                        What data formats do you deliver?
                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                    </button>
                    <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                        <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
                            We deliver data in whatever format works best for your workflow: CSV, Excel, JSON, XML, or direct database integration. We can also connect to your existing systems via API, push data to cloud storage (AWS S3, Google Cloud), or integrate with your CRM, BI tools, or data warehouse.
                        </p>
                    </div>
                </div>

                <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                    <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                        Is the data GDPR compliant?
                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                    </button>
                    <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                        <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
                            Yes, GDPR compliance is built into everything we do. We only collect publicly available data with legitimate business purposes. Personal data is handled according to data minimisation principles, and we provide full documentation for your compliance records. Our processes are regularly audited to ensure ongoing compliance.
                        </p>
                    </div>
                </div>

                <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                    <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                        Do you offer ongoing monitoring services?
                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                    </button>
                    <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                        <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
                            Yes, we offer continuous monitoring solutions for price tracking, competitor analysis, and market intelligence. Data can be updated hourly, daily, or weekly depending on your needs. We provide real-time alerts for significant changes and customisable dashboards to visualise trends over time.
                        </p>
                    </div>
                </div>
            </div>

            <div style="text-align: center; margin-top: 40px;">
                <a href="/faq" class="btn btn-secondary">View All FAQs</a>
            </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="Business telephone icon for direct customer contact and consultation booking" loading="lazy">
                            <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="Professional email icon for business correspondence and project inquiries" loading="lazy">
                            <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="UK service coverage map icon showing nationwide data services across London, Manchester, Birmingham, and Edinburgh" loading="lazy">
                            <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" novalidate>
                        <input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars($_SESSION['csrf_token']); ?>">
                        <div class="form-group">
                            <label for="name">Contact Name *</label>
                            <input type="text" id="name" name="name" required aria-required="true" aria-describedby="name-error" autocomplete="name">
                            <span id="name-error" class="form-error" role="alert" aria-live="polite"></span>
                        </div>

                        <div class="form-group">
                            <label for="email">Business Email *</label>
                            <input type="email" id="email" name="email" required aria-required="true" aria-describedby="email-error" autocomplete="email">
                            <span id="email-error" class="form-error" role="alert" aria-live="polite"></span>
                        </div>

                        <div class="form-group">
                            <label for="company">Organisation *</label>
                            <input type="text" id="company" name="company" required aria-required="true" aria-describedby="company-error" autocomplete="organization">
                            <span id="company-error" class="form-error" role="alert" aria-live="polite"></span>
                        </div>

                        <div class="form-group">
                            <label for="service">Service Interest</label>
                            <select id="service" name="service" aria-describedby="service-error">
                                <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>
                            <span id="service-error" class="form-error" role="alert" aria-live="polite"></span>
                        </div>

                        <div class="form-group">
                            <label for="message">Business Requirements *</label>
                            <textarea id="message" name="message" rows="5" required aria-required="true" aria-describedby="message-error" placeholder="Please outline your data requirements, business objectives, compliance considerations, and any specific technical specifications..."></textarea>
                            <span id="message-error" class="form-error" role="alert" aria-live="polite"></span>
                        </div>
                        
                        <!-- Hidden fields for security -->
                        <input type="hidden" name="recaptcha_response" id="recaptcha_response">
                        <input type="hidden" name="form_timestamp" id="form_timestamp">
                        <input type="hidden" name="interaction_token" id="interaction_token">
                        <input type="text" name="website" style="display:none;">
                        
                        <button type="submit" class="btn btn-primary btn-full">Submit Enquiry</button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <!-- Trust & Security Signals -->
    <section class="trust-signals" style="padding: 50px 0; background: linear-gradient(135deg, #252d3b 0%, #1a2332 100%); color: white; text-align: center;">
        <div class="container">
            <p style="font-size: 0.9rem; margin-bottom: 30px; opacity: 0.8; letter-spacing: 1px; text-transform: uppercase;">Trusted by 150+ UK Businesses | Fully Insured | Enterprise-Grade Security</p>
            <div style="display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; align-items: center;">
                <div style="text-align: center;">
                    <div style="font-size: 1.5rem; margin-bottom: 5px;">✓</div>
                    <strong style="display: block; font-size: 0.95rem;">GDPR Compliant</strong>
                    <span style="font-size: 0.8rem; opacity: 0.8;">UK Data Protection</span>
                </div>
                <div style="text-align: center;">
                    <div style="font-size: 1.5rem; margin-bottom: 5px;">🛡️</div>
                    <strong style="display: block; font-size: 0.95rem;">£5M Insurance</strong>
                    <span style="font-size: 0.8rem; opacity: 0.8;">Professional Indemnity</span>
                </div>
                <div style="text-align: center;">
                    <div style="font-size: 1.5rem; margin-bottom: 5px;">⭐</div>
                    <strong style="display: block; font-size: 0.95rem;">4.9/5 Rating</strong>
                    <span style="font-size: 0.8rem; opacity: 0.8;">127 Client Reviews</span>
                </div>
                <div style="text-align: center;">
                    <div style="font-size: 1.5rem; margin-bottom: 5px;">🏢</div>
                    <strong style="display: block; font-size: 0.95rem;">UK Registered</strong>
                    <span style="font-size: 0.8rem; opacity: 0.8;">Companies House</span>
                </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" loading="lazy">
                    </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>Our Services</h3>
                    <ul>
                        <li><a href="/services/competitive-intelligence">Competitive Intelligence</a></li>
                        <li><a href="/services/price-monitoring">Price Monitoring</a></li>
                        <li><a href="/services/data-cleaning">Data Cleaning</a></li>
                        <li><a href="#services">All Services</a></li>
                    </ul>
                </div>

                <div class="footer-section">
                    <h3>Locations</h3>
                    <ul>
                        <li><a href="/locations/london">London</a></li>
                        <li><a href="/locations/manchester">Manchester</a></li>
                        <li><a href="/locations/birmingham">Birmingham</a></li>
                    </ul>
                </div>

                <div class="footer-section">
                    <h3>Resources & Insights</h3>
                    <ul>
                        <li><a href="/blog/">Data Intelligence Blog</a></li>
                        <li><a href="case-studies/">Case Studies</a></li>
                        <li><a href="/about">About UK Data Services</a></li>
                        <li><a href="/project-types">Project Types</a></li>
                        <li><a href="faq">FAQ</a></li>
                        <li><a href="/quote">Request Consultation</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Legal</h3>
                    <ul>
                        <li><a href="privacy-policy">Privacy Policy</a></li>
                        <li><a href="terms-of-service">Terms of Service</a></li>
                        <li><a href="cookie-policy">Cookie Policy</a></li>
                        <li><a href="gdpr-compliance">GDPR Compliance</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <div class="footer-bottom-content">
                    <div class="footer-copyright">
                        <p>&copy; <?php echo date('Y'); ?> UK Data Services. All rights reserved.</p>
                    </div>
                    <div class="social-links">
                        <a href="https://linkedin.com/company/uk-data-services" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><img src="assets/images/icon-linkedin.svg" alt="Follow UK Data Services on LinkedIn for industry insights and data analytics updates" loading="lazy"></a>
                        <a href="https://twitter.com/ukdataservices" aria-label="Twitter" target="_blank" rel="noopener noreferrer"><img src="assets/images/icon-twitter.svg" alt="Follow UK Data Services on Twitter for web scraping news and data intelligence updates" loading="lazy"></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="/assets/js/main.min.js?v=1.1.1"></script>
    
    <!-- Service Worker Registration -->
    <script>
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('/sw.js')
                    .then(registration => {
                        console.log('ServiceWorker registered:', registration);
                        
                        // Check for updates periodically
                        setInterval(() => {
                            registration.update();
                        }, 60000); // Check every minute
                    })
                    .catch(error => {
                        console.log('ServiceWorker registration failed:', error);
                    });
            });
            
            // Handle service worker updates
            let refreshing;
            navigator.serviceWorker.addEventListener('controllerchange', () => {
                if (refreshing) return;
                window.location.reload();
                refreshing = true;
            });
        }
    </script>
    
    <!-- Enhanced Core Web Vitals Monitoring -->
    <script>
        // Monitor Core Web Vitals for SEO performance
        if ('web-vital' in window || typeof webVitals !== 'undefined') {
            function sendToAnalytics(metric) {
                gtag('event', metric.name, {
                    event_category: 'Core Web Vitals',
                    event_label: metric.id,
                    value: Math.round(metric.name === 'CLS' ? metric.value * 1000 : metric.value),
                    non_interaction: true
                });
            }
            
            // Track CLS (Cumulative Layout Shift)
            new PerformanceObserver((list) => {
                let cumulativeScore = 0;
                for (const entry of list.getEntries()) {
                    if (!entry.hadRecentInput) {
                        cumulativeScore += entry.value;
                    }
                }
                sendToAnalytics({
                    name: 'CLS',
                    value: cumulativeScore,
                    id: 'cls-' + Date.now()
                });
            }).observe({ type: 'layout-shift', buffered: true });
            
            // Track LCP (Largest Contentful Paint)
            new PerformanceObserver((list) => {
                const entries = list.getEntries();
                const lastEntry = entries[entries.length - 1];
                sendToAnalytics({
                    name: 'LCP',
                    value: lastEntry.startTime,
                    id: 'lcp-' + Date.now()
                });
            }).observe({ type: 'largest-contentful-paint', buffered: true });
            
            // Track FID (First Input Delay)
            new PerformanceObserver((list) => {
                for (const entry of list.getEntries()) {
                    sendToAnalytics({
                        name: 'FID',
                        value: entry.processingStart - entry.startTime,
                        id: 'fid-' + Date.now()
                    });
                }
            }).observe({ type: 'first-input', buffered: true });
        }
    </script>

    <!-- FAQ Accordion -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const faqQuestions = document.querySelectorAll('.faq-question');

            faqQuestions.forEach(question => {
                question.addEventListener('click', function() {
                    const answer = this.nextElementSibling;
                    const icon = this.querySelector('.faq-icon');
                    const isOpen = answer.style.maxHeight && answer.style.maxHeight !== '0px';

                    // Close all other answers
                    document.querySelectorAll('.faq-answer').forEach(a => {
                        a.style.maxHeight = '0px';
                    });
                    document.querySelectorAll('.faq-icon').forEach(i => {
                        i.textContent = '+';
                    });

                    // Toggle current answer
                    if (!isOpen) {
                        answer.style.maxHeight = answer.scrollHeight + 'px';
                        icon.textContent = '−';
                    }
                });
            });
        });
    </script>
</body>
</html>