{"id":12,"date":"2025-12-16T15:11:27","date_gmt":"2025-12-16T15:11:27","guid":{"rendered":"https:\/\/buxtonscaffltd.com\/?page_id=12"},"modified":"2025-12-16T15:19:16","modified_gmt":"2025-12-16T15:19:16","slug":"main","status":"publish","type":"page","link":"https:\/\/buxtonscaffltd.com\/","title":{"rendered":"main"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n BuxtonScaff | Digital Marketing & Web Development<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', system-ui, sans-serif;\n }\n\n :root {\n --primary: #0ea5e9;\n --primary-dark: #0284c7;\n --secondary: #7c3aed;\n --dark: #0f172a;\n --dark-light: #1e293b;\n --light: #f8fafc;\n --gray: #64748b;\n --success: #10b981;\n --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);\n --transition: all 0.3s ease;\n }\n\n body {\n background-color: var(--dark);\n color: var(--light);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Header & Navigation *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background-color: rgba(15, 23, 42, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n padding: 15px 0;\n border-bottom: 1px solid rgba(100, 116, 139, 0.2);\n }\n\n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 700;\n font-size: 1.8rem;\n text-decoration: none;\n color: var(--light);\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .logo-icon::before {\n content: \"B\";\n font-weight: 900;\n font-size: 1.8rem;\n color: white;\n }\n\n .logo-icon::after {\n content: \"\";\n position: absolute;\n width: 15px;\n height: 15px;\n background-color: white;\n border-radius: 50%;\n top: 5px;\n right: 5px;\n opacity: 0.7;\n }\n\n \/* Desktop Navigation *\/\n .desktop-nav ul {\n display: flex;\n list-style: none;\n gap: 30px;\n }\n\n .desktop-nav a {\n color: var(--light);\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: var(--transition);\n position: relative;\n padding: 5px 0;\n }\n\n .desktop-nav a:hover {\n color: var(--primary);\n }\n\n .desktop-nav a::after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 2px;\n background-color: var(--primary);\n bottom: 0;\n left: 0;\n transition: var(--transition);\n }\n\n .desktop-nav a:hover::after {\n width: 100%;\n }\n\n \/* Mobile Menu Button *\/\n .mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n color: var(--light);\n font-size: 1.5rem;\n cursor: pointer;\n z-index: 1002;\n padding: 5px;\n }\n\n \/* Mobile Navigation *\/\n .mobile-nav {\n position: fixed;\n top: 0;\n right: -100%;\n width: 280px;\n height: 100vh;\n background-color: var(--dark-light);\n z-index: 1001;\n padding: 80px 30px 30px;\n transition: var(--transition);\n box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);\n }\n\n .mobile-nav.active {\n right: 0;\n }\n\n .mobile-nav ul {\n list-style: none;\n margin-top: 30px;\n }\n\n .mobile-nav li {\n margin-bottom: 20px;\n }\n\n .mobile-nav a {\n color: var(--light);\n text-decoration: none;\n font-size: 1.2rem;\n font-weight: 600;\n display: block;\n padding: 12px 15px;\n border-radius: 8px;\n transition: var(--transition);\n }\n\n .mobile-nav a:hover {\n background-color: rgba(14, 165, 233, 0.1);\n color: var(--primary);\n }\n\n .mobile-nav-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 1000;\n opacity: 0;\n visibility: hidden;\n transition: var(--transition);\n }\n\n .mobile-nav-overlay.active {\n opacity: 1;\n visibility: visible;\n }\n\n \/* Hero Section *\/\n .hero {\n padding: 180px 0 120px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at 30% 20%, rgba(14, 165, 233, 0.1) 0%, transparent 50%), \n radial-gradient(circle at 80% 80%, rgba(124, 58, 237, 0.1) 0%, transparent 50%);\n z-index: -1;\n }\n\n .hero-content {\n max-width: 650px;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n line-height: 1.2;\n margin-bottom: 20px;\n background: linear-gradient(to right, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .hero p {\n font-size: 1.2rem;\n color: var(--gray);\n margin-bottom: 30px;\n max-width: 550px;\n }\n\n .btn {\n display: inline-block;\n background: linear-gradient(to right, var(--primary), var(--secondary));\n color: white;\n padding: 15px 35px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n box-shadow: var(--shadow);\n }\n\n .btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.4);\n }\n\n .hero-image {\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 50%;\n max-width: 600px;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow);\n opacity: 0.9;\n }\n\n .hero-image img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n \/* Services Section *\/\n .services {\n padding: 100px 0;\n background-color: var(--dark-light);\n }\n\n .section-title {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-title h2 {\n font-size: 2.5rem;\n margin-bottom: 15px;\n color: var(--light);\n }\n\n .section-title p {\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n .service-card {\n background-color: var(--dark);\n border-radius: 15px;\n padding: 35px 30px;\n transition: var(--transition);\n border: 1px solid rgba(100, 116, 139, 0.2);\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n border-color: var(--primary);\n box-shadow: var(--shadow);\n }\n\n .service-icon {\n width: 70px;\n height: 70px;\n background-color: rgba(14, 165, 233, 0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 25px;\n }\n\n .service-icon i {\n font-size: 1.8rem;\n color: var(--primary);\n }\n\n .service-card h3 {\n font-size: 1.5rem;\n margin-bottom: 15px;\n color: var(--light);\n }\n\n .service-card p {\n color: var(--gray);\n margin-bottom: 20px;\n }\n\n \/* Stats Section *\/\n .stats {\n padding: 100px 0;\n }\n\n .stats-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 40px;\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: 800;\n background: linear-gradient(to right, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n line-height: 1;\n margin-bottom: 10px;\n }\n\n .stat-label {\n color: var(--gray);\n font-size: 1.1rem;\n }\n\n \/* Contact Section *\/\n .contact {\n padding: 100px 0;\n background-color: var(--dark-light);\n }\n\n .contact-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 50px;\n }\n\n .contact-info h3 {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: var(--light);\n }\n\n .contact-details {\n margin-top: 30px;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .contact-icon {\n width: 45px;\n height: 45px;\n background-color: rgba(14, 165, 233, 0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .contact-icon i {\n color: var(--primary);\n font-size: 1.2rem;\n }\n\n .contact-form {\n background-color: var(--dark);\n padding: 40px;\n border-radius: 15px;\n box-shadow: var(--shadow);\n }\n\n .form-group {\n margin-bottom: 25px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n color: var(--light);\n font-weight: 500;\n }\n\n .form-control {\n width: 100%;\n padding: 15px;\n background-color: rgba(100, 116, 139, 0.1);\n border: 1px solid rgba(100, 116, 139, 0.3);\n border-radius: 8px;\n color: var(--light);\n font-size: 1rem;\n transition: var(--transition);\n }\n\n .form-control:focus {\n outline: none;\n border-color: var(--primary);\n }\n\n \/* Footer *\/\n footer {\n background-color: #0a0f1f;\n padding: 60px 0 30px;\n }\n\n .footer-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n margin-bottom: 40px;\n }\n\n .footer-logo {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .footer-about p {\n color: var(--gray);\n margin-bottom: 25px;\n }\n\n .social-links {\n display: flex;\n gap: 15px;\n }\n\n .social-links a {\n width: 40px;\n height: 40px;\n background-color: rgba(100, 116, 139, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--light);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .social-links a:hover {\n background-color: var(--primary);\n transform: translateY(-3px);\n }\n\n .footer-heading {\n font-size: 1.3rem;\n margin-bottom: 25px;\n color: var(--light);\n }\n\n .footer-links ul {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: var(--gray);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .footer-links a:hover {\n color: var(--primary);\n padding-left: 5px;\n }\n\n .copyright {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(100, 116, 139, 0.2);\n color: var(--gray);\n font-size: 0.9rem;\n }\n\n \/* Responsive Styles *\/\n @media (max-width: 992px) {\n .hero h1 {\n font-size: 2.8rem;\n }\n \n .hero-image {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-top: 50px;\n transform: none;\n top: auto;\n right: auto;\n }\n \n .hero {\n padding: 150px 0 80px;\n }\n }\n\n @media (max-width: 768px) {\n .desktop-nav {\n display: none;\n }\n \n .mobile-menu-btn {\n display: block;\n }\n \n .hero h1 {\n font-size: 2.3rem;\n }\n \n .section-title h2 {\n font-size: 2rem;\n }\n }\n\n @media (max-width: 576px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n .btn {\n padding: 12px 25px;\n }\n \n .contact-form {\n padding: 30px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Header -->\n <header>\n <div class=\"container header-container\">\n <a href=\"#home\" class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <span>BuxtonScaff<\/span>\n <\/a>\n \n <!-- Desktop Navigation -->\n <nav class=\"desktop-nav\">\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#stats\">Results<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n \n <!-- Mobile Menu Button -->\n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n <\/div>\n \n <!-- Mobile Navigation Overlay -->\n <div class=\"mobile-nav-overlay\" id=\"mobileNavOverlay\"><\/div>\n \n <!-- Mobile Navigation Menu -->\n <nav class=\"mobile-nav\" id=\"mobileNav\">\n <button class=\"mobile-menu-btn\" id=\"mobileCloseBtn\">\n <i class=\"fas fa-times\"><\/i>\n <\/button>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#stats\">Results<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/header>\n\n <!-- Hero Section -->\n <section class=\"hero\" id=\"home\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>Elevate Your Digital Presence with BuxtonScaff<\/h1>\n <p>We craft exceptional digital experiences that drive growth. Our full-service marketing agency specializes in web development, SEO, and social media management for businesses ready to dominate their market.<\/p>\n <a href=\"#contact\" class=\"btn\">Start Your Project<\/a>\n <\/div>\n \n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Digital Marketing Strategy\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"services\" id=\"services\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Our Core Services<\/h2>\n <p>We provide comprehensive digital marketing solutions tailored to your business goals.<\/p>\n <\/div>\n \n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i class=\"fas fa-code\"><\/i>\n <\/div>\n <h3>Web Development<\/h3>\n <p>Custom, responsive websites built with the latest technologies to ensure speed, security, and scalability for your business.<\/p>\n <a href=\"#contact\" class=\"btn\">Learn More<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i class=\"fas fa-search\"><\/i>\n <\/div>\n <h3>SEO Optimization<\/h3>\n <p>Comprehensive SEO strategies that increase visibility, drive organic traffic, and improve search engine rankings.<\/p>\n <a href=\"#contact\" class=\"btn\">Learn More<\/a>\n <\/div>\n \n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i class=\"fas fa-hashtag\"><\/i>\n <\/div>\n <h3>Social Media Management<\/h3>\n <p>Strategic social media campaigns that engage your audience, build brand loyalty, and drive conversions.<\/p>\n <a href=\"#contact\" class=\"btn\">Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Stats Section -->\n <section class=\"stats\" id=\"stats\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Proven Results<\/h2>\n <p>Our data-driven approach delivers measurable outcomes for our clients.<\/p>\n <\/div>\n \n <div class=\"stats-container\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">+245%<\/div>\n <div class=\"stat-label\">Average Traffic Increase<\/div>\n <\/div>\n \n <div class=\"stat-item\">\n <div class=\"stat-number\">+180%<\/div>\n <div class=\"stat-label\">Lead Generation Growth<\/div>\n <\/div>\n \n <div class=\"stat-item\">\n <div class=\"stat-number\">98%<\/div>\n <div class=\"stat-label\">Client Satisfaction Rate<\/div>\n <\/div>\n \n <div class=\"stat-item\">\n <div class=\"stat-number\">+300<\/div>\n <div class=\"stat-label\">Projects Completed<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Section -->\n <section class=\"contact\" id=\"contact\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Get In Touch<\/h2>\n <p>Ready to transform your digital presence? Contact us today for a free consultation.<\/p>\n <\/div>\n \n <div class=\"contact-container\">\n <div class=\"contact-info\">\n <h3>Let's Build Something Great Together<\/h3>\n <p>Our team of experts is ready to help you achieve your business objectives with custom digital marketing solutions.<\/p>\n \n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div>\n <h4>Our Office<\/h4>\n <p>27 KINDER WAY FAIRFIELD BUXTON ENGLAND SK17 7TP, UK<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-phone\"><\/i>\n <\/div>\n <div>\n <h4>Phone Number<\/h4>\n <p>+447832618727<\/p>\n <\/div>\n <\/div>\n \n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div>\n <h4>Email Address<\/h4>\n <p>support@buxtonscaffltd.com<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"contact-form\">\n <form id=\"contactForm\">\n <div class=\"form-group\">\n <label for=\"name\">Full Name<\/label>\n <input type=\"text\" id=\"name\" class=\"form-control\" placeholder=\"Your Name\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"Your Email\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"service\">Service Interested In<\/label>\n <select id=\"service\" class=\"form-control\" required>\n <option value=\"\" disabled selected>Select a Service<\/option>\n <option value=\"web-dev\">Web Development<\/option>\n <option value=\"seo\">SEO Optimization<\/option>\n <option value=\"social-media\">Social Media Management<\/option>\n <option value=\"full-package\">Full Marketing Package<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"message\">Your Message<\/label>\n <textarea id=\"message\" class=\"form-control\" rows=\"5\" placeholder=\"Tell us about your project\"><\/textarea>\n <\/div>\n \n <button type=\"submit\" class=\"btn\">Send Message<\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-container\">\n <div class=\"footer-about\">\n <div class=\"footer-logo\">\n <div class=\"logo-icon\"><\/div>\n <span>BuxtonScaff<\/span>\n <\/div>\n <p>We are a full-service digital marketing agency specializing in web development, SEO, and social media management for forward-thinking businesses.<\/p>\n <div class=\"social-links\">\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-links\">\n <h3 class=\"footer-heading\">Quick Links<\/h3>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#stats\">Case Studies<\/a><\/li>\n <li><a href=\"#contact\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-links\">\n <h3 class=\"footer-heading\">Our Services<\/h3>\n <ul>\n <li><a href=\"#services\">Web Development<\/a><\/li>\n <li><a href=\"#services\">SEO Optimization<\/a><\/li>\n <li><a href=\"#services\">Social Media Management<\/a><\/li>\n <li><a href=\"#services\">Content Marketing<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"copyright\">\n <p>© 2025 BuxtonScaff Digital Marketing. All rights reserved. | 27 KINDER WAY FAIRFIELD BUXTON ENGLAND SK17 7TP | +447832618727<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Mobile menu functionality\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const mobileCloseBtn = document.getElementById('mobileCloseBtn');\n const mobileNav = document.getElementById('mobileNav');\n const mobileNavOverlay = document.getElementById('mobileNavOverlay');\n \n \/\/ Open mobile menu\n mobileMenuBtn.addEventListener('click', () => {\n mobileNav.classList.add('active');\n mobileNavOverlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n });\n \n \/\/ Close mobile menu\n function closeMobileMenu() {\n mobileNav.classList.remove('active');\n mobileNavOverlay.classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n \n mobileCloseBtn.addEventListener('click', closeMobileMenu);\n mobileNavOverlay.addEventListener('click', closeMobileMenu);\n \n \/\/ Close mobile menu when clicking a link\n const mobileNavLinks = document.querySelectorAll('.mobile-nav a');\n mobileNavLinks.forEach(link => {\n link.addEventListener('click', closeMobileMenu);\n });\n \n \/\/ Smooth scrolling for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if(targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if(targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n \n \/\/ Form submission\n const contactForm = document.getElementById('contactForm');\n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get form values\n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const service = document.getElementById('service').value;\n const message = document.getElementById('message').value;\n \n \/\/ In a real application, you would send this data to a server\n \/\/ For this demo, we'll just show an alert\n alert(`Thank you ${name}! Your message has been received. We'll contact you at ${email} regarding ${service} services soon.`);\n \n \/\/ Reset form\n contactForm.reset();\n });\n \n \/\/ Animate stats on scroll\n const statsSection = document.querySelector('.stats');\n const statNumbers = document.querySelectorAll('.stat-number');\n \n const animateStats = () => {\n const statsPosition = statsSection.getBoundingClientRect().top;\n const screenPosition = window.innerHeight \/ 1.3;\n \n if(statsPosition < screenPosition) {\n statNumbers.forEach(stat => {\n const target = parseInt(stat.textContent.replace('+', '').replace('%', ''));\n let current = 0;\n const increment = target \/ 100;\n const timer = setInterval(() => {\n current += increment;\n if(current >= target) {\n current = target;\n clearInterval(timer);\n }\n \n if(stat.textContent.includes('%')) {\n stat.textContent = `${Math.floor(current)}%`;\n } else if(stat.textContent.includes('+')) {\n stat.textContent = `+${Math.floor(current)}`;\n } else {\n stat.textContent = Math.floor(current);\n }\n }, 20);\n });\n \n \/\/ Remove event listener after animation\n window.removeEventListener('scroll', animateStats);\n }\n };\n \n window.addEventListener('scroll', animateStats);\n <\/script>\n<\/body>\n<\/html>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BuxtonScaff | Digital Marketing & Web Development BuxtonScaff Home Services Results Contact Home Services Results Contact Elevate Your Digital Presence with BuxtonScaff We craft exceptional digital experiences that drive growth. Our full-service marketing agency specializes in web development, SEO, and social media management for businesses ready to dominate their market. Start Your Project Our Core […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":5,"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/buxtonscaffltd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}