about.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');

$page_title = "About Us | UK Data Services - Expert Data Solutions Team";
$page_description = "Meet the expert team behind UK Data Services. Learn about our experience, values, and commitment to delivering professional data solutions.";
$canonical_url = "https://ukdataservices.co.uk/about";

// Breadcrumb navigation
$breadcrumbs = [
    ['url' => '/', 'label' => 'Home'],
    ['url' => '', 'label' => 'About Us']
];
?>
<!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="data experts, web scraping team, business intelligence specialists, UK data professionals">
    <meta name="author" content="UK Data Services">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="<?php echo htmlspecialchars($canonical_url); ?>">

    <!-- Open Graph / Social Media -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="<?php echo htmlspecialchars($canonical_url); ?>">
    <meta property="og:title" content="<?php echo htmlspecialchars($page_title); ?>">
    <meta property="og:description" content="<?php echo htmlspecialchars($page_description); ?>">
    <meta property="og:image" content="https://ukdataservices.co.uk/assets/images/ukds-main-logo.png">
    <meta property="og:locale" content="en_GB">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="<?php echo htmlspecialchars($canonical_url); ?>">
    <meta name="twitter:title" content="<?php echo htmlspecialchars($page_title); ?>">
    <meta name="twitter:description" content="<?php echo htmlspecialchars($page_description); ?>">
    <meta name="twitter:image" content="https://ukdataservices.co.uk/assets/images/ukds-main-logo.png">

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
    <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">
    <link rel="stylesheet" href="assets/css/main.css">
    
    <!-- Enhanced Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "AboutPage",
        "@id": "https://ukdataservices.co.uk/about#webpage",
        "url": "https://ukdataservices.co.uk/about",
        "name": "About UK Data Services",
        "description": "Learn about UK Data Services, our expert team, values, and commitment to delivering professional data solutions since 2018.",
        "mainEntity": {
            "@type": "Organization",
            "@id": "https://ukdataservices.co.uk#organization",
            "name": "UK Data Services",
            "foundingDate": "2018",
            "description": "Professional data solutions provider specializing in web scraping, data extraction, and business intelligence services.",
            "knowsAbout": [
                "Web Scraping",
                "Data Extraction",
                "Business Intelligence",
                "Data Analytics",
                "GDPR Compliance",
                "Data Processing"
            ],
            "hasCredential": [
                {
                    "@type": "EducationalOccupationalCredential",
                    "name": "ISO 27001 Data Security"
                },
                {
                    "@type": "EducationalOccupationalCredential",
                    "name": "GDPR Compliance Certification"
                }
            ],
            "award": [
                "UK's No.1 Web Scraping Service",
                "99.8% Data Accuracy Achievement",
                "£2.5M+ Client Value Created"
            ],
            "employee": [
                {
                    "@type": "Person",
                    "name": "Senior Data Engineers",
                    "jobTitle": "Data Engineering Team",
                    "worksFor": {
                        "@id": "https://ukdataservices.co.uk#organization"
                    }
                }
            ]
        }
    }
    </script>
    
    <!-- Company Statistics Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Dataset",
        "name": "UK Data Services Company Statistics",
        "description": "Key performance metrics and achievements of UK Data Services",
        "creator": {
            "@id": "https://ukdataservices.co.uk#organization"
        },
        "distribution": [
            {
                "@type": "DataDownload",
                "name": "Projects Completed",
                "description": "500+ successful data projects delivered"
            },
            {
                "@type": "DataDownload",
                "name": "Client Satisfaction",
                "description": "150+ happy clients across various industries"
            },
            {
                "@type": "DataDownload",
                "name": "Data Accuracy Rate",
                "description": "99.9% accuracy in data extraction and processing"
            }
        ]
    }
    </script>

    <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/breadcrumb-schema.php'); ?>

    <style>
        .about-hero {
            padding: 120px 0 60px;
            background: linear-gradient(135deg, #252d3b 0%, #144784 100%);
            text-align: center;
            color: white;
        }
        

        .values-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin: 60px 0;
        }
        
        .value-card {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            border-left: 4px solid #179e83;
        }
        
        .stats-section {
            background: linear-gradient(135deg, #144784 0%, #179e83 100%);
            color: white;
            padding: 80px 0;
            text-align: center;
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }
        
        .stat-card {
            text-align: center;
        }
        
        .stat-number {
            font-size: 3rem;
            font-weight: 700;
            display: block;
            margin-bottom: 8px;
        }
        
        .stat-label {
            font-size: 1.1rem;
            opacity: 0.9;
        }
    </style>
</head>
<body>
    <!-- Skip to content link for accessibility -->
    <a href="#main-content" class="skip-to-content">Skip to main content</a>
    
    <!-- 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="/" class="nav-link">Home</a>
                <a href="/#services" class="nav-link">Capabilities</a>
                <a href="project-types" class="nav-link">Project Types</a>
                <a href="about" class="nav-link">About</a>
                <a href="blog/" class="nav-link">Blog</a>
                <a href="/#contact" class="nav-link">Contact</a>
                <a href="quote" 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 class="about-hero">
        <div class="container">
            <h1>About UK Data Services - Expert Web Scraping & Business Intelligence</h1>
            <p>Your trusted partner for professional data solutions since 2018</p>
        </div>
    </section>

    <!-- Company Story -->
    <section style="padding: 80px 0;">
        <div class="container">
            <div style="max-width: 800px; margin: 0 auto; text-align: center;">
                <h2 style="margin-bottom: 30px;">Our Story</h2>
                <p style="font-size: 1.2rem; line-height: 1.6; color: #666; margin-bottom: 40px;">
                    Founded in 2018, UK Data Services emerged from a simple observation: businesses were drowning in data opportunities but struggling to extract actionable insights. Our founders, experienced data scientists and engineers, recognised the gap between raw web data and business intelligence.
                </p>
                <p style="font-size: 1.1rem; line-height: 1.6; color: #666; margin-bottom: 40px;">
                    Today, we've evolved into a trusted provider of web scraping and data extraction services, having successfully delivered over 500 projects across industries including e-commerce, finance, property, manufacturing, and healthcare. Our commitment to accuracy, compliance, and innovation has made us the trusted choice for businesses ranging from startups to FTSE companies.
                </p>
            </div>
        </div>
    </section>


    <!-- Company Values -->
    <section style="padding: 80px 0;">
        <div class="container">
            <div class="section-header">
                <h2>Our Core Values</h2>
                <p>The principles that guide everything we do</p>
            </div>
            
            <div class="values-grid">
                <div class="value-card">
                    <h3 style="color: #179e83; margin-bottom: 16px;">Data Accuracy</h3>
                    <p>We maintain the highest standards of data quality and accuracy. Every dataset undergoes rigorous validation to ensure 99.9% accuracy rates that our clients depend on.</p>
                </div>
                
                <div class="value-card">
                    <h3 style="color: #179e83; margin-bottom: 16px;">Legal Compliance</h3>
                    <p>Full compliance with GDPR, data protection laws, and ethical data practices. We ensure all data extraction activities are legally sound and respectful of privacy rights.</p>
                </div>
                
                <div class="value-card">
                    <h3 style="color: #179e83; margin-bottom: 16px;">Innovation</h3>
                    <p>Continuous investment in cutting-edge technologies and methodologies. We stay ahead of industry trends to deliver next-generation data solutions.</p>
                </div>
                
                <div class="value-card">
                    <h3 style="color: #179e83; margin-bottom: 16px;">Client Partnership</h3>
                    <p>We view every engagement as a long-term partnership. Our success is measured by our clients' success and the value we create together.</p>
                </div>
                
                <div class="value-card">
                    <h3 style="color: #179e83; margin-bottom: 16px;">Transparency</h3>
                    <p>Clear communication, honest timelines, and transparent processes. We believe in building trust through openness and reliability.</p>
                </div>
                
                <div class="value-card">
                    <h3 style="color: #179e83; margin-bottom: 16px;">Excellence</h3>
                    <p>Commitment to delivering exceptional results on every project. We continuously refine our processes to exceed client expectations.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Company Statistics -->
    <section class="stats-section">
        <div class="container">
            <h2 style="margin-bottom: 20px;">Our Track Record</h2>
            <p style="font-size: 1.2rem; opacity: 0.9; margin-bottom: 40px;">Trusted by businesses across the UK and internationally</p>
            
            <div class="stats-grid">
                <div class="stat-card">
                    <span class="stat-number">500+</span>
                    <span class="stat-label">Projects Completed</span>
                </div>
                
                <div class="stat-card">
                    <span class="stat-number">150+</span>
                    <span class="stat-label">Happy Clients</span>
                </div>
                
                <div class="stat-card">
                    <span class="stat-number">99.9%</span>
                    <span class="stat-label">Data Accuracy</span>
                </div>
                
                <div class="stat-card">
                    <span class="stat-number">24/7</span>
                    <span class="stat-label">Support Available</span>
                </div>
                
                <div class="stat-card">
                    <span class="stat-number">6+</span>
                    <span class="stat-label">Years Experience</span>
                </div>
                
                <div class="stat-card">
                    <span class="stat-number">100%</span>
                    <span class="stat-label">GDPR Compliant</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Mission Statement -->
    <section style="padding: 80px 0;">
        <div class="container">
            <div style="max-width: 800px; margin: 0 auto; text-align: center;">
                <h2 style="margin-bottom: 30px;">Our Mission</h2>
                <p style="font-size: 1.3rem; line-height: 1.6; color: #333; margin-bottom: 40px; font-weight: 500;">
                    "To democratise access to web data and transform how businesses make decisions through accurate, actionable, and ethically-sourced information."
                </p>
                <p style="font-size: 1.1rem; line-height: 1.6; color: #666;">
                    We believe that every business, regardless of size, should have access to the data insights that drive competitive advantage. Our mission is to bridge the gap between complex web data and practical business intelligence, enabling our clients to make informed decisions that drive growth and innovation.
                </p>
            </div>
        </div>
    </section>

    <!-- Call to Action -->
    <section style="padding: 80px 0; background: #f8f9fa; text-align: center;">
        <div class="container">
            <h2 style="margin-bottom: 20px;">Ready to Work Together?</h2>
            <p style="font-size: 1.2rem; color: #666; margin-bottom: 40px;">
                Let's discuss how our expertise can help transform your data challenges into opportunities
            </p>
            <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;">
                <a href="quote" class="btn btn-primary">Get Free Quote</a>
                <a href="/#contact" class="btn btn-secondary">Contact Us</a>
            </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>Professional data solutions for modern businesses. Transform your operations with accurate, actionable insights.</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">
                <p>&copy; <?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>