770 lines
34 KiB
HTML
770 lines
34 KiB
HTML
|
<!DOCTYPE html><html lang="en-NZ">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|||
|
|
<meta name="theme-color" content="#192419" />
|
|||
|
|
<title>Home | Auckland Dog Walking | Goodwalk</title>
|
|||
|
|
<meta name="description" content="At Goodwalk, we offer Tiny Gang pack walks and one on one dog walking services throughout Auckland. Give your dog his best life with Goodwalk!" />
|
|||
|
|
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&family=Unbounded:wght@400;600;700;800&display=swap" rel="stylesheet" />
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
|
|||
|
|
|
|||
|
|
<!-- Google Analytics -->
|
|||
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-K7TLSFJVP1"></script>
|
|||
|
|
<script>
|
|||
|
|
window.dataLayer = window.dataLayer || [];
|
|||
|
|
function gtag(){dataLayer.push(arguments);}
|
|||
|
|
gtag('js', new Date());
|
|||
|
|
gtag('config', 'G-K7TLSFJVP1');
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|||
|
|
|
|||
|
|
:root {
|
|||
|
|
--green: #213021;
|
|||
|
|
--navy: #002842;
|
|||
|
|
--gray: #59606D;
|
|||
|
|
--beige: #E5D6C2;
|
|||
|
|
--off-white:#FBFBFB;
|
|||
|
|
--text: #2E3031;
|
|||
|
|
--max-w: 1280px;
|
|||
|
|
--font-body: 'Readex Pro', sans-serif;
|
|||
|
|
--font-head: 'Unbounded', sans-serif;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html { scroll-behavior: smooth; }
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
font-family: var(--font-body);
|
|||
|
|
font-size: 15px;
|
|||
|
|
line-height: 1.6;
|
|||
|
|
color: var(--text);
|
|||
|
|
background: var(--off-white);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
img { display: block; max-width: 100%; height: auto; }
|
|||
|
|
a { color: inherit; text-decoration: none; }
|
|||
|
|
|
|||
|
|
/* ── BUTTONS ─────────────────────────────────── */
|
|||
|
|
.btn {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 14px 32px;
|
|||
|
|
font-family: var(--font-body);
|
|||
|
|
font-size: 15px;
|
|||
|
|
font-weight: 600;
|
|||
|
|
border-radius: 40px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
transition: background .2s, color .2s;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
.btn-navy { background: var(--navy); color: #fff; }
|
|||
|
|
.btn-navy:hover { background: #000; }
|
|||
|
|
.btn-yellow { background: var(--yellow); color: #000; }
|
|||
|
|
.btn-yellow:hover { background: #e6bb00; }
|
|||
|
|
.btn-outline { background: transparent; color: #fff; border: 2px solid #fff; }
|
|||
|
|
.btn-outline:hover { background: #fff; color: var(--navy); }
|
|||
|
|
|
|||
|
|
/* ── HEADER / NAV ────────────────────────────── */
|
|||
|
|
header {
|
|||
|
|
position: sticky;
|
|||
|
|
top: 0;
|
|||
|
|
z-index: 100;
|
|||
|
|
background: #F6F4F1;
|
|||
|
|
box-shadow: 0 2px 8px rgba(0,0,0,.08);
|
|||
|
|
}
|
|||
|
|
nav {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
padding: 18px 50px;
|
|||
|
|
max-width: var(--max-w);
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
.logo {
|
|||
|
|
font-family: var(--font-head);
|
|||
|
|
font-size: 22px;
|
|||
|
|
font-weight: 800;
|
|||
|
|
color: var(--navy);
|
|||
|
|
letter-spacing: -0.5px;
|
|||
|
|
}
|
|||
|
|
.logo span { color: var(--yellow); }
|
|||
|
|
.nav-links { display: flex; gap: 36px; align-items: center; list-style: none; }
|
|||
|
|
.nav-links a { font-weight: 500; transition: color .2s; }
|
|||
|
|
.nav-links a:hover { color: var(--navy); }
|
|||
|
|
.nav-links .btn { padding: 10px 24px; font-size: 14px; }
|
|||
|
|
|
|||
|
|
/* hamburger */
|
|||
|
|
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
|
|||
|
|
.hamburger span { display: block; width: 24px; height: 2px; background: var(--navy); border-radius: 2px; transition: .3s; }
|
|||
|
|
.mobile-menu { display: none; flex-direction: column; gap: 4px; background: #F6F4F1; padding: 0 50px 20px; }
|
|||
|
|
.mobile-menu a { display: block; padding: 10px 0; font-weight: 500; border-bottom: 1px solid #e0ddd8; }
|
|||
|
|
.mobile-menu.open { display: flex; }
|
|||
|
|
|
|||
|
|
/* ── HERO ────────────────────────────────────── */
|
|||
|
|
#hero {
|
|||
|
|
background: var(--navy);
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 80px 50px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 60px;
|
|||
|
|
min-height: 580px;
|
|||
|
|
}
|
|||
|
|
.hero-inner {
|
|||
|
|
max-width: var(--max-w);
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 60px;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.hero-text { flex: 1; }
|
|||
|
|
.hero-text h1 {
|
|||
|
|
font-family: var(--font-head);
|
|||
|
|
font-size: 56px;
|
|||
|
|
font-weight: 800;
|
|||
|
|
line-height: 1.1;
|
|||
|
|
margin-bottom: 28px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.hero-text h1 span { color: var(--yellow); }
|
|||
|
|
.hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }
|
|||
|
|
.hero-img { flex: 0 0 420px; }
|
|||
|
|
.hero-img img { border-radius: 24px; width: 100%; }
|
|||
|
|
|
|||
|
|
/* ── INTRO STRIP ─────────────────────────────── */
|
|||
|
|
#intro {
|
|||
|
|
background: var(--yellow);
|
|||
|
|
padding: 24px 50px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#intro p {
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 16px;
|
|||
|
|
max-width: 700px;
|
|||
|
|
margin: 0 auto 8px;
|
|||
|
|
}
|
|||
|
|
#intro a { font-weight: 700; text-decoration: underline; }
|
|||
|
|
|
|||
|
|
/* ── SECTION DEFAULTS ────────────────────────── */
|
|||
|
|
section { padding: 80px 0; }
|
|||
|
|
.section-heading {
|
|||
|
|
font-family: var(--font-head);
|
|||
|
|
font-size: 42px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
color: #000;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ── PROMISE ─────────────────────────────────── */
|
|||
|
|
#promise { background: var(--off-white); }
|
|||
|
|
.promise-inner {
|
|||
|
|
max-width: var(--max-w);
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 0 50px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
gap: 70px;
|
|||
|
|
}
|
|||
|
|
.promise-text { flex: 1; }
|
|||
|
|
.promise-text h2 { font-family: var(--font-head); font-size: 42px; font-weight: 700; margin-bottom: 20px; }
|
|||
|
|
.promise-text p { margin-bottom: 28px; font-size: 16px; max-width: 520px; }
|
|||
|
|
.promise-img { flex: 0 0 380px; }
|
|||
|
|
.promise-img img { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; width: 100%; }
|
|||
|
|
|
|||
|
|
/* ── SERVICES ────────────────────────────────── */
|
|||
|
|
#services { background: #fff; }
|
|||
|
|
.services-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 50px; }
|
|||
|
|
.services-grid {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(3, 1fr);
|
|||
|
|
gap: 32px;
|
|||
|
|
margin-top: 48px;
|
|||
|
|
}
|
|||
|
|
.service-card {
|
|||
|
|
background: var(--off-white);
|
|||
|
|
border-radius: 20px;
|
|||
|
|
padding: 40px 32px;
|
|||
|
|
text-align: center;
|
|||
|
|
transition: transform .2s, box-shadow .2s;
|
|||
|
|
}
|
|||
|
|
.service-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.1); }
|
|||
|
|
.service-card i { font-size: 40px; color: var(--navy); margin-bottom: 20px; }
|
|||
|
|
.service-card h3 { font-family: var(--font-head); font-size: 20px; font-weight: 700; margin-bottom: 12px; }
|
|||
|
|
.service-card a { color: var(--navy); font-weight: 600; text-decoration: underline; }
|
|||
|
|
|
|||
|
|
/* ── VALUES ──────────────────────────────────── */
|
|||
|
|
#values { background: var(--navy); color: #fff; }
|
|||
|
|
.values-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 50px; }
|
|||
|
|
.values-inner .section-heading { color: #fff; }
|
|||
|
|
.values-grid {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(3, 1fr);
|
|||
|
|
gap: 28px;
|
|||
|
|
margin-top: 48px;
|
|||
|
|
}
|
|||
|
|
.value-card {
|
|||
|
|
background: rgba(255,255,255,.07);
|
|||
|
|
border-radius: 16px;
|
|||
|
|
padding: 32px 28px;
|
|||
|
|
border: 1px solid rgba(255,255,255,.12);
|
|||
|
|
}
|
|||
|
|
.value-card i { font-size: 28px; color: var(--yellow); margin-bottom: 16px; }
|
|||
|
|
.value-card h3 { font-family: var(--font-head); font-size: 18px; font-weight: 700; margin-bottom: 10px; }
|
|||
|
|
.value-card p { font-size: 14px; line-height: 1.7; opacity: .85; }
|
|||
|
|
|
|||
|
|
/* ── TESTIMONIALS ────────────────────────────── */
|
|||
|
|
#testimonials { background: var(--off-white); }
|
|||
|
|
.testimonials-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 50px; }
|
|||
|
|
.testimonials-grid {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(2, 1fr);
|
|||
|
|
gap: 28px;
|
|||
|
|
margin-top: 48px;
|
|||
|
|
}
|
|||
|
|
.testimonial-card {
|
|||
|
|
background: #fff;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
padding: 36px 32px;
|
|||
|
|
box-shadow: 0 4px 24px rgba(0,0,0,.06);
|
|||
|
|
}
|
|||
|
|
.stars { color: var(--yellow); font-size: 18px; margin-bottom: 14px; }
|
|||
|
|
.testimonial-card blockquote { font-size: 15px; line-height: 1.7; font-style: italic; margin-bottom: 20px; }
|
|||
|
|
.reviewer { font-weight: 700; font-size: 14px; }
|
|||
|
|
.reviewer span { font-weight: 400; color: var(--gray); }
|
|||
|
|
|
|||
|
|
/* ── BOOKING FORM ────────────────────────────── */
|
|||
|
|
#reservation { background: #fff; }
|
|||
|
|
.form-inner { max-width: 700px; margin: 0 auto; padding: 0 50px; }
|
|||
|
|
.form-inner .section-heading { text-align: center; }
|
|||
|
|
.form-inner p.sub { text-align: center; color: var(--gray); margin-bottom: 40px; }
|
|||
|
|
|
|||
|
|
.form-steps { display: flex; gap: 0; margin-bottom: 40px; }
|
|||
|
|
.step-tab {
|
|||
|
|
flex: 1;
|
|||
|
|
padding: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 14px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
border-bottom: 3px solid #e0e0e0;
|
|||
|
|
color: #999;
|
|||
|
|
transition: .2s;
|
|||
|
|
}
|
|||
|
|
.step-tab.active { border-color: var(--navy); color: var(--navy); }
|
|||
|
|
|
|||
|
|
.form-step { display: none; }
|
|||
|
|
.form-step.active { display: block; }
|
|||
|
|
|
|||
|
|
.field-group { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
|
|||
|
|
.field-group.single { grid-template-columns: 1fr; }
|
|||
|
|
.field-group.full { grid-template-columns: 1fr; }
|
|||
|
|
|
|||
|
|
label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
|
|||
|
|
input[type="text"], input[type="email"], input[type="tel"], textarea {
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 12px 16px;
|
|||
|
|
border: 1.5px solid #000;
|
|||
|
|
border-radius: 12px;
|
|||
|
|
font-family: var(--font-body);
|
|||
|
|
font-size: 14px;
|
|||
|
|
background: #fff;
|
|||
|
|
transition: border-color .2s;
|
|||
|
|
}
|
|||
|
|
input:focus, textarea:focus { outline: none; border-color: var(--navy); }
|
|||
|
|
textarea { resize: vertical; }
|
|||
|
|
|
|||
|
|
.checkbox-group { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
|
|||
|
|
.checkbox-group label {
|
|||
|
|
display: flex; align-items: center; gap: 8px;
|
|||
|
|
font-weight: 400; font-size: 14px; cursor: pointer;
|
|||
|
|
background: var(--off-white); border: 1.5px solid #ccc;
|
|||
|
|
padding: 8px 16px; border-radius: 30px; transition: .2s;
|
|||
|
|
}
|
|||
|
|
.checkbox-group label:has(input:checked) { border-color: var(--navy); background: #e8eef3; }
|
|||
|
|
.checkbox-group input { display: none; }
|
|||
|
|
|
|||
|
|
.form-nav { display: flex; justify-content: space-between; margin-top: 28px; }
|
|||
|
|
.form-nav button { min-width: 120px; }
|
|||
|
|
|
|||
|
|
/* ── INFO + FAQ ──────────────────────────────── */
|
|||
|
|
#info { background: var(--off-white); }
|
|||
|
|
.info-inner {
|
|||
|
|
max-width: var(--max-w);
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding: 0 50px;
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: 1fr 1fr;
|
|||
|
|
gap: 60px;
|
|||
|
|
align-items: start;
|
|||
|
|
}
|
|||
|
|
.info-block h2 { font-family: var(--font-head); font-size: 30px; font-weight: 700; margin-bottom: 16px; }
|
|||
|
|
.info-block h3 { font-size: 16px; font-weight: 700; margin: 20px 0 8px; }
|
|||
|
|
.info-block p { font-size: 15px; line-height: 1.7; color: var(--text); }
|
|||
|
|
|
|||
|
|
.faq details {
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
padding: 16px 0;
|
|||
|
|
}
|
|||
|
|
.faq summary {
|
|||
|
|
font-weight: 600;
|
|||
|
|
cursor: pointer;
|
|||
|
|
list-style: none;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.faq summary::-webkit-details-marker { display: none; }
|
|||
|
|
.faq summary::after { content: '+'; font-size: 20px; color: var(--navy); }
|
|||
|
|
.faq details[open] summary::after { content: '−'; }
|
|||
|
|
.faq details p { margin-top: 10px; font-size: 14px; color: var(--gray); line-height: 1.7; }
|
|||
|
|
|
|||
|
|
/* ── INSTAGRAM CTA ───────────────────────────── */
|
|||
|
|
#instagram {
|
|||
|
|
background: var(--yellow);
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 60px 50px;
|
|||
|
|
}
|
|||
|
|
#instagram h2 { font-family: var(--font-head); font-size: 36px; font-weight: 700; margin-bottom: 20px; }
|
|||
|
|
#instagram a.btn { background: var(--navy); color: #fff; }
|
|||
|
|
#instagram a.btn:hover { background: #000; }
|
|||
|
|
|
|||
|
|
/* ── FOOTER ──────────────────────────────────── */
|
|||
|
|
footer {
|
|||
|
|
background: var(--navy);
|
|||
|
|
color: #fff;
|
|||
|
|
padding: 60px 50px 32px;
|
|||
|
|
}
|
|||
|
|
.footer-inner {
|
|||
|
|
max-width: var(--max-w);
|
|||
|
|
margin: 0 auto;
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|||
|
|
gap: 48px;
|
|||
|
|
margin-bottom: 48px;
|
|||
|
|
}
|
|||
|
|
.footer-brand .logo { font-size: 24px; color: #fff; margin-bottom: 12px; }
|
|||
|
|
.footer-brand p { font-size: 14px; opacity: .75; margin-bottom: 20px; }
|
|||
|
|
.social-links { display: flex; gap: 14px; }
|
|||
|
|
.social-links a {
|
|||
|
|
width: 40px; height: 40px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background: rgba(255,255,255,.12);
|
|||
|
|
display: flex; align-items: center; justify-content: center;
|
|||
|
|
font-size: 16px; transition: background .2s;
|
|||
|
|
}
|
|||
|
|
.social-links a:hover { background: var(--yellow); color: #000; }
|
|||
|
|
|
|||
|
|
footer h4 { font-family: var(--font-head); font-size: 14px; font-weight: 700; margin-bottom: 16px; letter-spacing: .5px; opacity: .6; text-transform: uppercase; }
|
|||
|
|
.footer-nav { list-style: none; }
|
|||
|
|
.footer-nav li { margin-bottom: 10px; }
|
|||
|
|
.footer-nav a { font-size: 14px; opacity: .8; transition: opacity .2s; }
|
|||
|
|
.footer-nav a:hover { opacity: 1; }
|
|||
|
|
|
|||
|
|
.footer-bottom {
|
|||
|
|
max-width: var(--max-w);
|
|||
|
|
margin: 0 auto;
|
|||
|
|
border-top: 1px solid rgba(255,255,255,.12);
|
|||
|
|
padding-top: 24px;
|
|||
|
|
font-size: 13px;
|
|||
|
|
opacity: .5;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ── RESPONSIVE ──────────────────────────────── */
|
|||
|
|
@media (max-width: 1024px) {
|
|||
|
|
nav, .mobile-menu { padding-left: 30px; padding-right: 30px; }
|
|||
|
|
#hero { padding-left: 30px; padding-right: 30px; }
|
|||
|
|
.promise-inner, .services-inner, .values-inner, .testimonials-inner,
|
|||
|
|
.info-inner, .form-inner { padding-left: 30px; padding-right: 30px; }
|
|||
|
|
footer { padding-left: 30px; padding-right: 30px; }
|
|||
|
|
.footer-inner { padding: 0; }
|
|||
|
|
.hero-inner { flex-direction: column; text-align: center; }
|
|||
|
|
.hero-text h1 { font-size: 40px; }
|
|||
|
|
.hero-img { flex: none; width: 100%; max-width: 420px; margin: 0 auto; }
|
|||
|
|
.hero-buttons { justify-content: center; }
|
|||
|
|
.values-grid { grid-template-columns: repeat(2, 1fr); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 768px) {
|
|||
|
|
nav { padding: 16px 24px; }
|
|||
|
|
.nav-links { display: none; }
|
|||
|
|
.hamburger { display: flex; }
|
|||
|
|
.mobile-menu { padding-left: 24px; padding-right: 24px; }
|
|||
|
|
|
|||
|
|
.promise-inner { flex-direction: column; padding: 0 24px; }
|
|||
|
|
.promise-img { flex: none; width: 100%; max-width: 320px; margin: 0 auto; }
|
|||
|
|
.services-grid { grid-template-columns: 1fr; }
|
|||
|
|
.services-inner { padding: 0 24px; }
|
|||
|
|
.values-grid { grid-template-columns: 1fr; }
|
|||
|
|
.values-inner { padding: 0 24px; }
|
|||
|
|
.testimonials-grid { grid-template-columns: 1fr; }
|
|||
|
|
.testimonials-inner { padding: 0 24px; }
|
|||
|
|
.info-inner { grid-template-columns: 1fr; padding: 0 24px; }
|
|||
|
|
.form-inner { padding: 0 24px; }
|
|||
|
|
.field-group { grid-template-columns: 1fr; }
|
|||
|
|
.section-heading { font-size: 30px; }
|
|||
|
|
footer { padding: 48px 24px 24px; }
|
|||
|
|
.footer-inner { grid-template-columns: 1fr; gap: 32px; }
|
|||
|
|
#instagram { padding: 48px 24px; }
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<!-- ── HEADER ─────────────────────────────────────── -->
|
|||
|
|
<header>
|
|||
|
|
<nav>
|
|||
|
|
<a href="/" class="logo">Good<span>walk</span></a>
|
|||
|
|
<ul class="nav-links">
|
|||
|
|
<li><a href="#services">Our Services</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/our-pricing/">Our Pricing</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/about/">About Us</a></li>
|
|||
|
|
<li><a href="#reservation" class="btn btn-navy">Book Now</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<button class="hamburger" aria-label="Menu" onclick="toggleMenu()">
|
|||
|
|
<span></span><span></span><span></span>
|
|||
|
|
</button>
|
|||
|
|
</nav>
|
|||
|
|
<div class="mobile-menu" id="mobileMenu">
|
|||
|
|
<a href="/">Home</a>
|
|||
|
|
<a href="https://www.goodwalk.co.nz/pack-walks/">Pack Walks</a>
|
|||
|
|
<a href="https://www.goodwalk.co.nz/dog-walking/">1:1 Walks</a>
|
|||
|
|
<a href="https://www.goodwalk.co.nz/puppy-visits/">Puppy Visits</a>
|
|||
|
|
<a href="https://www.goodwalk.co.nz/our-pricing/">Our Pricing</a>
|
|||
|
|
<a href="https://www.goodwalk.co.nz/about/">About Us</a>
|
|||
|
|
<a href="#reservation">Contact Us</a>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!-- ── HERO ───────────────────────────────────────── -->
|
|||
|
|
<section id="hero">
|
|||
|
|
<div class="hero-inner">
|
|||
|
|
<div class="hero-text">
|
|||
|
|
<h1>Unleashing Fun in<br /><span>Your Dog's Day!</span></h1>
|
|||
|
|
<div class="hero-buttons">
|
|||
|
|
<a href="#services" class="btn btn-yellow">Learn more</a>
|
|||
|
|
<a href="#reservation" class="btn btn-outline">Enroll today</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="hero-img">
|
|||
|
|
<img src="https://www.goodwalk.co.nz/wp-content/uploads/2024/04/homepage-hero-dog.png" alt="Happy dog on a walk with Goodwalk" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── INTRO STRIP ────────────────────────────────── -->
|
|||
|
|
<div id="intro">
|
|||
|
|
<p>Goodwalk delivers trusted, professional dog walking services across Auckland Central.</p>
|
|||
|
|
<a href="https://g.page/r/CUsvrWPhkYrAEB0/" target="_blank" rel="noopener">
|
|||
|
|
<i class="fas fa-star"></i> All 5 star reviews on Google!
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- ── PROMISE ────────────────────────────────────── -->
|
|||
|
|
<section id="promise">
|
|||
|
|
<div class="promise-inner">
|
|||
|
|
<div class="promise-text">
|
|||
|
|
<h2>Happy pets,<br />happy humans</h2>
|
|||
|
|
<p>Offering tailored pack walks for small & medium dogs, and one-on-one walks for large breeds! Our walkers give personalized attention to each dog, easing stress, anxiety and ensuring a quality experience. Our expertise in small-medium breeds ensures tailored care for their unique needs. Join our <strong>TINY GANG!</strong></p>
|
|||
|
|
<a href="#reservation" class="btn btn-navy">Book now</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="promise-img">
|
|||
|
|
<img src="https://www.goodwalk.co.nz/wp-content/uploads/2024/04/homepage-hero-dog.png" alt="Dog enjoying a walk with Goodwalk" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── SERVICES ───────────────────────────────────── -->
|
|||
|
|
<section id="services">
|
|||
|
|
<div class="services-inner">
|
|||
|
|
<h2 class="section-heading">What we do</h2>
|
|||
|
|
<div class="services-grid">
|
|||
|
|
<div class="service-card">
|
|||
|
|
<i class="fas fa-dog"></i>
|
|||
|
|
<h3>Pack Walks</h3>
|
|||
|
|
<p>Small group walks of 4–8 dogs — calm, social, and full of fun for your pup.</p>
|
|||
|
|
<br />
|
|||
|
|
<a href="https://www.goodwalk.co.nz/pack-walks/">Learn more →</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="service-card">
|
|||
|
|
<i class="fas fa-person-walking"></i>
|
|||
|
|
<h3>1:1 Walks</h3>
|
|||
|
|
<p>One-on-one walks tailored to your dog's individual pace, personality, and needs.</p>
|
|||
|
|
<br />
|
|||
|
|
<a href="https://www.goodwalk.co.nz/dog-walking/">Learn more →</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="service-card">
|
|||
|
|
<i class="fas fa-house"></i>
|
|||
|
|
<h3>Puppy Visits</h3>
|
|||
|
|
<p>In-home visits to check in on your puppy, play, and keep them company.</p>
|
|||
|
|
<br />
|
|||
|
|
<a href="https://www.goodwalk.co.nz/puppy-visits/">Learn more →</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── VALUES ─────────────────────────────────────── -->
|
|||
|
|
<section id="values">
|
|||
|
|
<div class="values-inner">
|
|||
|
|
<h2 class="section-heading">Where dogs come first</h2>
|
|||
|
|
<div class="values-grid">
|
|||
|
|
<div class="value-card">
|
|||
|
|
<i class="fas fa-heart"></i>
|
|||
|
|
<h3>Kindness</h3>
|
|||
|
|
<p>With gentle care and genuine affection, we make every walk a calm, happy experience. We use positive reinforcement to encourage good behavior — because kindness is at the heart of everything we do.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="value-card">
|
|||
|
|
<i class="fas fa-camera"></i>
|
|||
|
|
<h3>Daily Updates</h3>
|
|||
|
|
<p>Catch your pup in action with daily social updates — showcasing their walks, playtime, and mischief with the Tiny Gang. It's your window into their happiest moments.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="value-card">
|
|||
|
|
<i class="fas fa-users"></i>
|
|||
|
|
<h3>Small Pack Sizes</h3>
|
|||
|
|
<p>With just 4–8 dogs per group, our walks are calm, controlled, and respectful of public spaces — ensuring every dog gets the attention and care they deserve.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="value-card">
|
|||
|
|
<i class="fas fa-shield-heart"></i>
|
|||
|
|
<h3>Safety</h3>
|
|||
|
|
<p>Our team is fully pet first aid certified and trained to handle any situation calmly and confidently. With proactive safety protocols and constant situational awareness, we create a secure environment for every walk.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="value-card">
|
|||
|
|
<i class="fas fa-calendar-check"></i>
|
|||
|
|
<h3>Flexibility</h3>
|
|||
|
|
<p>We know life gets busy — so while we specialise in regular, permanent walks, we're always happy to adapt. Just give us a little notice, and we'll do our best to accommodate your changing schedule.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="value-card">
|
|||
|
|
<i class="fas fa-clock"></i>
|
|||
|
|
<h3>Reliability</h3>
|
|||
|
|
<p>We guarantee punctuality and consistency, so you can count on us. With clear communication, you'll always be in the loop — and your dog's needs will always be our top priority.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── TESTIMONIALS ───────────────────────────────── -->
|
|||
|
|
<section id="testimonials">
|
|||
|
|
<div class="testimonials-inner">
|
|||
|
|
<h2 class="section-heading">Why people choose us!</h2>
|
|||
|
|
<div class="testimonials-grid">
|
|||
|
|
<div class="testimonial-card">
|
|||
|
|
<div class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
|
|||
|
|
<blockquote>"Love Aless! She is so amazing with my slightly hyper and anxious dog. She is great with communication if anything on either of our ends need to change. Archie loves his walks, and I love the photos she posts of him."</blockquote>
|
|||
|
|
<p class="reviewer">Kate <span>— Archie's mum</span></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="testimonial-card">
|
|||
|
|
<div class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
|
|||
|
|
<blockquote>"GoodWalk was the best dog walking service for my little pooch! Aless was very helpful — basically doubled as a second mum to Monty. She always provided feedback on his outings and assisted where possible with any additional training, which I feel is what every dog mum wants and needs!"</blockquote>
|
|||
|
|
<p class="reviewer">Estelle <span>— Monty's mum</span></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="testimonial-card">
|
|||
|
|
<div class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
|
|||
|
|
<blockquote>"Truly the best dog walker in Auckland! I feel so lucky to have found Aless and my little terrier Otis absolutely adores her. He enjoys his regular weekly walks and always comes back happy & tired. Love the updates on social media so I can see how my dog is enjoying his day! Highly highly recommend."</blockquote>
|
|||
|
|
<p class="reviewer">Ross <span>— Otis's dad</span></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="testimonial-card">
|
|||
|
|
<div class="stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
|
|||
|
|
<blockquote>"Alessandra has been walking and spending time with my pup since she was 10 weeks old, coming over for puppy visits through to transitioning her to pack walks with her little doggo friends. I know Alessandra loves and cares for my dog as much as I do. Can't recommend enough!"</blockquote>
|
|||
|
|
<p class="reviewer">Nina <span>— Wallace's mum</span></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── BOOKING FORM ────────────────────────────────── -->
|
|||
|
|
<section id="reservation">
|
|||
|
|
<div class="form-inner">
|
|||
|
|
<h2 class="section-heading">Let's meet!</h2>
|
|||
|
|
<p class="sub">Tell us about yourself and your dog and we'll be in touch.</p>
|
|||
|
|
|
|||
|
|
<form id="bookingForm" action="https://www.goodwalk.co.nz/booking/" method="POST" novalidate>
|
|||
|
|
<div class="form-steps">
|
|||
|
|
<div class="step-tab active" id="tab1" onclick="showStep(1)">1. Your Details</div>
|
|||
|
|
<div class="step-tab" id="tab2" onclick="showStep(2)">2. Your Dog</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Step 1 -->
|
|||
|
|
<div class="form-step active" id="step1">
|
|||
|
|
<div class="field-group">
|
|||
|
|
<div>
|
|||
|
|
<label for="fullName">Full Name *</label>
|
|||
|
|
<input type="text" id="fullName" name="fullName" required placeholder="Enter full name" />
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<label for="email1">Email *</label>
|
|||
|
|
<input type="email" id="email1" name="email" required placeholder="your@email.com" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="field-group single">
|
|||
|
|
<div>
|
|||
|
|
<label for="phone">Contact Number *</label>
|
|||
|
|
<input type="tel" id="phone" name="phone" required placeholder="E.g. 021 123 4567" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<label>Services Interested In</label>
|
|||
|
|
<div class="checkbox-group">
|
|||
|
|
<label><input type="checkbox" name="services" value="Pack Walks" /> Pack Walks</label>
|
|||
|
|
<label><input type="checkbox" name="services" value="1:1 Walks" /> 1:1 Walks</label>
|
|||
|
|
<label><input type="checkbox" name="services" value="Homestays" /> Homestays</label>
|
|||
|
|
<label><input type="checkbox" name="services" value="Puppy Visits" /> Puppy Visits</label>
|
|||
|
|
<label><input type="checkbox" name="services" value="Other" /> Other Services</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-nav">
|
|||
|
|
<span></span>
|
|||
|
|
<button type="button" class="btn btn-navy" onclick="showStep(2)">Next →</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Step 2 -->
|
|||
|
|
<div class="form-step" id="step2">
|
|||
|
|
<div class="field-group">
|
|||
|
|
<div>
|
|||
|
|
<label for="petName">Pet's Name *</label>
|
|||
|
|
<input type="text" id="petName" name="petName" required placeholder="Your dog's name" />
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<label for="location">Neighbourhood *</label>
|
|||
|
|
<input type="text" id="location" name="location" required placeholder="Neighbourhood, street…" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="field-group full">
|
|||
|
|
<div>
|
|||
|
|
<label for="message">About Your Dog</label>
|
|||
|
|
<textarea id="message" name="message" rows="4" placeholder="Describe your pet — any special needs, quirks, or things we should know?"></textarea>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="form-nav">
|
|||
|
|
<button type="button" class="btn btn-outline" style="background:transparent;color:var(--navy);border-color:var(--navy);" onclick="showStep(1)">← Back</button>
|
|||
|
|
<button type="submit" class="btn btn-navy">Send →</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── INFO + FAQ ──────────────────────────────────── -->
|
|||
|
|
<section id="info">
|
|||
|
|
<div class="info-inner">
|
|||
|
|
|
|||
|
|
<div class="info-block">
|
|||
|
|
<h2>Locations & Hours</h2>
|
|||
|
|
<p>We cover most of Auckland Central's suburbs:</p>
|
|||
|
|
<p style="margin-top:10px;">Morningside, Kingsland, Ponsonby, Grey Lynn, Mt Albert, Mt Eden, Sandringham, Mt Roskill, Arch Hill, Freemans Bay, Herne Bay, Pt Chevalier, Avondale, Three Kings, Hillsborough, Eden Terrace, Balmoral.</p>
|
|||
|
|
<p style="margin-top:10px;">Live in a nearby suburb? <a href="#reservation" style="color:var(--navy);font-weight:600;">Get in touch!</a></p>
|
|||
|
|
<h3>Opening Hours</h3>
|
|||
|
|
<p>Monday to Friday, 8am – 4pm.</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="info-block">
|
|||
|
|
<h2>FAQ's</h2>
|
|||
|
|
<div class="faq">
|
|||
|
|
<details>
|
|||
|
|
<summary>What happens if the weather is bad?</summary>
|
|||
|
|
<p>We operate in all weather conditions, except when there is a danger to the dog's health & safety.</p>
|
|||
|
|
</details>
|
|||
|
|
<details>
|
|||
|
|
<summary>What requirements does my dog need?</summary>
|
|||
|
|
<p>All dogs onboarding with Goodwalk need to have a current Auckland Council dog registration and be up to date with vaccinations to ensure the health and safety of other dogs.</p>
|
|||
|
|
</details>
|
|||
|
|
<details>
|
|||
|
|
<summary>Can any dog use your service?</summary>
|
|||
|
|
<p>All dogs that are onboarded with us must go through our screening process, which includes a minimum of two assessment walks.</p>
|
|||
|
|
</details>
|
|||
|
|
<details>
|
|||
|
|
<summary>How does payment work?</summary>
|
|||
|
|
<p>All walks are paid for a week in advance, via invoice.</p>
|
|||
|
|
</details>
|
|||
|
|
<details>
|
|||
|
|
<summary>Do you have insurance or First Aid training?</summary>
|
|||
|
|
<p>All walkers are covered by public liability insurance, and all walkers hold a current First Aid training certificate.</p>
|
|||
|
|
</details>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── INSTAGRAM CTA ───────────────────────────────── -->
|
|||
|
|
<section id="instagram">
|
|||
|
|
<h2>Follow us on Instagram</h2>
|
|||
|
|
<a href="https://www.instagram.com/goodwalk.nz/" target="_blank" rel="noopener" class="btn">
|
|||
|
|
<i class="fab fa-instagram"></i> @goodwalk.nz
|
|||
|
|
</a>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- ── FOOTER ──────────────────────────────────────── -->
|
|||
|
|
<footer>
|
|||
|
|
<div class="footer-inner">
|
|||
|
|
<div class="footer-brand">
|
|||
|
|
<div class="logo">Good<span>walk</span></div>
|
|||
|
|
<p>Professional Dog Walking Services<br />Auckland Central</p>
|
|||
|
|
<div class="social-links">
|
|||
|
|
<a href="https://www.instagram.com/goodwalk.nz/" target="_blank" rel="noopener" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
|||
|
|
<a href="https://facebook.com/goodwalk.nz" target="_blank" rel="noopener" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
|||
|
|
<a href="https://g.page/r/CUsvrWPhkYrAEB0" target="_blank" rel="noopener" aria-label="Google"><i class="fab fa-google"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h4>Navigation</h4>
|
|||
|
|
<ul class="footer-nav">
|
|||
|
|
<li><a href="/">Home</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/pack-walks/">Pack Walks</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/dog-walking/">1:1 Walks</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/puppy-visits/">Puppy Visits</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/our-pricing/">Our Pricing</a></li>
|
|||
|
|
<li><a href="https://www.goodwalk.co.nz/contact-us/">Contact Us</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h4>Contact</h4>
|
|||
|
|
<ul class="footer-nav">
|
|||
|
|
<li><a href="#reservation">Book a walk</a></li>
|
|||
|
|
<li><a href="https://www.instagram.com/goodwalk.nz/" target="_blank" rel="noopener">Instagram</a></li>
|
|||
|
|
<li><a href="https://g.page/r/CUsvrWPhkYrAEB0" target="_blank" rel="noopener">Google Reviews</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-bottom">
|
|||
|
|
© 2024 Goodwalk. All rights reserved.
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
function toggleMenu() {
|
|||
|
|
document.getElementById('mobileMenu').classList.toggle('open');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showStep(n) {
|
|||
|
|
document.querySelectorAll('.form-step').forEach(function(s, i) {
|
|||
|
|
s.classList.toggle('active', i + 1 === n);
|
|||
|
|
});
|
|||
|
|
document.querySelectorAll('.step-tab').forEach(function(t, i) {
|
|||
|
|
t.classList.toggle('active', i + 1 === n);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
document.querySelectorAll('#mobileMenu a').forEach(function(a) {
|
|||
|
|
a.addEventListener('click', function() {
|
|||
|
|
document.getElementById('mobileMenu').classList.remove('open');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_NZ","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.goodwalk.co.nz\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
|
|||
|
|
//# sourceURL=elementor-pro-frontend-js-before
|
|||
|
|
/* ]]> */
|
|||
|
|
</script>
|
|||
|
|
<script type="3e0f79c494425893c5741014-text/javascript" src="https://www.goodwalk.co.nz/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.19.3" id="elementor-pro-frontend-js"></script>
|
|||
|
|
<script type="3e0f79c494425893c5741014-text/javascript" src="https://www.goodwalk.co.nz/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.19.3" id="pro-elements-handlers-js"></script>
|
|||
|
|
<script type="3e0f79c494425893c5741014-text/javascript" src="https://www.goodwalk.co.nz/wp-content/plugins/vamtam-elementor-integration-petmania/assets/js/vamtam-elementor-frontend.min.js?ver=1.0.7" id="vamtam-elementor-frontend-js"></script>
|
|||
|
|
<script type="3e0f79c494425893c5741014-text/javascript" src="https://www.goodwalk.co.nz/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.19.3" id="e-sticky-js"></script>
|
|||
|
|
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="3e0f79c494425893c5741014-|49" defer></script></body>
|
|||
|
|
</html>
|