SPW Landscaping | Driveways & Landscapes Warrington<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green-dark: #2e5c14;\n --green-mid: #4a7c2f;\n --green-bright: #6aab3f;\n --green-light: #e8f2de;\n --green-xlight: #f4f8ef;\n --charcoal: #1c1c1c;\n --slate: #3a3a3a;\n --mid: #666;\n --pale: #999;\n --border: #e0e0da;\n --white: #fff;\n --off-white: #f9f8f5;\n --radius: 8px;\n --radius-lg: 14px;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Lato', sans-serif;\n font-weight: 400;\n color: var(--charcoal);\n background: var(--white);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: 'Barlow Condensed', sans-serif;\n letter-spacing: 0.02em;\n }\n\n \/* NAV *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border);\n padding: 0 5%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n }\n\n .nav-logo {\n text-decoration: none;\n display: flex;\n align-items: center;\n height: 44px;\n flex-shrink: 0;\n }\n\n .nav-logo svg { height: 44px; width: auto; }\n\n .nav-links { display: flex; gap: 32px; list-style: none; }\n\n .nav-links a {\n text-decoration: none;\n font-size: 14px;\n font-weight: 700;\n color: var(--slate);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n\n .nav-links a:hover { color: var(--green-mid); }\n\n .nav-cta {\n background: var(--green-mid) !important;\n color: white !important;\n padding: 9px 20px;\n border-radius: var(--radius);\n transition: background 0.2s !important;\n }\n\n .nav-cta:hover { background: var(--green-dark) !important; }\n\n .hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 4px;\n }\n\n .hamburger span {\n width: 24px; height: 2px;\n background: var(--charcoal);\n border-radius: 2px;\n display: block;\n }\n\n .mobile-menu {\n display: none;\n position: fixed;\n top: 64px; left: 0; right: 0;\n background: white;\n border-bottom: 1px solid var(--border);\n padding: 20px 5%;\n z-index: 99;\n flex-direction: column;\n gap: 0;\n }\n\n .mobile-menu.open { display: flex; }\n\n .mobile-menu a {\n text-decoration: none;\n font-size: 16px;\n font-weight: 700;\n color: var(--slate);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 12px 0;\n border-bottom: 1px solid var(--border);\n }\n\n \/* HERO *\/\n .hero {\n margin-top: 64px;\n min-height: calc(100vh - 64px);\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n overflow: hidden;\n }\n\n .hero-left {\n padding: 60px 5% 60px 7%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: var(--off-white);\n position: relative;\n }\n\n .hero-left::after {\n content: '';\n position: absolute;\n right: -40px; top: 0; bottom: 0;\n width: 80px;\n background: var(--off-white);\n clip-path: polygon(0 0, 0 100%, 100% 100%);\n z-index: 2;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--green-light);\n color: var(--green-dark);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 5px 14px;\n border-radius: 20px;\n margin-bottom: 22px;\n width: fit-content;\n }\n\n .hero-badge::before {\n content: '';\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--green-bright);\n }\n\n .hero h1 {\n font-size: clamp(48px, 6vw, 82px);\n font-weight: 800;\n line-height: 0.95;\n color: var(--charcoal);\n margin-bottom: 20px;\n text-transform: uppercase;\n }\n\n .hero h1 em {\n font-style: normal;\n color: var(--green-mid);\n display: block;\n }\n\n .hero-sub {\n font-size: 16px;\n color: var(--mid);\n max-width: 440px;\n margin-bottom: 36px;\n line-height: 1.7;\n font-weight: 300;\n }\n\n .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }\n\n .btn-primary {\n background: var(--green-mid);\n color: white;\n padding: 14px 28px;\n border-radius: var(--radius);\n font-size: 15px;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: background 0.2s, transform 0.15s;\n display: inline-block;\n }\n\n .btn-primary:hover { background: var(--green-dark); transform: translateY(-1px); }\n\n .btn-outline {\n background: transparent;\n color: var(--charcoal);\n padding: 13px 28px;\n border-radius: var(--radius);\n font-size: 15px;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border: 2px solid var(--border);\n transition: border-color 0.2s, color 0.2s;\n display: inline-block;\n }\n\n .btn-outline:hover { border-color: var(--green-mid); color: var(--green-mid); }\n\n .hero-phone {\n margin-top: 36px;\n padding-top: 28px;\n border-top: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .hero-phone-icon {\n width: 44px; height: 44px;\n border-radius: 50%;\n background: var(--green-light);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .hero-phone-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--pale);\n }\n\n .hero-phone-number {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 26px;\n font-weight: 700;\n color: var(--charcoal);\n letter-spacing: 1px;\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .hero-phone-number:hover { color: var(--green-mid); }\n\n .hero-right {\n position: relative;\n overflow: hidden;\n background: linear-gradient(160deg, #2d5a10 0%, #1a3608 100%);\n }\n\n .hero-img-grid {\n position: absolute; inset: 0;\n display: grid;\n grid-template-rows: 1fr 1fr;\n gap: 4px;\n opacity: 0.55;\n }\n\n .hero-img-placeholder:nth-child(1) { background: linear-gradient(135deg, #3a6b1a 0%, #254a0e 100%); }\n .hero-img-placeholder:nth-child(2) { background: linear-gradient(135deg, #1e4209 0%, #2e5c14 100%); }\n\n .hero-right-content {\n position: absolute; inset: 0;\n display: flex;\n align-items: flex-end;\n padding: 40px;\n }\n\n .hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; }\n\n .hero-stat {\n background: rgba(255,255,255,0.12);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255,255,255,0.18);\n border-radius: var(--radius-lg);\n padding: 16px 18px;\n }\n\n .hero-stat-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 34px;\n font-weight: 800;\n color: white;\n line-height: 1;\n margin-bottom: 4px;\n }\n\n .hero-stat-label { font-size: 12px; color: rgba(255,255,255,0.7); font-weight: 300; }\n\n \/* TRUST BAR *\/\n .trust-bar {\n background: var(--charcoal);\n padding: 18px 5%;\n display: flex;\n justify-content: center;\n gap: clamp(20px, 4vw, 60px);\n flex-wrap: wrap;\n }\n\n .trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n color: rgba(255,255,255,0.8);\n font-size: 13px;\n font-weight: 700;\n }\n\n .trust-icon { color: var(--green-bright); }\n\n \/* SECTIONS *\/\n section { padding: 80px 5%; }\n\n .section-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--green-mid);\n margin-bottom: 10px;\n }\n\n .section-title {\n font-size: clamp(36px, 5vw, 56px);\n font-weight: 800;\n line-height: 1.05;\n color: var(--charcoal);\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .section-sub {\n font-size: 16px;\n color: var(--mid);\n max-width: 520px;\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* SERVICES *\/\n #services { background: var(--off-white); }\n\n .services-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 48px;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 16px;\n }\n\n .service-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 28px 24px;\n transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n }\n\n .service-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n border-color: var(--green-bright);\n }\n\n .service-icon {\n width: 48px; height: 48px;\n border-radius: var(--radius);\n background: var(--green-light);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .service-icon svg { width: 24px; height: 24px; }\n .service-name { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 700; color: var(--charcoal); text-transform: uppercase; margin-bottom: 6px; }\n .service-desc { font-size: 14px; color: var(--mid); line-height: 1.6; }\n .service-tag { display: inline-block; margin-top: 14px; font-size: 11px; font-weight: 700; color: var(--green-mid); text-transform: uppercase; }\n\n \/* ABOUT *\/\n #about { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n\n .about-card-big {\n background: var(--green-dark);\n border-radius: var(--radius-lg);\n padding: 40px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .about-card-big::before {\n content: 'SPW';\n position: absolute;\n right: -10px; bottom: -20px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 120px;\n font-weight: 800;\n color: rgba(255,255,255,0.05);\n pointer-events: none;\n }\n\n .about-years { font-family: 'Barlow Condensed', sans-serif; font-size: 96px; font-weight: 800; line-height: 0.9; color: var(--green-bright); }\n .about-years-label { font-size: 16px; color: rgba(255,255,255,0.7); margin-top: 8px; font-weight: 300; }\n\n .about-mini-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }\n\n .about-mini {\n background: rgba(255,255,255,0.1);\n border-radius: var(--radius);\n padding: 14px;\n border: 1px solid rgba(255,255,255,0.12);\n }\n\n .about-mini-num { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 700; color: white; }\n .about-mini-text { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 2px; }\n\n .about-list { margin-top: 32px; display: flex; flex-direction: column; gap: 18px; }\n .about-item { display: flex; gap: 16px; align-items: flex-start; }\n\n .about-item-icon {\n width: 36px; height: 36px;\n border-radius: var(--radius);\n background: var(--green-light);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; margin-top: 2px;\n }\n\n .about-item h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; color: var(--charcoal); margin-bottom: 4px; }\n .about-item p { font-size: 14px; color: var(--mid); line-height: 1.6; }\n\n \/* PROCESS *\/\n #process { background: var(--off-white); }\n\n .process-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 48px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n top: 28px; left: 10%; right: 10%;\n height: 2px;\n background: var(--border);\n z-index: 0;\n }\n\n .process-step { position: relative; z-index: 1; text-align: center; padding: 0 10px; }\n\n .process-num {\n width: 56px; height: 56px;\n border-radius: 50%;\n background: var(--white);\n border: 2px solid var(--green-mid);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 16px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 22px; font-weight: 800;\n color: var(--green-mid);\n }\n\n .process-step:nth-child(2) .process-num,\n .process-step:nth-child(3) .process-num { background: var(--green-light); }\n\n .process-step:last-child .process-num { background: var(--green-mid); color: white; border-color: var(--green-mid); }\n\n .process-title { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--charcoal); margin-bottom: 8px; }\n .process-desc { font-size: 13px; color: var(--mid); line-height: 1.6; }\n\n \/* TESTIMONIALS *\/\n .testimonials-header { margin-bottom: 48px; }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n\n .testimonial-card {\n background: var(--off-white);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 28px 24px;\n }\n\n .stars { color: #f5a623; font-size: 14px; letter-spacing: 2px; margin-bottom: 14px; }\n\n .testimonial-text {\n font-size: 15px; color: var(--slate);\n line-height: 1.7; margin-bottom: 20px;\n font-style: italic; font-weight: 300;\n }\n\n .testimonial-author { display: flex; align-items: center; gap: 12px; }\n\n .author-avatar {\n width: 38px; height: 38px;\n border-radius: 50%;\n background: var(--green-dark);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 15px;\n color: white; flex-shrink: 0;\n }\n\n .author-name { font-size: 14px; font-weight: 700; color: var(--charcoal); }\n .author-location { font-size: 12px; color: var(--pale); }\n\n \/* CONTACT *\/\n #contact { background: var(--charcoal); color: white; }\n\n .contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n\n .contact-left .section-label { color: var(--green-bright); }\n .contact-left .section-title { color: white; }\n .contact-left .section-sub { color: rgba(255,255,255,0.6); max-width: 100%; }\n\n .contact-details { margin-top: 36px; display: flex; flex-direction: column; gap: 20px; }\n .contact-item { display: flex; align-items: center; gap: 14px; }\n\n .contact-item-icon {\n width: 44px; height: 44px;\n border-radius: var(--radius);\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.1);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n\n .contact-item-label { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 2px; }\n .contact-item-value { font-size: 16px; font-weight: 700; color: white; text-decoration: none; transition: color 0.2s; }\n .contact-item-value:hover { color: var(--green-bright); }\n\n .contact-form {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius-lg);\n padding: 36px;\n }\n\n .contact-form h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 700; text-transform: uppercase; color: white; margin-bottom: 24px; }\n\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n .form-group { margin-bottom: 14px; }\n\n .form-group label { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 6px; }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: var(--radius);\n padding: 12px 14px;\n font-family: 'Lato', sans-serif;\n font-size: 15px; color: white;\n outline: none;\n transition: border-color 0.2s;\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder { color: rgba(255,255,255,0.25); }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus { border-color: var(--green-bright); background: rgba(255,255,255,0.1); }\n\n .form-group select option { background: #333; color: white; }\n .form-group textarea { resize: vertical; min-height: 100px; }\n\n .form-submit {\n width: 100%;\n background: var(--green-mid);\n color: white;\n padding: 14px;\n border-radius: var(--radius);\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700;\n letter-spacing: 1px; text-transform: uppercase;\n border: none; cursor: pointer;\n transition: background 0.2s;\n margin-top: 8px;\n }\n\n .form-submit:hover { background: var(--green-bright); }\n\n \/* FOOTER *\/\n footer {\n background: #111;\n padding: 28px 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 14px;\n }\n\n .footer-logo { display: flex; align-items: center; }\n .footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); }\n\n \/* WHATSAPP *\/\n .whatsapp-float {\n position: fixed;\n bottom: 28px; right: 28px;\n z-index: 999;\n width: 58px; height: 58px;\n background: #25D366;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 16px rgba(37,211,102,0.4);\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .whatsapp-float:hover { transform: scale(1.08); box-shadow: 0 6px 24px rgba(37,211,102,0.5); }\n .whatsapp-float svg { width: 30px; height: 30px; }\n\n .whatsapp-pulse {\n position: absolute;\n top: -3px; right: -3px;\n width: 14px; height: 14px;\n background: #ff4757;\n border-radius: 50%;\n border: 2px solid white;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.3); opacity: 0.7; }\n 100% { transform: scale(1); opacity: 1; }\n }\n\n \/* ANIMATIONS *\/\n .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }\n .fade-in.visible { opacity: 1; transform: none; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 900px) {\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-left::after { display: none; }\n .hero-left { padding: 32px 5% 36px 5%; }\n .hero-right { height: 260px; }\n #about { grid-template-columns: 1fr; gap: 40px; }\n .process-steps { grid-template-columns: 1fr 1fr; }\n .process-steps::before { display: none; }\n .contact-inner { grid-template-columns: 1fr; gap: 40px; }\n nav .nav-links { display: none; }\n .hamburger { display: flex; }\n .nav-cta { display: none; }\n }\n\n @media (max-width: 600px) {\n section { padding: 60px 5%; }\n .services-grid { grid-template-columns: 1fr; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .process-steps { grid-template-columns: 1fr; }\n .form-row { grid-template-columns: 1fr; }\n .hero-stats { grid-template-columns: 1fr 1fr; }\n .trust-bar { gap: 14px; }\n .trust-item { font-size: 12px; }\n footer { flex-direction: column; text-align: center; }\n .about-mini-cards { grid-template-columns: 1fr 1fr; }\n .hero-left { padding: 28px 5% 32px 5%; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#\" class=\"nav-logo\">\n <svg viewBox=\"0 0 420 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"44\" aria-label=\"SPW Driveways and Landscapes\">\n <rect x=\"0\" y=\"8\" width=\"4\" height=\"64\" rx=\"2\" fill=\"#4a7c2f\"\/>\n <polygon points=\"28,18 46,9 64,18 64,38 46,47 28,38\" fill=\"#2e5c14\"\/>\n <path d=\"M35 43 L46 28 L57 43\" fill=\"none\" stroke=\"#6aab3f\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M33 33 C26 24 30 16 35 20 C37 22 35 29 33 33Z\" fill=\"#6aab3f\"\/>\n <path d=\"M59 33 C66 24 62 16 57 20 C55 22 57 29 59 33Z\" fill=\"#6aab3f\"\/>\n <text x=\"76\" y=\"58\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"52\" font-weight=\"800\" fill=\"#1c1c1c\" letter-spacing=\"2\">SPW<\/text>\n <line x1=\"210\" y1=\"14\" x2=\"210\" y2=\"66\" stroke=\"#d8d8d0\" stroke-width=\"1\"\/>\n <text x=\"222\" y=\"34\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#2e5c14\" letter-spacing=\"2\">DRIVEWAYS<\/text>\n <text x=\"222\" y=\"53\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#2e5c14\" letter-spacing=\"2\">& LANDSCAPES<\/text>\n <text x=\"222\" y=\"68\" font-family=\"'Lato', sans-serif\" font-size=\"9\" fill=\"#aaa\" font-weight=\"300\" letter-spacing=\"1.5\">25 YEARS EXPERIENCE<\/text>\n <\/svg>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#process\">How it works<\/a><\/li>\n <li><a href=\"#testimonials\">Reviews<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"nav-cta\">Free Quote<\/a><\/li>\n <\/ul>\n <div class=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#services\" onclick=\"toggleMenu()\">Services<\/a>\n <a href=\"#about\" onclick=\"toggleMenu()\">About<\/a>\n <a href=\"#process\" onclick=\"toggleMenu()\">How it works<\/a>\n <a href=\"#testimonials\" onclick=\"toggleMenu()\">Reviews<\/a>\n <a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" onclick=\"toggleMenu()\">Free Quote<\/a>\n<\/div>\n\n\n<section class=\"hero\" style=\"padding:0;\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\">25+ Years Experience<\/div>\n <h1>Driveways<br><em>& Landscapes<\/em><\/h1>\n <p class=\"hero-sub\">Professional driveways, landscaping, fencing, turfing and more. Trusted across Warrington and surrounding areas for over 25 years. Free no-obligation quotes.<\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"btn-primary\">Get a free quote<\/a>\n <a href=\"#services\" class=\"btn-outline\">Our services<\/a>\n <\/div>\n <div class=\"hero-phone\">\n <div class=\"hero-phone-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.47 12 19.79 19.79 0 01.36 3.38 2 2 0 012.34 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.91 9.4A16 16 0 0014.6 17.09l.77-.77a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"hero-phone-label\">Call us now \u2014 free quote<\/div>\n <a href=\"tel:07890102281\" class=\"hero-phone-number\">07890 102281<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-img-grid\">\n <div class=\"hero-img-placeholder\"><\/div>\n <div class=\"hero-img-placeholder\"><\/div>\n <\/div>\n <div class=\"hero-right-content\">\n <div class=\"hero-stats\">\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">25+<\/div><div class=\"hero-stat-label\">Years in business<\/div><\/div>\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">500+<\/div><div class=\"hero-stat-label\">Projects completed<\/div><\/div>\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">100%<\/div><div class=\"hero-stat-label\">Free quotes<\/div><\/div>\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">9<\/div><div class=\"hero-stat-label\">Services offered<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"trust-bar\">\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> Fully insured<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> Free no-obligation quotes<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> 25+ years experience<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> Local, trusted tradespeople<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> All work guaranteed<\/div>\n<\/div>\n\n\n<section id=\"services\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-label\">What we do<\/div>\n <h2 class=\"section-title\">Our Services<\/h2>\n <\/div>\n <p class=\"section-sub\">From new driveways to full garden transformations \u2014 we handle everything outdoors.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"14\" width=\"20\" height=\"6\" rx=\"1\"\/><path d=\"M4 14V8a2 2 0 012-2h12a2 2 0 012 2v6\"\/><path d=\"M8 8V6\"\/><path d=\"M16 8V6\"\/><\/svg><\/div>\n <div class=\"service-name\">Driveways<\/div>\n <div class=\"service-desc\">Block paving, tarmac, gravel and more. We design and install driveways built to last.<\/div>\n <div class=\"service-tag\">Most popular \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a9 9 0 019 9c0 3.5-2 6.5-5 8.5L12 22l-4-2.5C5 17.5 3 14.5 3 11a9 9 0 019-9z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg><\/div>\n <div class=\"service-name\">Resin Driveways<\/div>\n <div class=\"service-desc\">UV-stable, SuDS-compliant resin bound surfaces. Smooth, attractive and low maintenance.<\/div>\n <div class=\"service-tag\">Trending \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"19\" width=\"20\" height=\"2\" rx=\"1\"\/><path d=\"M4 19V9l8-6 8 6v10\"\/><path d=\"M9 19v-6h6v6\"\/><\/svg><\/div>\n <div class=\"service-name\">Landscaping<\/div>\n <div class=\"service-desc\">Full garden design and landscaping \u2014 patios, planting schemes, water features and more.<\/div>\n <div class=\"service-tag\">View examples \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 3v18M19 3v18M5 8h14M5 16h14\"\/><\/svg><\/div>\n <div class=\"service-name\">Fencing<\/div>\n <div class=\"service-desc\">All fence types installed \u2014 panel, close board, post and rail, garden gates and more.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"19\" rx=\"10\" ry=\"3\"\/><path d=\"M12 19V5\"\/><path d=\"M5 8c3-2 9-2 14 0\"\/><path d=\"M3 12c3-2 11-2 18 0\"\/><\/svg><\/div>\n <div class=\"service-name\">Turf & Grass<\/div>\n <div class=\"service-desc\">New lawn turf laying and artificial grass installation. Lush results all year round.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h18M3 6h18M3 18h12\"\/><circle cx=\"18\" cy=\"18\" r=\"3\"\/><path d=\"M18 15v6\"\/><\/svg><\/div>\n <div class=\"service-name\">Flagging<\/div>\n <div class=\"service-desc\">Indian stone, porcelain, concrete flags. Patios, paths and outdoor entertaining areas.<\/div>\n <div class=\"service-tag\">View gallery \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 4v16M3 9h18M3 15h18\"\/><\/svg><\/div>\n <div class=\"service-name\">Garden Walls<\/div>\n <div class=\"service-desc\">Brick, stone and block retaining and decorative walls built to a high standard.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22V8M5 12H2a10 10 0 0020 0h-3\"\/><path d=\"M5 12V8a7 7 0 0114 0v4\"\/><\/svg><\/div>\n <div class=\"service-name\">Drainage<\/div>\n <div class=\"service-desc\">Channel and soakaway drainage solutions. Solve water runoff and flooding problems for good.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 8V6a5 5 0 0110 0v2\"\/><circle cx=\"12\" cy=\"14\" r=\"2\"\/><\/svg><\/div>\n <div class=\"service-name\">Machine Hire<\/div>\n <div class=\"service-desc\">Mini digger and plant machinery hire available. Operated or self-drive options.<\/div>\n <div class=\"service-tag\">Call for rates \u2192<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"about-visual fade-in\">\n <div class=\"about-card-big\">\n <div class=\"about-years\">25+<\/div>\n <div class=\"about-years-label\">Years of experience in driveways & landscaping<\/div>\n <div class=\"about-mini-cards\">\n <div class=\"about-mini\"><div class=\"about-mini-num\">500+<\/div><div class=\"about-mini-text\">Projects completed<\/div><\/div>\n <div class=\"about-mini\"><div class=\"about-mini-num\">9<\/div><div class=\"about-mini-text\">Services offered<\/div><\/div>\n <div class=\"about-mini\"><div class=\"about-mini-num\">100%<\/div><div class=\"about-mini-text\">Free quotes<\/div><\/div>\n <div class=\"about-mini\"><div class=\"about-mini-num\">5\u2605<\/div><div class=\"about-mini-text\">Customer rated<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-content fade-in\">\n <div class=\"section-label\">Why choose SPW<\/div>\n <h2 class=\"section-title\">Built on trust & quality<\/h2>\n <p class=\"section-sub\">We’re a local, family-run team with over 25 years transforming outdoor spaces across Warrington and Cheshire. No subcontractors. No shortcuts.<\/p>\n <div class=\"about-list\">\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>25+ years’ proven experience<\/h4><p>We’ve been transforming driveways and gardens since the late 1990s. Our reputation is built on word of mouth and repeat customers.<\/p><\/div>\n <\/div>\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>Fully insured & professional<\/h4><p>All our work is fully insured. You get a reliable, professional service from start to finish \u2014 no nasty surprises.<\/p><\/div>\n <\/div>\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>Free, no-obligation quotes<\/h4><p>We visit your property, assess the job, and give you a clear, honest quote. No pressure, no hidden fees.<\/p><\/div>\n <\/div>\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>Quality materials, lasting results<\/h4><p>We only use quality materials and proven installation methods. Every job is finished to the highest standard.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"process\">\n <div style=\"text-align:center;\">\n <div class=\"section-label\" style=\"display:flex;justify-content:center;\">How it works<\/div>\n <h2 class=\"section-title\">Simple process, great results<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto;\">Getting your project started is easy. Here’s what to expect from first contact to finished job.<\/p>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"process-step fade-in\"><div class=\"process-num\">1<\/div><div class=\"process-title\">Get in touch<\/div><div class=\"process-desc\">Call us or fill in the quote form. Tell us about your project \u2014 no detail too small.<\/div><\/div>\n <div class=\"process-step fade-in\"><div class=\"process-num\">2<\/div><div class=\"process-title\">Free site visit<\/div><div class=\"process-desc\">We visit your property, measure up and discuss exactly what you need.<\/div><\/div>\n <div class=\"process-step fade-in\"><div class=\"process-num\">3<\/div><div class=\"process-title\">Clear quote<\/div><div class=\"process-desc\">You receive a written quote with no hidden extras. No pressure to accept.<\/div><\/div>\n <div class=\"process-step fade-in\"><div class=\"process-num\">4<\/div><div class=\"process-title\">Job done<\/div><div class=\"process-desc\">We complete the work to a high standard, leaving your property clean and tidy.<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\">\n <div class=\"testimonials-header\">\n <div class=\"section-label\">What customers say<\/div>\n <h2 class=\"section-title\">Five-star reviews<\/h2>\n <\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Absolutely top job on our new tarmac driveway in Latchford. The team were professional, dead tidy and finished ahead of schedule. The neighbours have all been dead impressed. Couldn’t be happier \u2014 cheers lads!”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">JT<\/div><div><div class=\"author-name\">James T.<\/div><div class=\"author-location\">Latchford, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Had SPW lay a new resin driveway at our home in Stockton Heath. The lads were dead professional, turned up on time every day and the finish is absolutely spot on. Already had three neighbours asking for their number!”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">DT<\/div><div><div class=\"author-name\">Dave T.<\/div><div class=\"author-location\">Stockton Heath, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Brilliant job on our back garden in Appleton. New patio, turf and a garden wall \u2014 completely transformed. Fair price, no messing about and they left the place spotless. Can’t recommend them highly enough.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">KW<\/div><div><div class=\"author-name\">Karen W.<\/div><div class=\"author-location\">Appleton, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Used SPW for block paving and new fencing on our Warrington property. Got three quotes and they were the best value by a mile \u2014 and the quality is top notch. Dead chuffed with how it’s come out. Will definitely be using them again.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">MO<\/div><div><div class=\"author-name\">Mike O.<\/div><div class=\"author-location\">Warrington, Cheshire<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Got SPW in to do our front garden and driveway in Great Sankey. From the quote to the last day on site, everything was spot on. Proper hard workers, no corners cut and a really fair price. Wouldn’t go anywhere else.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">TP<\/div><div><div class=\"author-name\">Tracy P.<\/div><div class=\"author-location\">Great Sankey, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Needed new turf and artificial grass mixing in our back garden in Penketh \u2014 SPW did a fantastic job. Turned up when they said they would, which makes a change! Really pleased with the result, looks brilliant.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">RB<\/div><div><div class=\"author-name\">Rob B.<\/div><div class=\"author-location\">Penketh, Warrington<\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"contact-inner\">\n <div class=\"contact-left\">\n <div class=\"section-label\">Get in touch<\/div>\n <h2 class=\"section-title\">Get your free quote today<\/h2>\n <p class=\"section-sub\">No obligation. We’ll visit your property, assess the job and give you a clear, competitive price. Call us or message us on WhatsApp.<\/p>\n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.47 12 19.79 19.79 0 01.36 3.38 2 2 0 012.34 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.91 9.4A16 16 0 0014.6 17.09l.77-.77a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n <div><div class=\"contact-item-label\">Phone<\/div><a href=\"tel:07890102281\" class=\"contact-item-value\">07890 102281<\/a><\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.6)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/div>\n <div><div class=\"contact-item-label\">WhatsApp<\/div><a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"contact-item-value\">Message us on WhatsApp<\/a><\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2a8 8 0 00-8 8c0 5.4 7.05 11.5 7.35 11.76a1 1 0 001.3 0C13 21.5 20 15.4 20 10a8 8 0 00-8-8z\"\/><\/svg><\/div>\n <div><div class=\"contact-item-label\">Service area<\/div><span class=\"contact-item-value\" style=\"cursor:default;\">Warrington, Stockton Heath, Appleton & surrounding areas<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form fade-in\">\n <h3>Request a free quote<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>First name<\/label><input type=\"text\" id=\"f-firstname\" placeholder=\"John\"><\/div>\n <div class=\"form-group\"><label>Last name<\/label><input type=\"text\" id=\"f-lastname\" placeholder=\"Smith\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Phone number<\/label><input type=\"tel\" id=\"f-phone\" placeholder=\"07700 000000\"><\/div>\n <div class=\"form-group\"><label>Email address<\/label><input type=\"email\" id=\"f-email\" placeholder=\"john@email.com\"><\/div>\n <div class=\"form-group\">\n <label>Service required<\/label>\n <select id=\"f-service\">\n <option value=\"\" disabled selected>Select a service…<\/option>\n <option>Driveway<\/option>\n <option>Resin Driveway<\/option>\n <option>Landscaping<\/option>\n <option>Fencing<\/option>\n <option>Turf \/ Artificial Grass<\/option>\n <option>Flagging \/ Patio<\/option>\n <option>Garden Wall<\/option>\n <option>Drainage<\/option>\n <option>Machine Hire<\/option>\n <option>Other \/ Multiple<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label>Tell us about your project<\/label><textarea id=\"f-message\" placeholder=\"Describe your project, any specific requirements, and your approximate budget...\"><\/textarea><\/div>\n <button class=\"form-submit\" onclick=\"sendToWhatsApp()\">Send via WhatsApp<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n\n<a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"whatsapp-float\" aria-label=\"Chat on WhatsApp\">\n <div class=\"whatsapp-pulse\"><\/div>\n <svg viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n <\/svg>\n<\/a>\n\n\n<footer>\n <div class=\"footer-logo\">\n <svg viewBox=\"0 0 420 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"38\" aria-label=\"SPW Driveways and Landscapes\">\n <rect x=\"0\" y=\"8\" width=\"4\" height=\"64\" rx=\"2\" fill=\"#4a7c2f\"\/>\n <polygon points=\"28,18 46,9 64,18 64,38 46,47 28,38\" fill=\"#2e5c14\"\/>\n <path d=\"M35 43 L46 28 L57 43\" fill=\"none\" stroke=\"#6aab3f\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M33 33 C26 24 30 16 35 20 C37 22 35 29 33 33Z\" fill=\"#6aab3f\"\/>\n <path d=\"M59 33 C66 24 62 16 57 20 C55 22 57 29 59 33Z\" fill=\"#6aab3f\"\/>\n <text x=\"76\" y=\"58\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"52\" font-weight=\"800\" fill=\"#ffffff\" letter-spacing=\"2\">SPW<\/text>\n <line x1=\"210\" y1=\"14\" x2=\"210\" y2=\"66\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"1\"\/>\n <text x=\"222\" y=\"34\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#6aab3f\" letter-spacing=\"2\">DRIVEWAYS<\/text>\n <text x=\"222\" y=\"53\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#6aab3f\" letter-spacing=\"2\">& LANDSCAPES<\/text>\n <text x=\"222\" y=\"68\" font-family=\"'Lato', sans-serif\" font-size=\"9\" fill=\"rgba(255,255,255,0.3)\" font-weight=\"300\" letter-spacing=\"1.5\">25 YEARS EXPERIENCE<\/text>\n <\/svg>\n <\/div>\n <div class=\"footer-copy\">\u00a9 2025 SPW Landscaping. All rights reserved. Serving Warrington, Stockton Heath, Appleton & surrounding areas.<\/div>\n<\/footer>\n\n<script>\n function sendToWhatsApp() {\n const first = document.getElementById('f-firstname').value.trim();\n const last = document.getElementById('f-lastname').value.trim();\n const phone = document.getElementById('f-phone').value.trim();\n const email = document.getElementById('f-email').value.trim();\n const service = document.getElementById('f-service').value;\n const message = document.getElementById('f-message').value.trim();\n\n if (!first && !phone) {\n alert('Please enter at least your name and phone number so we can get back to you.');\n return;\n }\n\n const name = [first, last].filter(Boolean).join(' ');\n let text = \"Hi SPW, I'd like a free quote please.\\n\\n\";\n if (name) text += \"*Name:* \" + name + \"\\n\";\n if (phone) text += \"*Phone:* \" + phone + \"\\n\";\n if (email) text += \"*Email:* \" + email + \"\\n\";\n if (service) text += \"*Service:* \" + service + \"\\n\";\n if (message) text += \"\\n*Project details:*\\n\" + message;\n\n window.open('https:\/\/wa.me\/447890102281?text=' + encodeURIComponent(text), '_blank');\n }\n\n function toggleMenu() {\n document.getElementById('mobileMenu').classList.toggle('open');\n }\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const id = a.getAttribute('href');\n if (id === '#') return;\n const el = document.querySelector(id);\n if (el) {\n e.preventDefault();\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n document.getElementById('mobileMenu').classList.remove('open');\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SPW Landscaping | Driveways & Landscapes Warrington SPW DRIVEWAYS & LANDSCAPES 25 YEARS EXPERIENCE Services About How it works Reviews Free Quote Services About How it works Reviews Free Quote 25+ Years Experience Driveways& Landscapes Professional driveways, landscaping, fencing, turfing and more. Trusted across Warrington and surrounding areas for over 25 years. Free no-obligation quotes. … <a title=\"\" class=\"read-more\" href=\"https:\/\/spwlandscaping.co.uk\/\" aria-label=\"Read more about \">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":0,"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-04-20T08:32:55","date_gmt":"2026-04-20T08:32:55","guid":{"rendered":"https:\/\/spwlandscaping.wpenginepowered.com\/?page_id=6"},"modified":"2026-04-20T09:44:57","modified_gmt":"2026-04-20T09:44:57","slug":"6-2","status":"publish","type":"page","link":"https:\/\/spwlandscaping.co.uk\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nSPW Landscaping | Driveways & Landscapes Warrington<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green-dark: #2e5c14;\n --green-mid: #4a7c2f;\n --green-bright: #6aab3f;\n --green-light: #e8f2de;\n --green-xlight: #f4f8ef;\n --charcoal: #1c1c1c;\n --slate: #3a3a3a;\n --mid: #666;\n --pale: #999;\n --border: #e0e0da;\n --white: #fff;\n --off-white: #f9f8f5;\n --radius: 8px;\n --radius-lg: 14px;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Lato', sans-serif;\n font-weight: 400;\n color: var(--charcoal);\n background: var(--white);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: 'Barlow Condensed', sans-serif;\n letter-spacing: 0.02em;\n }\n\n \/* NAV *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(255,255,255,0.97);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border);\n padding: 0 5%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n }\n\n .nav-logo {\n text-decoration: none;\n display: flex;\n align-items: center;\n height: 44px;\n flex-shrink: 0;\n }\n\n .nav-logo svg { height: 44px; width: auto; }\n\n .nav-links { display: flex; gap: 32px; list-style: none; }\n\n .nav-links a {\n text-decoration: none;\n font-size: 14px;\n font-weight: 700;\n color: var(--slate);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n transition: color 0.2s;\n }\n\n .nav-links a:hover { color: var(--green-mid); }\n\n .nav-cta {\n background: var(--green-mid) !important;\n color: white !important;\n padding: 9px 20px;\n border-radius: var(--radius);\n transition: background 0.2s !important;\n }\n\n .nav-cta:hover { background: var(--green-dark) !important; }\n\n .hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 4px;\n }\n\n .hamburger span {\n width: 24px; height: 2px;\n background: var(--charcoal);\n border-radius: 2px;\n display: block;\n }\n\n .mobile-menu {\n display: none;\n position: fixed;\n top: 64px; left: 0; right: 0;\n background: white;\n border-bottom: 1px solid var(--border);\n padding: 20px 5%;\n z-index: 99;\n flex-direction: column;\n gap: 0;\n }\n\n .mobile-menu.open { display: flex; }\n\n .mobile-menu a {\n text-decoration: none;\n font-size: 16px;\n font-weight: 700;\n color: var(--slate);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 12px 0;\n border-bottom: 1px solid var(--border);\n }\n\n \/* HERO *\/\n .hero {\n margin-top: 64px;\n min-height: calc(100vh - 64px);\n display: grid;\n grid-template-columns: 1fr 1fr;\n position: relative;\n overflow: hidden;\n }\n\n .hero-left {\n padding: 60px 5% 60px 7%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background: var(--off-white);\n position: relative;\n }\n\n .hero-left::after {\n content: '';\n position: absolute;\n right: -40px; top: 0; bottom: 0;\n width: 80px;\n background: var(--off-white);\n clip-path: polygon(0 0, 0 100%, 100% 100%);\n z-index: 2;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--green-light);\n color: var(--green-dark);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 5px 14px;\n border-radius: 20px;\n margin-bottom: 22px;\n width: fit-content;\n }\n\n .hero-badge::before {\n content: '';\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--green-bright);\n }\n\n .hero h1 {\n font-size: clamp(48px, 6vw, 82px);\n font-weight: 800;\n line-height: 0.95;\n color: var(--charcoal);\n margin-bottom: 20px;\n text-transform: uppercase;\n }\n\n .hero h1 em {\n font-style: normal;\n color: var(--green-mid);\n display: block;\n }\n\n .hero-sub {\n font-size: 16px;\n color: var(--mid);\n max-width: 440px;\n margin-bottom: 36px;\n line-height: 1.7;\n font-weight: 300;\n }\n\n .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }\n\n .btn-primary {\n background: var(--green-mid);\n color: white;\n padding: 14px 28px;\n border-radius: var(--radius);\n font-size: 15px;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: background 0.2s, transform 0.15s;\n display: inline-block;\n }\n\n .btn-primary:hover { background: var(--green-dark); transform: translateY(-1px); }\n\n .btn-outline {\n background: transparent;\n color: var(--charcoal);\n padding: 13px 28px;\n border-radius: var(--radius);\n font-size: 15px;\n font-weight: 700;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border: 2px solid var(--border);\n transition: border-color 0.2s, color 0.2s;\n display: inline-block;\n }\n\n .btn-outline:hover { border-color: var(--green-mid); color: var(--green-mid); }\n\n .hero-phone {\n margin-top: 36px;\n padding-top: 28px;\n border-top: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .hero-phone-icon {\n width: 44px; height: 44px;\n border-radius: 50%;\n background: var(--green-light);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .hero-phone-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--pale);\n }\n\n .hero-phone-number {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 26px;\n font-weight: 700;\n color: var(--charcoal);\n letter-spacing: 1px;\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .hero-phone-number:hover { color: var(--green-mid); }\n\n .hero-right {\n position: relative;\n overflow: hidden;\n background: linear-gradient(160deg, #2d5a10 0%, #1a3608 100%);\n }\n\n .hero-img-grid {\n position: absolute; inset: 0;\n display: grid;\n grid-template-rows: 1fr 1fr;\n gap: 4px;\n opacity: 0.55;\n }\n\n .hero-img-placeholder:nth-child(1) { background: linear-gradient(135deg, #3a6b1a 0%, #254a0e 100%); }\n .hero-img-placeholder:nth-child(2) { background: linear-gradient(135deg, #1e4209 0%, #2e5c14 100%); }\n\n .hero-right-content {\n position: absolute; inset: 0;\n display: flex;\n align-items: flex-end;\n padding: 40px;\n }\n\n .hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; }\n\n .hero-stat {\n background: rgba(255,255,255,0.12);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(255,255,255,0.18);\n border-radius: var(--radius-lg);\n padding: 16px 18px;\n }\n\n .hero-stat-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 34px;\n font-weight: 800;\n color: white;\n line-height: 1;\n margin-bottom: 4px;\n }\n\n .hero-stat-label { font-size: 12px; color: rgba(255,255,255,0.7); font-weight: 300; }\n\n \/* TRUST BAR *\/\n .trust-bar {\n background: var(--charcoal);\n padding: 18px 5%;\n display: flex;\n justify-content: center;\n gap: clamp(20px, 4vw, 60px);\n flex-wrap: wrap;\n }\n\n .trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n color: rgba(255,255,255,0.8);\n font-size: 13px;\n font-weight: 700;\n }\n\n .trust-icon { color: var(--green-bright); }\n\n \/* SECTIONS *\/\n section { padding: 80px 5%; }\n\n .section-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--green-mid);\n margin-bottom: 10px;\n }\n\n .section-title {\n font-size: clamp(36px, 5vw, 56px);\n font-weight: 800;\n line-height: 1.05;\n color: var(--charcoal);\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .section-sub {\n font-size: 16px;\n color: var(--mid);\n max-width: 520px;\n line-height: 1.7;\n font-weight: 300;\n }\n\n \/* SERVICES *\/\n #services { background: var(--off-white); }\n\n .services-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 48px;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n gap: 16px;\n }\n\n .service-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 28px 24px;\n transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n }\n\n .service-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n border-color: var(--green-bright);\n }\n\n .service-icon {\n width: 48px; height: 48px;\n border-radius: var(--radius);\n background: var(--green-light);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .service-icon svg { width: 24px; height: 24px; }\n .service-name { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 700; color: var(--charcoal); text-transform: uppercase; margin-bottom: 6px; }\n .service-desc { font-size: 14px; color: var(--mid); line-height: 1.6; }\n .service-tag { display: inline-block; margin-top: 14px; font-size: 11px; font-weight: 700; color: var(--green-mid); text-transform: uppercase; }\n\n \/* ABOUT *\/\n #about { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n\n .about-card-big {\n background: var(--green-dark);\n border-radius: var(--radius-lg);\n padding: 40px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .about-card-big::before {\n content: 'SPW';\n position: absolute;\n right: -10px; bottom: -20px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 120px;\n font-weight: 800;\n color: rgba(255,255,255,0.05);\n pointer-events: none;\n }\n\n .about-years { font-family: 'Barlow Condensed', sans-serif; font-size: 96px; font-weight: 800; line-height: 0.9; color: var(--green-bright); }\n .about-years-label { font-size: 16px; color: rgba(255,255,255,0.7); margin-top: 8px; font-weight: 300; }\n\n .about-mini-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }\n\n .about-mini {\n background: rgba(255,255,255,0.1);\n border-radius: var(--radius);\n padding: 14px;\n border: 1px solid rgba(255,255,255,0.12);\n }\n\n .about-mini-num { font-family: 'Barlow Condensed', sans-serif; font-size: 28px; font-weight: 700; color: white; }\n .about-mini-text { font-size: 12px; color: rgba(255,255,255,0.6); margin-top: 2px; }\n\n .about-list { margin-top: 32px; display: flex; flex-direction: column; gap: 18px; }\n .about-item { display: flex; gap: 16px; align-items: flex-start; }\n\n .about-item-icon {\n width: 36px; height: 36px;\n border-radius: var(--radius);\n background: var(--green-light);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; margin-top: 2px;\n }\n\n .about-item h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; color: var(--charcoal); margin-bottom: 4px; }\n .about-item p { font-size: 14px; color: var(--mid); line-height: 1.6; }\n\n \/* PROCESS *\/\n #process { background: var(--off-white); }\n\n .process-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 48px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n top: 28px; left: 10%; right: 10%;\n height: 2px;\n background: var(--border);\n z-index: 0;\n }\n\n .process-step { position: relative; z-index: 1; text-align: center; padding: 0 10px; }\n\n .process-num {\n width: 56px; height: 56px;\n border-radius: 50%;\n background: var(--white);\n border: 2px solid var(--green-mid);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 16px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 22px; font-weight: 800;\n color: var(--green-mid);\n }\n\n .process-step:nth-child(2) .process-num,\n .process-step:nth-child(3) .process-num { background: var(--green-light); }\n\n .process-step:last-child .process-num { background: var(--green-mid); color: white; border-color: var(--green-mid); }\n\n .process-title { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; color: var(--charcoal); margin-bottom: 8px; }\n .process-desc { font-size: 13px; color: var(--mid); line-height: 1.6; }\n\n \/* TESTIMONIALS *\/\n .testimonials-header { margin-bottom: 48px; }\n\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n\n .testimonial-card {\n background: var(--off-white);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 28px 24px;\n }\n\n .stars { color: #f5a623; font-size: 14px; letter-spacing: 2px; margin-bottom: 14px; }\n\n .testimonial-text {\n font-size: 15px; color: var(--slate);\n line-height: 1.7; margin-bottom: 20px;\n font-style: italic; font-weight: 300;\n }\n\n .testimonial-author { display: flex; align-items: center; gap: 12px; }\n\n .author-avatar {\n width: 38px; height: 38px;\n border-radius: 50%;\n background: var(--green-dark);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700; font-size: 15px;\n color: white; flex-shrink: 0;\n }\n\n .author-name { font-size: 14px; font-weight: 700; color: var(--charcoal); }\n .author-location { font-size: 12px; color: var(--pale); }\n\n \/* CONTACT *\/\n #contact { background: var(--charcoal); color: white; }\n\n .contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n\n .contact-left .section-label { color: var(--green-bright); }\n .contact-left .section-title { color: white; }\n .contact-left .section-sub { color: rgba(255,255,255,0.6); max-width: 100%; }\n\n .contact-details { margin-top: 36px; display: flex; flex-direction: column; gap: 20px; }\n .contact-item { display: flex; align-items: center; gap: 14px; }\n\n .contact-item-icon {\n width: 44px; height: 44px;\n border-radius: var(--radius);\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.1);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n }\n\n .contact-item-label { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 2px; }\n .contact-item-value { font-size: 16px; font-weight: 700; color: white; text-decoration: none; transition: color 0.2s; }\n .contact-item-value:hover { color: var(--green-bright); }\n\n .contact-form {\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius-lg);\n padding: 36px;\n }\n\n .contact-form h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 700; text-transform: uppercase; color: white; margin-bottom: 24px; }\n\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n .form-group { margin-bottom: 14px; }\n\n .form-group label { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 6px; }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: var(--radius);\n padding: 12px 14px;\n font-family: 'Lato', sans-serif;\n font-size: 15px; color: white;\n outline: none;\n transition: border-color 0.2s;\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder { color: rgba(255,255,255,0.25); }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus { border-color: var(--green-bright); background: rgba(255,255,255,0.1); }\n\n .form-group select option { background: #333; color: white; }\n .form-group textarea { resize: vertical; min-height: 100px; }\n\n .form-submit {\n width: 100%;\n background: var(--green-mid);\n color: white;\n padding: 14px;\n border-radius: var(--radius);\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700;\n letter-spacing: 1px; text-transform: uppercase;\n border: none; cursor: pointer;\n transition: background 0.2s;\n margin-top: 8px;\n }\n\n .form-submit:hover { background: var(--green-bright); }\n\n \/* FOOTER *\/\n footer {\n background: #111;\n padding: 28px 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 14px;\n }\n\n .footer-logo { display: flex; align-items: center; }\n .footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); }\n\n \/* WHATSAPP *\/\n .whatsapp-float {\n position: fixed;\n bottom: 28px; right: 28px;\n z-index: 999;\n width: 58px; height: 58px;\n background: #25D366;\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 4px 16px rgba(37,211,102,0.4);\n text-decoration: none;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .whatsapp-float:hover { transform: scale(1.08); box-shadow: 0 6px 24px rgba(37,211,102,0.5); }\n .whatsapp-float svg { width: 30px; height: 30px; }\n\n .whatsapp-pulse {\n position: absolute;\n top: -3px; right: -3px;\n width: 14px; height: 14px;\n background: #ff4757;\n border-radius: 50%;\n border: 2px solid white;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.3); opacity: 0.7; }\n 100% { transform: scale(1); opacity: 1; }\n }\n\n \/* ANIMATIONS *\/\n .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }\n .fade-in.visible { opacity: 1; transform: none; }\n\n \/* RESPONSIVE *\/\n @media (max-width: 900px) {\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-left::after { display: none; }\n .hero-left { padding: 32px 5% 36px 5%; }\n .hero-right { height: 260px; }\n #about { grid-template-columns: 1fr; gap: 40px; }\n .process-steps { grid-template-columns: 1fr 1fr; }\n .process-steps::before { display: none; }\n .contact-inner { grid-template-columns: 1fr; gap: 40px; }\n nav .nav-links { display: none; }\n .hamburger { display: flex; }\n .nav-cta { display: none; }\n }\n\n @media (max-width: 600px) {\n section { padding: 60px 5%; }\n .services-grid { grid-template-columns: 1fr; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .process-steps { grid-template-columns: 1fr; }\n .form-row { grid-template-columns: 1fr; }\n .hero-stats { grid-template-columns: 1fr 1fr; }\n .trust-bar { gap: 14px; }\n .trust-item { font-size: 12px; }\n footer { flex-direction: column; text-align: center; }\n .about-mini-cards { grid-template-columns: 1fr 1fr; }\n .hero-left { padding: 28px 5% 32px 5%; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#\" class=\"nav-logo\">\n <svg viewBox=\"0 0 420 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"44\" aria-label=\"SPW Driveways and Landscapes\">\n <rect x=\"0\" y=\"8\" width=\"4\" height=\"64\" rx=\"2\" fill=\"#4a7c2f\"\/>\n <polygon points=\"28,18 46,9 64,18 64,38 46,47 28,38\" fill=\"#2e5c14\"\/>\n <path d=\"M35 43 L46 28 L57 43\" fill=\"none\" stroke=\"#6aab3f\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M33 33 C26 24 30 16 35 20 C37 22 35 29 33 33Z\" fill=\"#6aab3f\"\/>\n <path d=\"M59 33 C66 24 62 16 57 20 C55 22 57 29 59 33Z\" fill=\"#6aab3f\"\/>\n <text x=\"76\" y=\"58\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"52\" font-weight=\"800\" fill=\"#1c1c1c\" letter-spacing=\"2\">SPW<\/text>\n <line x1=\"210\" y1=\"14\" x2=\"210\" y2=\"66\" stroke=\"#d8d8d0\" stroke-width=\"1\"\/>\n <text x=\"222\" y=\"34\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#2e5c14\" letter-spacing=\"2\">DRIVEWAYS<\/text>\n <text x=\"222\" y=\"53\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#2e5c14\" letter-spacing=\"2\">& LANDSCAPES<\/text>\n <text x=\"222\" y=\"68\" font-family=\"'Lato', sans-serif\" font-size=\"9\" fill=\"#aaa\" font-weight=\"300\" letter-spacing=\"1.5\">25 YEARS EXPERIENCE<\/text>\n <\/svg>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#process\">How it works<\/a><\/li>\n <li><a href=\"#testimonials\">Reviews<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"nav-cta\">Free Quote<\/a><\/li>\n <\/ul>\n <div class=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#services\" onclick=\"toggleMenu()\">Services<\/a>\n <a href=\"#about\" onclick=\"toggleMenu()\">About<\/a>\n <a href=\"#process\" onclick=\"toggleMenu()\">How it works<\/a>\n <a href=\"#testimonials\" onclick=\"toggleMenu()\">Reviews<\/a>\n <a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" onclick=\"toggleMenu()\">Free Quote<\/a>\n<\/div>\n\n\n<section class=\"hero\" style=\"padding:0;\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\">25+ Years Experience<\/div>\n <h1>Driveways<br><em>& Landscapes<\/em><\/h1>\n <p class=\"hero-sub\">Professional driveways, landscaping, fencing, turfing and more. Trusted across Warrington and surrounding areas for over 25 years. Free no-obligation quotes.<\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"btn-primary\">Get a free quote<\/a>\n <a href=\"#services\" class=\"btn-outline\">Our services<\/a>\n <\/div>\n <div class=\"hero-phone\">\n <div class=\"hero-phone-icon\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.47 12 19.79 19.79 0 01.36 3.38 2 2 0 012.34 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.91 9.4A16 16 0 0014.6 17.09l.77-.77a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"hero-phone-label\">Call us now \u2014 free quote<\/div>\n <a href=\"tel:07890102281\" class=\"hero-phone-number\">07890 102281<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hero-right\">\n <div class=\"hero-img-grid\">\n <div class=\"hero-img-placeholder\"><\/div>\n <div class=\"hero-img-placeholder\"><\/div>\n <\/div>\n <div class=\"hero-right-content\">\n <div class=\"hero-stats\">\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">25+<\/div><div class=\"hero-stat-label\">Years in business<\/div><\/div>\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">500+<\/div><div class=\"hero-stat-label\">Projects completed<\/div><\/div>\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">100%<\/div><div class=\"hero-stat-label\">Free quotes<\/div><\/div>\n <div class=\"hero-stat\"><div class=\"hero-stat-num\">9<\/div><div class=\"hero-stat-label\">Services offered<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"trust-bar\">\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> Fully insured<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> Free no-obligation quotes<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> 25+ years experience<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> Local, trusted tradespeople<\/div>\n <div class=\"trust-item\"><span class=\"trust-icon\">\u2713<\/span> All work guaranteed<\/div>\n<\/div>\n\n\n<section id=\"services\">\n <div class=\"services-header\">\n <div>\n <div class=\"section-label\">What we do<\/div>\n <h2 class=\"section-title\">Our Services<\/h2>\n <\/div>\n <p class=\"section-sub\">From new driveways to full garden transformations \u2014 we handle everything outdoors.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"14\" width=\"20\" height=\"6\" rx=\"1\"\/><path d=\"M4 14V8a2 2 0 012-2h12a2 2 0 012 2v6\"\/><path d=\"M8 8V6\"\/><path d=\"M16 8V6\"\/><\/svg><\/div>\n <div class=\"service-name\">Driveways<\/div>\n <div class=\"service-desc\">Block paving, tarmac, gravel and more. We design and install driveways built to last.<\/div>\n <div class=\"service-tag\">Most popular \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a9 9 0 019 9c0 3.5-2 6.5-5 8.5L12 22l-4-2.5C5 17.5 3 14.5 3 11a9 9 0 019-9z\"\/><circle cx=\"12\" cy=\"11\" r=\"3\"\/><\/svg><\/div>\n <div class=\"service-name\">Resin Driveways<\/div>\n <div class=\"service-desc\">UV-stable, SuDS-compliant resin bound surfaces. Smooth, attractive and low maintenance.<\/div>\n <div class=\"service-tag\">Trending \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"19\" width=\"20\" height=\"2\" rx=\"1\"\/><path d=\"M4 19V9l8-6 8 6v10\"\/><path d=\"M9 19v-6h6v6\"\/><\/svg><\/div>\n <div class=\"service-name\">Landscaping<\/div>\n <div class=\"service-desc\">Full garden design and landscaping \u2014 patios, planting schemes, water features and more.<\/div>\n <div class=\"service-tag\">View examples \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 3v18M19 3v18M5 8h14M5 16h14\"\/><\/svg><\/div>\n <div class=\"service-name\">Fencing<\/div>\n <div class=\"service-desc\">All fence types installed \u2014 panel, close board, post and rail, garden gates and more.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"19\" rx=\"10\" ry=\"3\"\/><path d=\"M12 19V5\"\/><path d=\"M5 8c3-2 9-2 14 0\"\/><path d=\"M3 12c3-2 11-2 18 0\"\/><\/svg><\/div>\n <div class=\"service-name\">Turf & Grass<\/div>\n <div class=\"service-desc\">New lawn turf laying and artificial grass installation. Lush results all year round.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h18M3 6h18M3 18h12\"\/><circle cx=\"18\" cy=\"18\" r=\"3\"\/><path d=\"M18 15v6\"\/><\/svg><\/div>\n <div class=\"service-name\">Flagging<\/div>\n <div class=\"service-desc\">Indian stone, porcelain, concrete flags. Patios, paths and outdoor entertaining areas.<\/div>\n <div class=\"service-tag\">View gallery \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 4v16M3 9h18M3 15h18\"\/><\/svg><\/div>\n <div class=\"service-name\">Garden Walls<\/div>\n <div class=\"service-desc\">Brick, stone and block retaining and decorative walls built to a high standard.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22V8M5 12H2a10 10 0 0020 0h-3\"\/><path d=\"M5 12V8a7 7 0 0114 0v4\"\/><\/svg><\/div>\n <div class=\"service-name\">Drainage<\/div>\n <div class=\"service-desc\">Channel and soakaway drainage solutions. Solve water runoff and flooding problems for good.<\/div>\n <div class=\"service-tag\">Free quote \u2192<\/div>\n <\/div>\n <div class=\"service-card fade-in\">\n <div class=\"service-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 8V6a5 5 0 0110 0v2\"\/><circle cx=\"12\" cy=\"14\" r=\"2\"\/><\/svg><\/div>\n <div class=\"service-name\">Machine Hire<\/div>\n <div class=\"service-desc\">Mini digger and plant machinery hire available. Operated or self-drive options.<\/div>\n <div class=\"service-tag\">Call for rates \u2192<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"about-visual fade-in\">\n <div class=\"about-card-big\">\n <div class=\"about-years\">25+<\/div>\n <div class=\"about-years-label\">Years of experience in driveways & landscaping<\/div>\n <div class=\"about-mini-cards\">\n <div class=\"about-mini\"><div class=\"about-mini-num\">500+<\/div><div class=\"about-mini-text\">Projects completed<\/div><\/div>\n <div class=\"about-mini\"><div class=\"about-mini-num\">9<\/div><div class=\"about-mini-text\">Services offered<\/div><\/div>\n <div class=\"about-mini\"><div class=\"about-mini-num\">100%<\/div><div class=\"about-mini-text\">Free quotes<\/div><\/div>\n <div class=\"about-mini\"><div class=\"about-mini-num\">5\u2605<\/div><div class=\"about-mini-text\">Customer rated<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-content fade-in\">\n <div class=\"section-label\">Why choose SPW<\/div>\n <h2 class=\"section-title\">Built on trust & quality<\/h2>\n <p class=\"section-sub\">We’re a local, family-run team with over 25 years transforming outdoor spaces across Warrington and Cheshire. No subcontractors. No shortcuts.<\/p>\n <div class=\"about-list\">\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>25+ years’ proven experience<\/h4><p>We’ve been transforming driveways and gardens since the late 1990s. Our reputation is built on word of mouth and repeat customers.<\/p><\/div>\n <\/div>\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>Fully insured & professional<\/h4><p>All our work is fully insured. You get a reliable, professional service from start to finish \u2014 no nasty surprises.<\/p><\/div>\n <\/div>\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>Free, no-obligation quotes<\/h4><p>We visit your property, assess the job, and give you a clear, honest quote. No pressure, no hidden fees.<\/p><\/div>\n <\/div>\n <div class=\"about-item\">\n <div class=\"about-item-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4a7c2f\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div><h4>Quality materials, lasting results<\/h4><p>We only use quality materials and proven installation methods. Every job is finished to the highest standard.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"process\">\n <div style=\"text-align:center;\">\n <div class=\"section-label\" style=\"display:flex;justify-content:center;\">How it works<\/div>\n <h2 class=\"section-title\">Simple process, great results<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto;\">Getting your project started is easy. Here’s what to expect from first contact to finished job.<\/p>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"process-step fade-in\"><div class=\"process-num\">1<\/div><div class=\"process-title\">Get in touch<\/div><div class=\"process-desc\">Call us or fill in the quote form. Tell us about your project \u2014 no detail too small.<\/div><\/div>\n <div class=\"process-step fade-in\"><div class=\"process-num\">2<\/div><div class=\"process-title\">Free site visit<\/div><div class=\"process-desc\">We visit your property, measure up and discuss exactly what you need.<\/div><\/div>\n <div class=\"process-step fade-in\"><div class=\"process-num\">3<\/div><div class=\"process-title\">Clear quote<\/div><div class=\"process-desc\">You receive a written quote with no hidden extras. No pressure to accept.<\/div><\/div>\n <div class=\"process-step fade-in\"><div class=\"process-num\">4<\/div><div class=\"process-title\">Job done<\/div><div class=\"process-desc\">We complete the work to a high standard, leaving your property clean and tidy.<\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\">\n <div class=\"testimonials-header\">\n <div class=\"section-label\">What customers say<\/div>\n <h2 class=\"section-title\">Five-star reviews<\/h2>\n <\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Absolutely top job on our new tarmac driveway in Latchford. The team were professional, dead tidy and finished ahead of schedule. The neighbours have all been dead impressed. Couldn’t be happier \u2014 cheers lads!”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">JT<\/div><div><div class=\"author-name\">James T.<\/div><div class=\"author-location\">Latchford, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Had SPW lay a new resin driveway at our home in Stockton Heath. The lads were dead professional, turned up on time every day and the finish is absolutely spot on. Already had three neighbours asking for their number!”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">DT<\/div><div><div class=\"author-name\">Dave T.<\/div><div class=\"author-location\">Stockton Heath, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Brilliant job on our back garden in Appleton. New patio, turf and a garden wall \u2014 completely transformed. Fair price, no messing about and they left the place spotless. Can’t recommend them highly enough.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">KW<\/div><div><div class=\"author-name\">Karen W.<\/div><div class=\"author-location\">Appleton, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Used SPW for block paving and new fencing on our Warrington property. Got three quotes and they were the best value by a mile \u2014 and the quality is top notch. Dead chuffed with how it’s come out. Will definitely be using them again.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">MO<\/div><div><div class=\"author-name\">Mike O.<\/div><div class=\"author-location\">Warrington, Cheshire<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Got SPW in to do our front garden and driveway in Great Sankey. From the quote to the last day on site, everything was spot on. Proper hard workers, no corners cut and a really fair price. Wouldn’t go anywhere else.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">TP<\/div><div><div class=\"author-name\">Tracy P.<\/div><div class=\"author-location\">Great Sankey, Warrington<\/div><\/div><\/div>\n <\/div>\n <div class=\"testimonial-card fade-in\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">“Needed new turf and artificial grass mixing in our back garden in Penketh \u2014 SPW did a fantastic job. Turned up when they said they would, which makes a change! Really pleased with the result, looks brilliant.”<\/p>\n <div class=\"testimonial-author\"><div class=\"author-avatar\">RB<\/div><div><div class=\"author-name\">Rob B.<\/div><div class=\"author-location\">Penketh, Warrington<\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"contact-inner\">\n <div class=\"contact-left\">\n <div class=\"section-label\">Get in touch<\/div>\n <h2 class=\"section-title\">Get your free quote today<\/h2>\n <p class=\"section-sub\">No obligation. We’ll visit your property, assess the job and give you a clear, competitive price. Call us or message us on WhatsApp.<\/p>\n <div class=\"contact-details\">\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.47 12 19.79 19.79 0 01.36 3.38 2 2 0 012.34 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.91 9.4A16 16 0 0014.6 17.09l.77-.77a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n <div><div class=\"contact-item-label\">Phone<\/div><a href=\"tel:07890102281\" class=\"contact-item-value\">07890 102281<\/a><\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.6)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/div>\n <div><div class=\"contact-item-label\">WhatsApp<\/div><a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"contact-item-value\">Message us on WhatsApp<\/a><\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-item-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2a8 8 0 00-8 8c0 5.4 7.05 11.5 7.35 11.76a1 1 0 001.3 0C13 21.5 20 15.4 20 10a8 8 0 00-8-8z\"\/><\/svg><\/div>\n <div><div class=\"contact-item-label\">Service area<\/div><span class=\"contact-item-value\" style=\"cursor:default;\">Warrington, Stockton Heath, Appleton & surrounding areas<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"contact-form fade-in\">\n <h3>Request a free quote<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>First name<\/label><input type=\"text\" id=\"f-firstname\" placeholder=\"John\"><\/div>\n <div class=\"form-group\"><label>Last name<\/label><input type=\"text\" id=\"f-lastname\" placeholder=\"Smith\"><\/div>\n <\/div>\n <div class=\"form-group\"><label>Phone number<\/label><input type=\"tel\" id=\"f-phone\" placeholder=\"07700 000000\"><\/div>\n <div class=\"form-group\"><label>Email address<\/label><input type=\"email\" id=\"f-email\" placeholder=\"john@email.com\"><\/div>\n <div class=\"form-group\">\n <label>Service required<\/label>\n <select id=\"f-service\">\n <option value=\"\" disabled selected>Select a service…<\/option>\n <option>Driveway<\/option>\n <option>Resin Driveway<\/option>\n <option>Landscaping<\/option>\n <option>Fencing<\/option>\n <option>Turf \/ Artificial Grass<\/option>\n <option>Flagging \/ Patio<\/option>\n <option>Garden Wall<\/option>\n <option>Drainage<\/option>\n <option>Machine Hire<\/option>\n <option>Other \/ Multiple<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label>Tell us about your project<\/label><textarea id=\"f-message\" placeholder=\"Describe your project, any specific requirements, and your approximate budget...\"><\/textarea><\/div>\n <button class=\"form-submit\" onclick=\"sendToWhatsApp()\">Send via WhatsApp<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n\n<a href=\"https:\/\/wa.me\/447890102281?text=Hi%2C%20I%27d%20like%20a%20free%20quote%20please\" target=\"_blank\" class=\"whatsapp-float\" aria-label=\"Chat on WhatsApp\">\n <div class=\"whatsapp-pulse\"><\/div>\n <svg viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\n <\/svg>\n<\/a>\n\n\n<footer>\n <div class=\"footer-logo\">\n <svg viewBox=\"0 0 420 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"38\" aria-label=\"SPW Driveways and Landscapes\">\n <rect x=\"0\" y=\"8\" width=\"4\" height=\"64\" rx=\"2\" fill=\"#4a7c2f\"\/>\n <polygon points=\"28,18 46,9 64,18 64,38 46,47 28,38\" fill=\"#2e5c14\"\/>\n <path d=\"M35 43 L46 28 L57 43\" fill=\"none\" stroke=\"#6aab3f\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M33 33 C26 24 30 16 35 20 C37 22 35 29 33 33Z\" fill=\"#6aab3f\"\/>\n <path d=\"M59 33 C66 24 62 16 57 20 C55 22 57 29 59 33Z\" fill=\"#6aab3f\"\/>\n <text x=\"76\" y=\"58\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"52\" font-weight=\"800\" fill=\"#ffffff\" letter-spacing=\"2\">SPW<\/text>\n <line x1=\"210\" y1=\"14\" x2=\"210\" y2=\"66\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"1\"\/>\n <text x=\"222\" y=\"34\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#6aab3f\" letter-spacing=\"2\">DRIVEWAYS<\/text>\n <text x=\"222\" y=\"53\" font-family=\"'Barlow Condensed', sans-serif\" font-size=\"16\" font-weight=\"700\" fill=\"#6aab3f\" letter-spacing=\"2\">& LANDSCAPES<\/text>\n <text x=\"222\" y=\"68\" font-family=\"'Lato', sans-serif\" font-size=\"9\" fill=\"rgba(255,255,255,0.3)\" font-weight=\"300\" letter-spacing=\"1.5\">25 YEARS EXPERIENCE<\/text>\n <\/svg>\n <\/div>\n <div class=\"footer-copy\">\u00a9 2025 SPW Landscaping. All rights reserved. Serving Warrington, Stockton Heath, Appleton & surrounding areas.<\/div>\n<\/footer>\n\n<script>\n function sendToWhatsApp() {\n const first = document.getElementById('f-firstname').value.trim();\n const last = document.getElementById('f-lastname').value.trim();\n const phone = document.getElementById('f-phone').value.trim();\n const email = document.getElementById('f-email').value.trim();\n const service = document.getElementById('f-service').value;\n const message = document.getElementById('f-message').value.trim();\n\n if (!first && !phone) {\n alert('Please enter at least your name and phone number so we can get back to you.');\n return;\n }\n\n const name = [first, last].filter(Boolean).join(' ');\n let text = \"Hi SPW, I'd like a free quote please.\\n\\n\";\n if (name) text += \"*Name:* \" + name + \"\\n\";\n if (phone) text += \"*Phone:* \" + phone + \"\\n\";\n if (email) text += \"*Email:* \" + email + \"\\n\";\n if (service) text += \"*Service:* \" + service + \"\\n\";\n if (message) text += \"\\n*Project details:*\\n\" + message;\n\n window.open('https:\/\/wa.me\/447890102281?text=' + encodeURIComponent(text), '_blank');\n }\n\n function toggleMenu() {\n document.getElementById('mobileMenu').classList.toggle('open');\n }\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const id = a.getAttribute('href');\n if (id === '#') return;\n const el = document.querySelector(id);\n if (el) {\n e.preventDefault();\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n document.getElementById('mobileMenu').classList.remove('open');\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SPW Landscaping | Driveways & Landscapes Warrington SPW DRIVEWAYS & LANDSCAPES 25 YEARS EXPERIENCE Services About How it works Reviews Free Quote Services About How it works Reviews Free Quote 25+ Years Experience Driveways& Landscapes Professional driveways, landscaping, fencing, turfing and more. Trusted across Warrington and surrounding areas for over 25 years. Free no-obligation quotes. … <a title=\"\" class=\"read-more\" href=\"https:\/\/spwlandscaping.co.uk\/\" aria-label=\"Read more about \">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":0,"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/spwlandscaping.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}