-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
206 lines (187 loc) · 13.3 KB
/
Copy pathabout.html
File metadata and controls
206 lines (187 loc) · 13.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GC4NB7MQL7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-GC4NB7MQL7');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Technical SEO -->
<link rel="canonical" href="https://bizmapper.github.io/about.html">
<meta name="robots" content="index, follow">
<link rel="alternate" hreflang="en" href="https://bizmapper.github.io/about.html">
<link rel="sitemap" type="application/xml" title="Sitemap" href="https://bizmapper.github.io/sitemap.xml">
<title>About Us - Biz Mapper | Local SEO & GMB Optimization Experts</title>
<meta name="description"
content="Learn about Biz Mapper, our mission to support small businesses with professional emails and landing pages, and our Google Maps Local Guide Level 8 expertise.">
<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=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="icon" type="image/png" href="assets/images/logo.png">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container header-container">
<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="Biz Mapper Logo">
<span>Biz Mapper</span>
</a>
<nav class="nav">
<ul class="nav-list">
<li><a href="index.html" class="nav-link">Home</a></li>
<li><a href="services.html" class="nav-link">Services</a></li>
<li><a href="projects.html" class="nav-link">Projects</a></li>
<li><a href="about.html" class="nav-link active">About</a></li>
<li><a href="blog.html" class="nav-link">Blog</a></li>
<li><a href="index.html#contact" class="nav-link btn-primary">Contact</a></li>
</ul>
<button class="mobile-menu-btn" aria-label="Toggle menu">
<i class="fa-solid fa-bars"></i>
</button>
</nav>
</div>
</header>
<!-- Page Hero -->
<section class="page-hero">
<div class="container">
<h1>About Biz Mapper</h1>
<p>Empowering small and local businesses to grow their online footprint and connect with local communities.</p>
</div>
</section>
<!-- Breadcrumbs -->
<nav class="breadcrumbs">
<div class="container">
<ul class="breadcrumbs-list">
<li><a href="index.html">Home</a></li>
<li>About</li>
</ul>
</div>
</nav>
<!-- Our Story Section -->
<section class="page-section">
<div class="container" style="max-width: 900px;">
<div style="text-align: center; margin-bottom: 50px;">
<h2 style="font-size: 2.2rem; color: var(--secondary-color); margin-bottom: 15px;">Our Mission & Vision</h2>
<p style="font-size: 1.1rem; color: #555; line-height: 1.8;">
At Biz Mapper, we believe that in today's digital landscape, every single small business deserves a clean, professional, and powerful web presence. Too many incredible local trades, shops, and boutique companies are left invisible in Google search simply because they lack basic digital setup.
</p>
</div>
<div style="background-color: var(--secondary-color); color: var(--light-text); padding: 40px; border-radius: 15px; text-align: center; margin-bottom: 60px; box-shadow: var(--shadow);">
<i class="fa-solid fa-quote-left" style="font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; display: block;"></i>
<p style="font-size: 1.4rem; font-weight: 500; line-height: 1.6; margin-bottom: 20px;">
"Our mission is to allow small businesses to have at least one professional email and one landing page as a website to show their work."
</p>
<span style="font-size: 1rem; opacity: 0.8; font-weight: 600;">— The Biz Mapper Promise</span>
</div>
<div style="margin-bottom: 60px;">
<h3 style="font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 20px; text-align: center;">Why Your Digital Footprint Matters</h3>
<p style="color: #666; line-height: 1.8; margin-bottom: 20px;">
When local customers search for your products or services, they turn to Google Maps and local search engines. If you aren't listed correctly, or if you don't have a professional landing page to display your work, you are effectively giving those customers away to your competitors.
</p>
<p style="color: #666; line-height: 1.8; margin-bottom: 20px;">
Having a generic email address (like a free Gmail or Yahoo account) can also subtly hurt your business's credibility. By equipping small businesses with custom corporate emails (e.g., <code>info@yourdomain.com.au</code>) and a highly optimized landing page, we instantly boost customer confidence and professional legitimacy.
</p>
</div>
<!-- Authoritative Pillar: Google Maps Local Guide Level 8 -->
<div class="other-service-item" style="padding: 40px; border-radius: 15px; border-left: 6px solid var(--primary-color); display: flex; flex-direction: column; gap: 20px; background-color: #fff; box-shadow: var(--shadow); margin-bottom: 60px;">
<div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap;">
<div style="font-size: 3rem; color: var(--primary-color);"><i class="fa-solid fa-map-location-dot"></i></div>
<div>
<h3 style="font-size: 1.6rem; color: var(--secondary-color); margin-bottom: 5px;">Google Maps Local Guide Level 8 Authority</h3>
<span style="background-color: var(--primary-color); color: #fff; padding: 4px 12px; border-radius: 30px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase;">Verified Expertise</span>
</div>
</div>
<p style="color: #555; line-height: 1.8; margin: 0;">
Our team doesn't just theorize about local search parameters—we are actively involved in the Google ecosystem. Holding a **Local Guide Level 8** status on Google Maps gives us unparalleled first-hand insight into how Google evaluates, registers, maps, and ranks local businesses. We apply these exact secrets to optimize your Google My Business profile for maximum reach.
</p>
</div>
<!-- Brainstorming Methodology -->
<div style="margin-bottom: 40px;">
<h3 style="font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 20px; text-align: center;">Our Collaborative Brainstorming Approach</h3>
<p style="color: #666; line-height: 1.8; margin-bottom: 30px; text-align: center;">
We don't believe in assembly-line packages. Every business is unique, and our workflow reflects that.
</p>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 20px;">
<div style="background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: var(--shadow); border: 1px solid #eee;">
<h4 style="color: var(--secondary-color); font-size: 1.2rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">
<span style="background-color: var(--primary-color); color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem;">1</span>
Brainstorming Session
</h4>
<p style="color: #666; font-size: 0.95rem; line-height: 1.6;">
We sit down with you—in person or virtually—and map out your ideas on a collaborative brainstorm board.
</p>
</div>
<div style="background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: var(--shadow); border: 1px solid #eee;">
<h4 style="color: var(--secondary-color); font-size: 1.2rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">
<span style="background-color: var(--primary-color); color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem;">2</span>
Custom Digital Plan
</h4>
<p style="color: #666; font-size: 0.95rem; line-height: 1.6;">
We design a bespoke digital checklist—customized directly for your target neighborhood and industry domain.
</p>
</div>
<div style="background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: var(--shadow); border: 1px solid #eee;">
<h4 style="color: var(--secondary-color); font-size: 1.2rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">
<span style="background-color: var(--primary-color); color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem;">3</span>
Development & SEO
</h4>
<p style="color: #666; font-size: 0.95rem; line-height: 1.6;">
Our experts build your lightning-fast landing page and implement precise GMB optimization structures.
</p>
</div>
<div style="background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: var(--shadow); border: 1px solid #eee;">
<h4 style="color: var(--secondary-color); font-size: 1.2rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px;">
<span style="background-color: var(--primary-color); color: #fff; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem;">4</span>
Growth & Launch
</h4>
<p style="color: #666; font-size: 0.95rem; line-height: 1.6;">
We launch your digital asset, coordinate citation consistency, and start driving fresh inbound calls.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="contact" style="background: linear-gradient(rgba(29, 53, 87, 0.95), rgba(29, 53, 87, 0.95)); padding: 80px 0;">
<div class="container contact-container">
<div class="contact-box">
<h2>Let's Sit Down & Brainstorm!</h2>
<p>Book a free consultation session with a Google Local Guide expert and see how we can build your digital foundation.</p>
<div class="contact-info">
<a href="mailto:info.bizmapper@gmail.com" class="contact-link"><i class="fa-solid fa-envelope"></i> info.bizmapper@gmail.com</a>
<a href="tel:0410207299" class="contact-link"><i class="fa-solid fa-phone"></i> 0410 207 299</a>
</div>
<a href="https://calendar.app.google/orstnE8J89WLVehk7" target="_blank" class="btn btn-primary btn-large">Book Your Free Session</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-acknowledgment">
<div class="flag-icons">
<img src="assets/images/Footer/flag_country_aboriginal.png" alt="Aboriginal Flag" class="flag-icon">
<img src="assets/images/Footer/flag_country_torres-strait-islanders.png"
alt="Torres Strait Islander Flag" class="flag-icon">
</div>
<p class="acknowledgment-text">BizMapper acknowledges Aboriginal and Torres Strait Islander people as
the Traditional Custodians of the land and acknowledges and pays respect to their Elders, past and
present.</p>
</div>
<p>© 2026 Biz Mapper. All rights reserved.</p>
<p class="designer-credit">Designed by <a href="https://medohamdani.github.io" target="_blank"
class="hidden-link">Medo Hamdani</a></p>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>