e144b20798
SEO Improvements: - Add Twitter/OG meta tags to gdpr-compliance.php and terms-of-service.php - Add author bios with E-E-A-T signals to all blog articles - Add breadcrumb schema markup to key pages - Create new service pages: price-monitoring.php, competitive-intelligence.php - Create location pages: london.php, manchester.php, birmingham.php - Update sitemap.xml with new pages UI/CSS Improvements: - Move testimonials section from inline styles to CSS classes - Standardize hero gradients to #144784 → #179e83 across all pages - Unify card border styles to border-left: 4px solid #179e83 - Fix CTA gradient direction consistency on location pages - Standardize breadcrumb colors to #144784 - Replace all purple accent colors (#667eea, #764ba2) with brand colors - Add CSS variables for brand consistency in main.css Code Cleanup: - Delete 6 emergency CSS fix files (button-emergency-fix.css, etc.) - Remove related-articles-fix.css references from blog articles - Consolidate styles into main.css 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
969 lines
40 KiB
PHP
969 lines
40 KiB
PHP
<?php
|
|
// Start session before any output
|
|
ini_set('session.cookie_samesite', 'Lax');
|
|
ini_set('session.cookie_httponly', '1');
|
|
ini_set('session.cookie_secure', '0'); // Set to '1' if using HTTPS
|
|
session_start();
|
|
|
|
// 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 = "Get a Quote | UK Data Services - Professional Data Solutions";
|
|
$page_description = "Get a free, no-obligation quote for your data project. Tell us your requirements and we'll provide a detailed proposal within 24 hours.";
|
|
$canonical_url = "https://ukdataservices.co.uk/quote";
|
|
|
|
// Breadcrumb navigation
|
|
$breadcrumbs = [
|
|
['url' => '/', 'label' => 'Home'],
|
|
['url' => '', 'label' => 'Request Quote']
|
|
];
|
|
?>
|
|
<!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 quote, web scraping quote, data extraction pricing, business intelligence cost, UK data services pricing">
|
|
<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); ?>">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
|
|
|
|
<!-- 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=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
|
|
<!-- Google reCAPTCHA v3 -->
|
|
<?php require_once '.recaptcha-config.php'; ?>
|
|
<script src="https://www.google.com/recaptcha/api.js?render=<?php echo RECAPTCHA_SITE_KEY; ?>"></script>
|
|
|
|
<!-- Quote Page Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebPage",
|
|
"@id": "https://ukdataservices.co.uk/quote#webpage",
|
|
"url": "https://ukdataservices.co.uk/quote",
|
|
"name": "Get Free Quote - UK Data Services",
|
|
"description": "Request a free, no-obligation quote for professional web scraping and data extraction services. Get detailed proposal within 24 hours.",
|
|
"mainEntity": {
|
|
"@type": "Service",
|
|
"name": "Data Extraction Quote Service",
|
|
"description": "Free consultation and detailed quote for web scraping and data analytics projects",
|
|
"provider": {
|
|
"@id": "https://ukdataservices.co.uk#organization"
|
|
},
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"name": "Free Project Consultation",
|
|
"description": "Comprehensive project analysis and detailed quote within 24 hours",
|
|
"price": "0",
|
|
"priceCurrency": "GBP",
|
|
"availability": "https://schema.org/InStock",
|
|
"validFrom": "2024-01-01",
|
|
"priceValidUntil": "2025-12-31",
|
|
"areaServed": {
|
|
"@type": "Country",
|
|
"name": "United Kingdom"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Service Catalog Schema -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "ItemList",
|
|
"name": "UK Data Services - Service Catalog",
|
|
"description": "Comprehensive data services available for quote",
|
|
"numberOfItems": 6,
|
|
"itemListElement": [
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 1,
|
|
"item": {
|
|
"@type": "Service",
|
|
"name": "Web Scraping & Data Extraction",
|
|
"description": "Professional web scraping and data extraction services",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"priceRange": "£500-£50000",
|
|
"priceCurrency": "GBP"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 2,
|
|
"item": {
|
|
"@type": "Service",
|
|
"name": "Business Intelligence & Analytics",
|
|
"description": "Data analytics and business intelligence solutions",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"priceRange": "£1000-£25000",
|
|
"priceCurrency": "GBP"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 3,
|
|
"item": {
|
|
"@type": "Service",
|
|
"name": "Data Processing & Cleaning",
|
|
"description": "Data cleaning, transformation, and quality assurance",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"priceRange": "£750-£15000",
|
|
"priceCurrency": "GBP"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 4,
|
|
"item": {
|
|
"@type": "Service",
|
|
"name": "Automation & APIs",
|
|
"description": "Custom automation solutions and API integrations",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"priceRange": "£2000-£20000",
|
|
"priceCurrency": "GBP"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 5,
|
|
"item": {
|
|
"@type": "Service",
|
|
"name": "Custom Development",
|
|
"description": "Bespoke data solutions and custom development",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"priceRange": "£5000-£50000",
|
|
"priceCurrency": "GBP"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"@type": "ListItem",
|
|
"position": 6,
|
|
"item": {
|
|
"@type": "Service",
|
|
"name": "Compliance & Security",
|
|
"description": "GDPR compliance and data security consulting",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"priceRange": "£1000-£10000",
|
|
"priceCurrency": "GBP"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.quote-hero {
|
|
padding: 120px 0 60px;
|
|
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
text-align: center;
|
|
}
|
|
|
|
.quote-form-section {
|
|
padding: 60px 0;
|
|
background: white;
|
|
}
|
|
|
|
.quote-form-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
background: white;
|
|
padding: 40px;
|
|
border-radius: 16px;
|
|
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.form-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 20px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.form-step {
|
|
margin-bottom: 40px;
|
|
padding-bottom: 40px;
|
|
border-bottom: 1px solid #e1e5e9;
|
|
}
|
|
|
|
.form-step:last-child {
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/* Required field indicators */
|
|
.required-indicator {
|
|
color: #e74c3c;
|
|
font-weight: bold;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/* Error and success messages */
|
|
.message-container {
|
|
margin-bottom: 30px;
|
|
padding: 15px 20px;
|
|
border-radius: 8px;
|
|
display: none;
|
|
animation: slideDown 0.3s ease;
|
|
}
|
|
|
|
.message-container.error {
|
|
background: #fee;
|
|
border: 1px solid #fcc;
|
|
color: #c00;
|
|
}
|
|
|
|
.message-container.success {
|
|
background: #efe;
|
|
border: 1px solid #cfc;
|
|
color: #060;
|
|
}
|
|
|
|
.message-container.show {
|
|
display: block;
|
|
}
|
|
|
|
.message-title {
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.message-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.message-list li {
|
|
padding: 5px 0;
|
|
padding-left: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.message-list li:before {
|
|
content: '\2022';
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
@keyframes slideDown {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(-10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.step-title {
|
|
font-size: 1.4rem;
|
|
font-weight: 600;
|
|
margin-bottom: 16px;
|
|
color: #1a1a1a;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
|
|
.step-number {
|
|
background: linear-gradient(135deg, #179e83 0%, #144784 100%);
|
|
color: white;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 600;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.checkbox-group {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 16px;
|
|
}
|
|
|
|
.checkbox-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 12px;
|
|
border: 2px solid #e1e5e9;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.checkbox-item:hover {
|
|
border-color: #179e83;
|
|
background: #f8f9ff;
|
|
}
|
|
|
|
.checkbox-item input[type="checkbox"] {
|
|
margin-right: 12px;
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.checkbox-item.checked {
|
|
border-color: #179e83;
|
|
background: #f8f9ff;
|
|
}
|
|
|
|
.radio-group {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 16px;
|
|
}
|
|
|
|
.radio-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px;
|
|
border: 2px solid #e1e5e9;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.radio-item:hover {
|
|
border-color: #179e83;
|
|
background: #f8f9ff;
|
|
}
|
|
|
|
.radio-item input[type="radio"] {
|
|
margin-right: 12px;
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.radio-item.checked {
|
|
border-color: #179e83;
|
|
background: #f8f9ff;
|
|
}
|
|
|
|
.quote-summary {
|
|
background: #f8f9fa;
|
|
padding: 30px;
|
|
border-radius: 12px;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.summary-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 12px 0;
|
|
border-bottom: 1px solid #e1e5e9;
|
|
}
|
|
|
|
.summary-item:last-child {
|
|
border-bottom: none;
|
|
font-weight: 600;
|
|
font-size: 1.2rem;
|
|
color: #179e83;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.form-row {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.checkbox-group,
|
|
.radio-group {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.quote-form-container {
|
|
padding: 30px 20px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<!-- Event Schema for Consultation Booking -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Event",
|
|
"name": "Free Data Solutions Consultation",
|
|
"description": "Complimentary consultation session to discuss your web scraping and data analytics requirements with UK Data Services experts.",
|
|
"eventStatus": "https://schema.org/EventScheduled",
|
|
"eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
|
|
"location": {
|
|
"@type": "VirtualLocation",
|
|
"url": "https://ukdataservices.co.uk/consultation"
|
|
},
|
|
"organizer": {
|
|
"@type": "Organization",
|
|
"name": "UK Data Services",
|
|
"url": "https://ukdataservices.co.uk"
|
|
},
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "GBP",
|
|
"availability": "https://schema.org/InStock",
|
|
"url": "https://ukdataservices.co.uk/quote"
|
|
},
|
|
"performer": {
|
|
"@type": "Organization",
|
|
"name": "UK Data Services Expert Team"
|
|
},
|
|
"startDate": "2025-01-09T09:00:00+00:00",
|
|
"endDate": "2025-12-31T17:00:00+00:00",
|
|
"duration": "PT30M",
|
|
"isAccessibleForFree": true
|
|
}
|
|
</script>
|
|
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/breadcrumb-schema.php'); ?>
|
|
</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>
|
|
|
|
<!-- Quote Hero -->
|
|
<main id="main-content">
|
|
<section class="quote-hero">
|
|
<div class="container">
|
|
<h1>Free Web Scraping & Data Analytics Quote - UK Data Services</h1>
|
|
<p>Tell us about your project and we'll provide a detailed proposal within 24 hours</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Quote Form -->
|
|
<section class="quote-form-section">
|
|
<div class="container">
|
|
<div class="quote-form-container">
|
|
<!-- Message Container -->
|
|
<div id="message-container" class="message-container">
|
|
<div class="message-title"></div>
|
|
<ul class="message-list"></ul>
|
|
</div>
|
|
|
|
<form id="quote-form" action="quote-handler.php" method="POST">
|
|
<?php
|
|
// Session already started at top of file
|
|
if (!isset($_SESSION['csrf_token'])) {
|
|
$_SESSION['csrf_token'] = bin2hex(random_bytes(32));
|
|
}
|
|
// Set form start time for bot detection
|
|
$_SESSION['form_start_time'] = time();
|
|
?>
|
|
<input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars($_SESSION['csrf_token']); ?>">
|
|
<!-- reCAPTCHA response field -->
|
|
<input type="hidden" name="recaptcha_response" id="recaptchaResponseQuote" value="">
|
|
<!-- Honeypot field for spam protection -->
|
|
<input type="text" name="website" style="display: none !important; position: absolute !important; left: -9999px !important;" tabindex="-1" autocomplete="off">
|
|
<!-- Step 1: Project Type -->
|
|
<div class="form-step">
|
|
<div class="step-title">
|
|
<span class="step-number">1</span>
|
|
What type of data services do you need? <span class="required-indicator">*</span>
|
|
</div>
|
|
<div class="checkbox-group">
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="services[]" value="web-scraping">
|
|
<span>Web Scraping & Data Extraction</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="services[]" value="business-intelligence">
|
|
<span>Business Intelligence & Analytics</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="services[]" value="data-processing">
|
|
<span>Data Processing & Cleaning</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="services[]" value="automation">
|
|
<span>Automation & APIs</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="services[]" value="consulting">
|
|
<span>Custom Development</span>
|
|
</label>
|
|
<label class="checkbox-item">
|
|
<input type="checkbox" name="services[]" value="other">
|
|
<span>Other (please specify below)</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 2: Project Scale -->
|
|
<div class="form-step">
|
|
<div class="step-title">
|
|
<span class="step-number">2</span>
|
|
What's the scale of your project? <span class="required-indicator">*</span>
|
|
</div>
|
|
<div class="radio-group">
|
|
<label class="radio-item">
|
|
<input type="radio" name="project_scale" value="small">
|
|
<div>
|
|
<strong>Small Project</strong><br>
|
|
<small>One-time extraction, < 10k records</small>
|
|
</div>
|
|
</label>
|
|
<label class="radio-item">
|
|
<input type="radio" name="project_scale" value="medium">
|
|
<div>
|
|
<strong>Medium Project</strong><br>
|
|
<small>Regular updates, 10k-100k records</small>
|
|
</div>
|
|
</label>
|
|
<label class="radio-item">
|
|
<input type="radio" name="project_scale" value="large">
|
|
<div>
|
|
<strong>Large Project</strong><br>
|
|
<small>Ongoing service, 100k+ records</small>
|
|
</div>
|
|
</label>
|
|
<label class="radio-item">
|
|
<input type="radio" name="project_scale" value="enterprise">
|
|
<div>
|
|
<strong>Enterprise</strong><br>
|
|
<small>Complex multi-source solution</small>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 3: Timeline -->
|
|
<div class="form-step">
|
|
<div class="step-title">
|
|
<span class="step-number">3</span>
|
|
When do you need this completed? <span class="required-indicator">*</span>
|
|
</div>
|
|
<div class="radio-group">
|
|
<label class="radio-item">
|
|
<input type="radio" name="timeline" value="asap">
|
|
<span>ASAP (Rush job)</span>
|
|
</label>
|
|
<label class="radio-item">
|
|
<input type="radio" name="timeline" value="1-week">
|
|
<span>Within 1 week</span>
|
|
</label>
|
|
<label class="radio-item">
|
|
<input type="radio" name="timeline" value="2-4-weeks">
|
|
<span>2-4 weeks</span>
|
|
</label>
|
|
<label class="radio-item">
|
|
<input type="radio" name="timeline" value="flexible">
|
|
<span>Flexible timeline</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 4: Contact Information -->
|
|
<div class="form-step">
|
|
<div class="step-title">
|
|
<span class="step-number">4</span>
|
|
Your contact information
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="quote-name">Full Name *</label>
|
|
<input type="text" id="quote-name" name="name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="quote-email">Email Address *</label>
|
|
<input type="email" id="quote-email" name="email" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="quote-company">Company</label>
|
|
<input type="text" id="quote-company" name="company">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="quote-phone">Phone Number</label>
|
|
<input type="tel" id="quote-phone" name="phone">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 5: Project Details -->
|
|
<div class="form-step">
|
|
<div class="step-title">
|
|
<span class="step-number">5</span>
|
|
Project details
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="quote-sources">Data Sources (websites, APIs, databases)</label>
|
|
<textarea id="quote-sources" name="data_sources" rows="3" placeholder="Please list the websites, APIs, or data sources you need us to work with..."></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="quote-requirements">Detailed Requirements *</label>
|
|
<textarea id="quote-requirements" name="requirements" rows="5" required placeholder="Please describe your project in detail: what data you need, how you plan to use it, any specific format requirements, delivery preferences, etc."></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="quote-budget">Estimated Budget Range (Optional)</label>
|
|
<select id="quote-budget" name="budget">
|
|
<option value="">Select budget range...</option>
|
|
<option value="under-1k">Under £1,000</option>
|
|
<option value="1k-5k">£1,000 - £5,000</option>
|
|
<option value="5k-10k">£5,000 - £10,000</option>
|
|
<option value="10k-25k">£10,000 - £25,000</option>
|
|
<option value="25k-50k">£25,000 - £50,000</option>
|
|
<option value="50k-plus">£50,000+</option>
|
|
<option value="discuss">Let's discuss</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit -->
|
|
<button type="submit" class="btn btn-primary btn-full">Get My Free Quote</button>
|
|
</form>
|
|
</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>Services</h3>
|
|
<ul>
|
|
<li><a href="/#services">Web Scraping</a></li>
|
|
<li><a href="/#services">Business Intelligence</a></li>
|
|
<li><a href="/#services">Data Processing</a></li>
|
|
<li><a href="/#services">API Development</a></li>
|
|
<li><a href="/#services">Custom Development</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Company</h3>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="quote">Get Quote</a></li>
|
|
<li><a href="/#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>Contact</h3>
|
|
<ul>
|
|
<li>Phone: +44 1692 689150</li>
|
|
<li>Email: info@ukdataservices.co.uk</li>
|
|
<li>Service Area: UK & International</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© <?php echo date('Y'); ?> UK Data Services. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/main.js"></script>
|
|
<script>
|
|
// Enhanced quote form functionality
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const checkboxItems = document.querySelectorAll('.checkbox-item');
|
|
const radioItems = document.querySelectorAll('.radio-item');
|
|
|
|
// Handle checkbox styling
|
|
checkboxItems.forEach(item => {
|
|
const checkbox = item.querySelector('input[type="checkbox"]');
|
|
checkbox.addEventListener('change', function() {
|
|
if (this.checked) {
|
|
item.classList.add('checked');
|
|
} else {
|
|
item.classList.remove('checked');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Handle radio button styling
|
|
radioItems.forEach(item => {
|
|
const radio = item.querySelector('input[type="radio"]');
|
|
radio.addEventListener('change', function() {
|
|
// Remove checked class from all items in the same group
|
|
const groupName = this.name;
|
|
document.querySelectorAll(`input[name="${groupName}"]`).forEach(r => {
|
|
r.closest('.radio-item').classList.remove('checked');
|
|
});
|
|
|
|
// Add checked class to selected item
|
|
if (this.checked) {
|
|
item.classList.add('checked');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Message display functions
|
|
function showMessage(type, title, messages) {
|
|
const container = document.getElementById('message-container');
|
|
const titleEl = container.querySelector('.message-title');
|
|
const listEl = container.querySelector('.message-list');
|
|
|
|
// Reset classes
|
|
container.className = 'message-container';
|
|
container.classList.add(type);
|
|
|
|
// Set content
|
|
titleEl.textContent = title;
|
|
listEl.innerHTML = '';
|
|
|
|
if (Array.isArray(messages)) {
|
|
messages.forEach(msg => {
|
|
const li = document.createElement('li');
|
|
li.textContent = msg;
|
|
listEl.appendChild(li);
|
|
});
|
|
} else {
|
|
const li = document.createElement('li');
|
|
li.textContent = messages;
|
|
listEl.appendChild(li);
|
|
}
|
|
|
|
// Show with animation
|
|
container.classList.add('show');
|
|
|
|
// Scroll to message
|
|
container.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
|
|
}
|
|
|
|
function hideMessage() {
|
|
const container = document.getElementById('message-container');
|
|
container.classList.remove('show');
|
|
}
|
|
|
|
// Enhanced form submission with reCAPTCHA
|
|
const quoteForm = document.getElementById('quote-form');
|
|
|
|
// Track form interactions
|
|
let formInteractions = {
|
|
mouseMovements: 0,
|
|
keystrokes: 0,
|
|
focusEvents: 0,
|
|
startTime: Date.now(),
|
|
fields: {}
|
|
};
|
|
|
|
// Add hidden timestamp field
|
|
const timestampField = document.createElement('input');
|
|
timestampField.type = 'hidden';
|
|
timestampField.name = 'form_timestamp';
|
|
timestampField.value = Date.now();
|
|
quoteForm.appendChild(timestampField);
|
|
|
|
// Add hidden interaction token
|
|
const interactionToken = document.createElement('input');
|
|
interactionToken.type = 'hidden';
|
|
interactionToken.name = 'interaction_token';
|
|
quoteForm.appendChild(interactionToken);
|
|
|
|
// Track mouse movements
|
|
document.addEventListener('mousemove', function() {
|
|
if (formInteractions.mouseMovements < 100) {
|
|
formInteractions.mouseMovements++;
|
|
}
|
|
});
|
|
|
|
// Track form field interactions
|
|
quoteForm.querySelectorAll('input, textarea, select').forEach(field => {
|
|
field.addEventListener('keydown', function() {
|
|
formInteractions.keystrokes++;
|
|
});
|
|
field.addEventListener('focus', function() {
|
|
formInteractions.focusEvents++;
|
|
});
|
|
});
|
|
|
|
quoteForm.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
// Calculate interaction score
|
|
const timeSpent = Date.now() - formInteractions.startTime;
|
|
const interactionScore = Math.min(100,
|
|
(timeSpent > 5000 ? 20 : 0) +
|
|
(formInteractions.mouseMovements > 10 ? 20 : 0) +
|
|
(formInteractions.keystrokes > 20 ? 20 : 0) +
|
|
(formInteractions.focusEvents > 3 ? 10 : 0)
|
|
);
|
|
|
|
// Set interaction token
|
|
interactionToken.value = btoa(JSON.stringify({
|
|
score: interactionScore,
|
|
time: timeSpent,
|
|
interactions: formInteractions.mouseMovements + formInteractions.keystrokes + formInteractions.focusEvents
|
|
}));
|
|
|
|
// Validate form
|
|
const services = document.querySelectorAll('input[name="services[]"]:checked');
|
|
const projectScale = document.querySelector('input[name="project_scale"]:checked');
|
|
const timeline = document.querySelector('input[name="timeline"]:checked');
|
|
const name = document.getElementById('quote-name').value.trim();
|
|
const email = document.getElementById('quote-email').value.trim();
|
|
const requirements = document.getElementById('quote-requirements').value.trim();
|
|
|
|
let errors = [];
|
|
|
|
if (services.length === 0) {
|
|
errors.push('Please select at least one service');
|
|
}
|
|
|
|
if (!projectScale) {
|
|
errors.push('Please select a project scale');
|
|
}
|
|
|
|
if (!timeline) {
|
|
errors.push('Please select a timeline');
|
|
}
|
|
|
|
if (!name || name.length < 2) {
|
|
errors.push('Please enter your full name');
|
|
}
|
|
|
|
if (!email || !email.includes('@')) {
|
|
errors.push('Please enter a valid email address');
|
|
}
|
|
|
|
if (!requirements || requirements.length < 20) {
|
|
errors.push('Please provide detailed project requirements (minimum 20 characters)');
|
|
}
|
|
|
|
if (errors.length > 0) {
|
|
showMessage('error', 'Please complete the following required fields:', errors);
|
|
return;
|
|
}
|
|
|
|
// Hide any existing error messages
|
|
hideMessage();
|
|
|
|
// Execute reCAPTCHA
|
|
const self = this;
|
|
grecaptcha.ready(function() {
|
|
grecaptcha.execute('<?php echo RECAPTCHA_SITE_KEY; ?>', {action: 'quote'}).then(function(token) {
|
|
document.getElementById('recaptchaResponseQuote').value = token;
|
|
|
|
// Submit form
|
|
const submitButton = self.querySelector('button[type="submit"]');
|
|
const originalText = submitButton.textContent;
|
|
submitButton.textContent = 'Sending Quote Request...';
|
|
submitButton.disabled = true;
|
|
|
|
const formData = new FormData(self);
|
|
|
|
fetch('quote-handler.php', {
|
|
method: 'POST',
|
|
body: formData,
|
|
credentials: 'same-origin',
|
|
headers: {
|
|
'X-Requested-With': 'XMLHttpRequest'
|
|
}
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
showMessage('success', 'Thank you!', 'Your quote request has been sent successfully. We will get back to you within 24 hours with a detailed proposal.');
|
|
self.reset();
|
|
// Reset interaction tracking
|
|
formInteractions = {
|
|
mouseMovements: 0,
|
|
keystrokes: 0,
|
|
focusEvents: 0,
|
|
startTime: Date.now(),
|
|
fields: {}
|
|
};
|
|
// Reset styling
|
|
checkboxItems.forEach(item => item.classList.remove('checked'));
|
|
radioItems.forEach(item => item.classList.remove('checked'));
|
|
|
|
// Scroll to top after success
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
} else {
|
|
// Parse error message if it contains multiple validation errors
|
|
let errorMessages = [];
|
|
if (data.message.includes('. ')) {
|
|
errorMessages = data.message.split('. ').filter(msg => msg.trim());
|
|
} else {
|
|
errorMessages = [data.message];
|
|
}
|
|
showMessage('error', 'There was a problem with your submission:', errorMessages);
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
showMessage('error', 'Connection Error', 'There was an error sending your quote request. Please check your internet connection and try again, or contact us directly at info@ukdataservices.co.uk');
|
|
})
|
|
.finally(() => {
|
|
submitButton.textContent = originalText;
|
|
submitButton.disabled = false;
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|