-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfaq.html
More file actions
313 lines (296 loc) · 19.6 KB
/
faq.html
File metadata and controls
313 lines (296 loc) · 19.6 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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Frequently Asked Questions | Futurelab</title>
<meta name="description" content="Frequently asked questions about Futurelab's professional web design, e-commerce development, SEO services, pricing, timelines, and custom website solutions for UK businesses.">
<!-- Open Graph for social sharing -->
<meta property="og:title" content="Frequently Asked Questions | Futurelab">
<meta property="og:description" content="Answers to common questions about Futurelab's web design, e-commerce, and app development services.">
<meta property="og:image" content="https://www.futurelab.solutions/assets/social-share.webp">
<meta property="og:url" content="https://www.futurelab.solutions/faq">
<meta property="og:type" content="website">
<!-- Canonical URL -->
<link rel="canonical" href="https://www.futurelab.solutions/faq">
<link rel="stylesheet" href="styles.css"> <!-- ADDED -->
<link rel="stylesheet" href="animations.css">
<link rel="stylesheet" href="mobile-hero.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<meta name="theme-color" content="#4361ee">
<link rel="icon" href="assets/favicon/favicon.ico" sizes="any">
<link rel="manifest" href="assets/favicon/site.webmanifest">
<!-- Add scripts for the unified header -->
<script src="js/includeElements.js" defer></script>
<script src="utilities.js" defer></script> <!-- Moved up and deferred -->
<style>
/* Gradient title styling for FAQ page */
.gradient-title {
background-image: linear-gradient(90deg,
#4361ee,
#3a86ff,
#4cc9f0,
#3a86ff,
#4361ee);
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block;
width: 100%;
text-align: center;
animation: gradient-flow 3s ease infinite alternate;
text-shadow: 0 0 1px rgba(67, 97, 238, 0.2),
0 0 15px rgba(76, 201, 240, 0.3);
font-weight: 700;
}
@keyframes gradient-flow {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}
.dark-theme .gradient-title {
text-shadow: 0 0 2px rgba(76, 201, 240, 0.3),
0 0 15px rgba(67, 97, 238, 0.4);
}
/* Ensure FAQ item styles are loaded from styles.css, not duplicated here */
</style>
</head>
<body class="header-toggle-faq">
<div id="header-placeholder"></div>
<main>
<section class="faq section-transition" id="faq">
<div class="container">
<h2 class="section-title gradient-title">Frequently Asked Questions</h2>
<!-- Add introduction paragraph --> <p style="max-width: 700px; margin: 0 auto 40px; text-align: center; line-height: 1.6; color: var(--gray-color);">
Got questions? You're in the right place. Whether you're planning your first website or exploring a full e-commerce build, this page covers the most common things clients ask; from timelines and pricing to platforms and support. If you don't see your question here, feel free to <a href="/contact" class="text-link">get in touch</a>!
</p>
<!-- Project Timeline Section -->
<div class="faq-section">
<h3 class="faq-section-title">Project Timeline & Process</h3>
<div class="faq-list">
<div class="faq-item">
<div class="faq-question">
<h3>How long does it take to build a website?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Most brochure websites take 2-4 weeks. E-commerce and custom projects may take longer depending on requirements. You'll get a clear timeline before we start.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>How long does a typical project take?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Timeline varies by project complexity. Simple websites typically take 2-3 weeks, while e-commerce sites or complex web applications may take 4-8 weeks. We'll provide a detailed timeline during our initial consultation based on your specific requirements.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>What platforms do you use?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>We build custom sites using modern frameworks (React, Next.js, Astro), Shopify for e-commerce, and can integrate with WordPress or other CMS if needed.</p>
</div>
</div>
</div>
</div>
<!-- Pricing Section -->
<div class="faq-section">
<h3 class="faq-section-title">Pricing & Payment</h3>
<div class="faq-list">
<div class="faq-item">
<div class="faq-question">
<h3>How much does a website cost?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Starter websites begin at £499, e-commerce from £799, and custom projects are quoted based on your needs. <a href="/contact">Contact us</a> for a detailed quote.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Can I pay in installments?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Yes! We typically work with a 50% deposit to begin work, with the remaining balance due upon project completion. For larger projects, we can arrange milestone-based payment schedules to spread the cost over the development timeline.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>What's included in the quote?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Our quotes are comprehensive and include design, development, testing, and initial content integration. We also include:</p>
<ul>
<li>Mobile-responsive design</li>
<li>Basic SEO setup</li>
<li>Browser compatibility testing</li>
<li>Site launch and setup</li>
<li>30 days of post-launch support</li>
</ul>
<p>Additional services like ongoing maintenance, advanced SEO, or content creation are available as add-ons.</p>
</div>
</div>
</div>
</div>
<!-- Support & Management Section -->
<div class="faq-section">
<h3 class="faq-section-title">Website Management & Support</h3>
<div class="faq-list">
<div class="faq-item">
<div class="faq-question">
<h3>Will I be able to update the site myself later?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Absolutely! We can build your site with user-friendly content management systems that make updates easy, even for non-technical users. We also provide training sessions to ensure you're comfortable managing your site and offer ongoing support if needed.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Do you offer ongoing support?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Absolutely. We offer flexible support and maintenance packages, or can help on an ad-hoc basis as your business grows.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Can you help with content and images?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Yes! We can provide copywriting, source high-quality stock images, and help you structure your content for best results.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Do you offer hosting or domain services?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>While we don't directly sell hosting or domains, we can recommend reliable providers based on your needs and handle all the technical setup for you. We can also manage hosting migration if you're moving from an existing provider.</p>
</div>
</div>
</div>
</div>
<!-- Technical Questions Section -->
<div class="faq-section">
<h3 class="faq-section-title">Technical & Business Questions</h3>
<div class="faq-list">
<div class="faq-item">
<div class="faq-question">
<h3>Do I even need a website if I'm a small business?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Yes, even small businesses benefit greatly from having a professional website. It serves as your 24/7 digital storefront that:</p>
<ul>
<li>Builds credibility with potential customers</li>
<li>Makes your business discoverable in local searches</li>
<li>Provides essential information (hours, location, services)</li>
<li>Showcases testimonials and builds trust</li>
<li>Can generate leads even outside business hours</li>
</ul>
<p>We can create appropriately scaled solutions for businesses of all sizes.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>How fast should a website load?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Ideally, websites should load in under 3 seconds. Users typically abandon sites that take longer than that to load. All our sites are built with performance optimisation in mind, including compressed images, efficient code, and modern best practices to ensure fast loading times across all devices and connection speeds.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>What's the difference between an eCommerce website and a regular website?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>An eCommerce website includes functionality to sell products or services online, with features like:</p>
<ul>
<li>Product catalogs and inventory management</li>
<li>Shopping cart and secure checkout process</li>
<li>Payment gateway integration</li>
<li>Customer account management</li>
<li>Order processing and shipping integration</li>
</ul>
<p>Regular websites primarily provide information but don't typically include direct selling capabilities. eCommerce sites are generally more complex to build and maintain but offer the benefit of direct online sales.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>My website is very old. Can you modernise it?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Definitely! Modernizing outdated websites is one of our specialties. We can transform your old site into a contemporary, mobile-friendly, and secure platform while maintaining your brand identity. This usually includes updating visual design, improving site speed, enhancing security, and ensuring mobile compatibility.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Can you redesign my existing website or app?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Yes! We specialise in redesigns and can modernise your existing site while preserving its content and improving functionality. We'll start with an audit of your current site to identify what's working, what needs improvement, and opportunities to enhance user experience.</p>
</div>
</div>
</div>
</div>
<!-- About Futurelab Section -->
<div class="faq-section">
<h3 class="faq-section-title">About Futurelab</h3>
<div class="faq-list">
<div class="faq-item">
<div class="faq-question">
<h3>Where are you based?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>I'm based in London, UK.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>I'm a tech newbie. Can you help me through the process?</h3>
<button class="faq-toggle" aria-label="Toggle answer"><i class="fas fa-chevron-down"></i></button>
</div>
<div class="faq-answer">
<p>Absolutely! We work with clients of all technical backgrounds and pride ourselves on making the process simple and transparent. We'll explain everything in clear, non-technical terms, guide you through each step, and provide comprehensive training on how to use your new site once it's completed.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<div id="footer-placeholder"></div>
<!-- Cookie Consent Banner (ensure it's included if not globally managed) -->
<div id="cookie-banner" class="cookie-banner"> <div class="cookie-content">
<p>This website uses cookies to ensure you get the best experience. <a href="/privacy-policy">Learn more</a></p>
<div class="cookie-buttons">
<button id="cookie-accept" class="btn btn-sm btn-primary">Accept</button>
<button id="cookie-decline" class="btn btn-sm btn-outline">Decline</button>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script>
<script src="testimonials.js"></script>
<script src="analytics-integration.js"></script>
<script src="script.js"></script>
</body>
</html>