engineerkbc/digital-dynamo-hub-uganda
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>TFast Digital Agency Uganda - Web Design & App Development</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script>11 tailwind.config = {12 theme: {13 extend: {14 colors: {15 primary: '#2563EB',16 secondary: '#059669',17 accent: '#F59E0B',18 dark: '#1F2937',19 light: '#F3F4F6'20 }21 }22 }23 }24 </script>25<style>26 .hero-gradient {27 background: linear-gradient(135deg, #4F46E580 0%, #10B98180 100%);28 }29 .service-card:hover {30 transform: translateY(-5px);31 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);32 }33 .timeline-item:not(:last-child)::after {34 content: '';35 position: absolute;36 left: 6px;37 top: 24px;38 height: calc(100% - 24px);39 width: 2px;40 background-color: #E5E7EB;41 }42 </style>43</head>44<body class="font-sans antialiased text-gray-800">45 <!-- Navigation -->46 <nav class="bg-white shadow-sm fixed w-full z-10">47 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">48 <div class="flex justify-between h-16">49 <div class="flex items-center">50 <div class="flex items-center">51 <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3">52 <span class="text-white font-bold text-xl">T</span>53 </div>54 <span class="text-xl font-bold text-dark">TFast <span class="text-primary">Digital</span></span>55 </div>56</div>57 <div class="hidden md:flex items-center space-x-8">58 <a href="services.html" class="text-dark hover:text-primary transition">Services</a>59 <a href="webflow-development.html" class="text-dark hover:text-primary transition">Webflow Dev</a>60 <a href="#pricing" class="text-dark hover:text-primary transition">Pricing</a>61 <a href="#portfolio" class="text-dark hover:text-primary transition">Portfolio</a>62<a href="#contact" class="text-dark hover:text-primary transition">Contact</a>63 <a href="/auth/signup" class="bg-secondary text-white px-6 py-2 rounded-lg hover:bg-green-700 transition flex items-center mr-4">64 <i data-feather="user-plus" class="mr-2 w-4 h-4"></i> Sign Up65 </a>66 <button class="bg-primary text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition flex items-center">67 <i data-feather="message-square" class="mr-2 w-4 h-4"></i> Get Quote68 </button>69</div>70<div class="md:hidden flex items-center">71 <button id="menu-toggle">72 <i data-feather="menu"></i>73 </button>74 </div>75 </div>76 </div>77 </nav>78 <!-- Hero Section -->79 <section class="pt-32 pb-20 bg-gradient-to-br from-indigo-900 to-blue-800">80 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">81 <div class="md:flex items-center">82 <div class="md:w-1/2">83 <h1 class="text-5xl font-bold text-white mb-6 leading-tight">Transform Your Digital Presence Today</h1>84 <p class="text-xl text-blue-100 mb-8 max-w-lg">We craft high-performance digital experiences that drive growth and engagement.</p>85 <div class="flex space-x-4">86 <a href="/auth/signup" class="bg-white text-blue-800 px-8 py-3 rounded-lg font-medium hover:bg-blue-50 transition flex items-center">87 Get Started <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>88 </a>89 <a href="/auth/signup" class="border border-white text-white px-8 py-3 rounded-lg hover:bg-white/10 transition flex items-center">90 <i data-feather="user-plus" class="mr-2 w-5 h-5"></i> Free Trial91 </a>92</div>93 <div class="mt-8 flex items-center space-x-6">94 <div class="flex -space-x-2">95 <img src="https://static.photos/people/200x200/1" alt="Client" class="w-10 h-10 rounded-full border-2 border-white">96 <img src="https://static.photos/people/200x200/2" alt="Client" class="w-10 h-10 rounded-full border-2 border-white">97 <img src="https://static.photos/people/200x200/3" alt="Client" class="w-10 h-10 rounded-full border-2 border-white">98 </div>99 <div>100 <p class="text-blue-100 text-sm">Trusted by 500+ businesses</p>101 <div class="flex items-center mt-1">102 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>103 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>104 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>105 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>106 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>107 <span class="text-white ml-1 text-sm">5.0 (200+ reviews)</span>108 </div>109 </div>110 </div>111 </div>112 <div class="md:w-1/2 mt-12 md:mt-0 relative">113 <div class="absolute -top-8 -left-8 w-40 h-40 rounded-full bg-indigo-500 opacity-20 blur-xl"></div>114 <div class="absolute -bottom-8 -right-8 w-40 h-40 rounded-full bg-blue-500 opacity-20 blur-xl"></div>115 <div class="relative overflow-hidden rounded-2xl shadow-2xl border-8 border-white/20 transform rotate-1">116 <img src="https://static.photos/technology/1200x630/42" alt="Digital Solutions" class="w-full h-auto">117 <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-6">118 <h3 class="text-white font-semibold text-xl">Mobile App Development</h3>119 <p class="text-blue-200">iOS & Android solutions</p>120 </div>121 </div>122 </div>123 </div>124</section>125 <!-- Pricing Section -->126 <section id="pricing" class="py-20 bg-gray-50">127 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">128 <div class="text-center mb-16">129 <h2 class="text-3xl font-bold text-gray-900 mb-4">Website Development Packages</h2>130 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Choose the perfect package for your business needs</p>131 </div>132 133 <div class="grid md:grid-cols-4 gap-6">134 <!-- Starter Website -->135 <div class="bg-white p-6 rounded-xl shadow-md">136 <h3 class="text-xl font-semibold mb-4">Starter Website</h3>137 <p class="text-3xl font-bold text-primary mb-6">800,000 UGX</p>138 <ul class="space-y-3 mb-8">139 <li class="flex items-start">140 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>141 <span>1-5 Pages</span>142 </li>143 <li class="flex items-start">144 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>145 <span>Responsive Design</span>146 </li>147 <li class="flex items-start">148 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>149 <span>Basic SEO Setup</span>150 </li>151 <li class="flex items-start">152 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>153 <span>Contact Form</span>154 </li>155 </ul>156 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">157 Get Started158 </a>159 </div>160 161 <!-- Business Website -->162 <div class="bg-white p-6 rounded-xl shadow-md border-2 border-primary relative">163 <div class="absolute top-0 right-0 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-bl-lg rounded-tr-lg">164 POPULAR165 </div>166 <h3 class="text-xl font-semibold mb-4">Business Website</h3>167 <p class="text-3xl font-bold text-primary mb-6">1,500,000 UGX</p>168 <ul class="space-y-3 mb-8">169 <li class="flex items-start">170 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>171 <span>6-15 Pages</span>172 </li>173 <li class="flex items-start">174 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>175 <span>Admin Panel</span>176 </li>177 <li class="flex items-start">178 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>179 <span>Blog Section</span>180 </li>181 <li class="flex items-start">182 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>183 <span>Analytics Integration</span>184 </li>185 </ul>186 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">187 Get Started188 </a>189 </div>190 191 <!-- E-Commerce -->192 <div class="bg-white p-6 rounded-xl shadow-md">193 <h3 class="text-xl font-semibold mb-4">E-Commerce</h3>194 <p class="text-3xl font-bold text-primary mb-6">2,500,000 UGX</p>195 <ul class="space-y-3 mb-8">196 <li class="flex items-start">197 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>198 <span>Unlimited Products</span>199 </li>200 <li class="flex items-start">201 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>202 <span>Online Payments</span>203 </li>204 <li class="flex items-start">205 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>206 <span>Inventory System</span>207 </li>208 <li class="flex items-start">209 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>210 <span>Advanced SEO</span>211 </li>212 </ul>213 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">214 Get Started215 </a>216 </div>217 218 <!-- Enterprise -->219 <div class="bg-white p-6 rounded-xl shadow-md">220 <h3 class="text-xl font-semibold mb-4">Enterprise</h3>221 <p class="text-3xl font-bold text-primary mb-6">3,500,000+ UGX</p>222 <ul class="space-y-3 mb-8">223 <li class="flex items-start">224 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>225 <span>Custom Dashboards</span>226 </li>227 <li class="flex items-start">228 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>229 <span>API Integrations</span>230 </li>231 <li class="flex items-start">232 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>233 <span>Advanced Security</span>234 </li>235 <li class="flex items-start">236 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>237 <span>Team Training</span>238 </li>239 </ul>240 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">241 Get Quote242 </a>243 </div>244 </div>245 </div>246 </section>247<!-- Services Section -->248 <section id="services" class="py-20 bg-white">249 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">250 <div class="text-center mb-12">251 <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Core Services</h2>252 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Comprehensive digital solutions to grow your business</p>253 </div>254 255 <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">256 <!-- Web Development -->257 <div class="bg-white p-8 rounded-xl shadow-md service-card transition">258 <div class="w-16 h-16 bg-primary-100 rounded-xl flex items-center justify-center mb-6">259 <i data-feather="globe" class="text-primary text-2xl"></i>260 </div>261 <h3 class="text-xl font-semibold mb-4">Web Development</h3>262 <p class="text-gray-600 mb-6">Responsive, SEO-ready websites built with modern technologies.</p>263 <div class="bg-gray-50 p-4 rounded-lg mb-4">264 <p class="text-sm font-medium text-gray-600">Starting from:</p>265 <p class="text-xl font-bold text-primary">800,000 UGX</p>266 </div>267 <a href="#pricing" class="text-primary font-medium flex items-center">268 View Packages <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>269 </a>270 </div>271 272 <!-- App Development -->273 <div class="bg-white p-8 rounded-xl shadow-md service-card transition">274 <div class="w-16 h-16 bg-primary-100 rounded-xl flex items-center justify-center mb-6">275 <i data-feather="smartphone" class="text-primary text-2xl"></i>276 </div>277 <h3 class="text-xl font-semibold mb-4">App Development</h3>278 <p class="text-gray-600 mb-6">Native & cross-platform apps for iOS & Android.</p>279 <div class="bg-gray-50 p-4 rounded-lg mb-4">280 <p class="text-sm font-medium text-gray-600">Starting from:</p>281 <p class="text-xl font-bold text-primary">2,500,000 UGX</p>282 </div>283 <a href="#pricing" class="text-primary font-medium flex items-center">284 Get Quote <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>285 </a>286 </div>287 <!-- SMM Panel -->288 <div class="bg-white p-8 rounded-xl shadow-md service-card transition">289 <div class="w-16 h-16 bg-primary-100 rounded-xl flex items-center justify-center mb-6">290 <i data-feather="users" class="text-primary text-2xl"></i>291 </div>292 <h3 class="text-xl font-semibold mb-4">Social Media Marketing</h3>293 <p class="text-gray-600 mb-6">Grow your presence on all major platforms.</p>294 <div class="bg-gray-50 p-4 rounded-lg mb-4">295 <p class="text-sm font-medium text-gray-600">Starting from:</p>296 <p class="text-xl font-bold text-primary">50,000 UGX</p>297 </div>298 <a href="#pricing" class="text-primary font-medium flex items-center">299 Boost Now <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>300 </a>301 </div>302 303 <!-- GSM Tools -->304 <div class="bg-white p-8 rounded-xl shadow-md service-card transition">305 <div class="w-16 h-16 bg-primary-100 rounded-xl flex items-center justify-center mb-6">306 <i data-feather="tool" class="text-primary text-2xl"></i>307 </div>308 <h3 class="text-xl font-semibold mb-4">GSM Automation</h3>309 <p class="text-gray-600 mb-6">Professional phone repair tools & workflows.</p>310 <div class="bg-gray-50 p-4 rounded-lg mb-4">311 <p class="text-sm font-medium text-gray-600">Starting from:</p>312 <p class="text-xl font-bold text-primary">100,000 UGX</p>313 </div>314 <a href="#pricing" class="text-primary font-medium flex items-center">315 View Tools <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>316 </a>317 </div>318<!-- Service Card 3 -->319 <div class="bg-white p-6 rounded-lg shadow-md service-card transition">320 <div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">321 <i data-feather="smartphone" class="text-primary"></i>322 </div>323 <h3 class="text-xl font-semibold mb-3">GSM & Repair Tooling</h3>324 <p class="text-gray-600 mb-4">Pro-grade repair workflows with device-safe procedures.</p>325 <ul class="space-y-2">326 <li class="flex items-start">327 <i data-feather="check" class="text-secondary mr-2 mt-1 w-4 h-4"></i>328 <span>UnlockTool • Carrier Unlock</span>329 </li>330 <li class="flex items-start">331 <i data-feather="check" class="text-secondary mr-2 mt-1 w-4 h-4"></i>332 <span>Cheetah Pro • Advanced Repair</span>333 </li>334 </ul>335 </div>336 </div>337 </div>338 </section>339 340 <!-- How It Works Section -->341 <section id="process" class="py-20 bg-light">342<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">343 <div class="text-center mb-12">344 <h2 class="text-3xl font-bold text-gray-900 mb-4">How It Works?</h2>345 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Follow these simple steps to get started with our services</p>346 </div>347 348 <div class="grid md:grid-cols-4 gap-8">349 <div class="text-center">350 <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">351 <span class="text-2xl font-bold text-primary">1</span>352 </div>353 <h3 class="text-lg font-semibold mb-2">Register & Login</h3>354 <p class="text-gray-600">Create your account as the first step to accessing our services.</p>355 </div>356 357 <div class="text-center">358 <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">359 <span class="text-2xl font-bold text-primary">2</span>360 </div>361 <h3 class="text-lg font-semibold mb-2">Add Funds</h3>362 <p class="text-gray-600">Choose from our Ugandan payment options and add funds.</p>363 </div>364 365 <div class="text-center">366 <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">367 <span class="text-2xl font-bold text-primary">3</span>368 </div>369 <h3 class="text-lg font-semibold mb-2">Select a Service</h3>370 <p class="text-gray-600">Choose from web design, app development, SMM, or phone repair.</p>371 </div>372 373 <div class="text-center">374 <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">375 <span class="text-2xl font-bold text-primary">4</span>376 </div>377 <h3 class="text-lg font-semibold mb-2">Get Results</h3>378 <p class="text-gray-600">Experience growth and success as our services deliver real results.</p>379 </div>380 </div>381 </div>382 </section>383 <!-- Portfolio Section -->384 <section id="portfolio" class="py-20 bg-white">385 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">386 <div class="text-center mb-16">387 <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Portfolio</h2>388 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Trusted by businesses across Uganda</p>389 </div>390 391 <div class="grid md:grid-cols-3 gap-8">392 <!-- Project 1 -->393 <div class="bg-white rounded-xl overflow-hidden shadow-lg">394 <img src="https://static.photos/technology/640x360/1" alt="Quality Chemical" class="w-full h-48 object-cover">395 <div class="p-6">396 <h3 class="text-xl font-semibold mb-2">Quality Chemical</h3>397 <p class="text-gray-600 mb-4">SACCO portal with AI chatbot</p>398 <p class="text-sm text-gray-500 mb-4">+340% user engagement</p>399 <a href="#" class="text-primary font-medium">View Case Study →</a>400 </div>401 </div>402 403 <!-- Project 2 -->404 <div class="bg-white rounded-xl overflow-hidden shadow-lg">405 <img src="https://static.photos/technology/640x360/2" alt="IMEI Repair" class="w-full h-48 object-cover">406 <div class="p-6">407 <h3 class="text-xl font-semibold mb-2">IMEIRepairServer</h3>408 <p class="text-gray-600 mb-4">Global GSM automation platform</p>409 <p class="text-sm text-gray-500 mb-4">99.9% uptime</p>410 <a href="#" class="text-primary font-medium">View Case Study →</a>411 </div>412 </div>413 414 <!-- Project 3 -->415 <div class="bg-white rounded-xl overflow-hidden shadow-lg">416 <img src="https://static.photos/technology/640x360/3" alt="QuickAccDeals" class="w-full h-48 object-cover">417 <div class="p-6">418 <h3 class="text-xl font-semibold mb-2">QuickAccDeals</h3>419 <p class="text-gray-600 mb-4">E-commerce for digital goods</p>420 <p class="text-sm text-gray-500 mb-4">$200K+ transactions</p>421 <a href="#" class="text-primary font-medium">View Case Study →</a>422 </div>423 </div>424 </div>425 </div>426 </section>427 428 <!-- Testimonials Section -->429 <section id="testimonials" class="py-20 bg-gray-50">430<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">431 <div class="text-center mb-12">432 <h2 class="text-3xl font-bold text-gray-900 mb-4">What Our Clients Say</h2>433 </div>434 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">435 <div class="grid md:grid-cols-3 gap-8">436 <div class="bg-white p-8 rounded-xl shadow-md">437 <div class="flex items-center mb-6">438 <img src="https://static.photos/people/200x200/1" alt="QCSMCSL Board" class="w-16 h-16 rounded-full mr-4">439 <div>440 <h4 class="font-semibold">QCSMCSL Board</h4>441 <p class="text-gray-600 text-sm">Financial Institution</p>442 </div>443 </div>444 <p class="text-gray-700">"TFast Digital rebuilt our entire online presence. Fast, secure, reliable."</p>445 <div class="flex mt-4">446 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>447 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>448 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>449 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>450 <i data-feather="star" class="text-yellow-400 w-4 h-4"></i>451 </div>452 </div>453 454 <div class="bg-white p-8 rounded-xl shadow-md">455 <div class="flex items-center mb-6">456 <img src="https://static.photos/people/200x200/2" alt="Corporate Client" class="w-16 h-16 rounded-full mr-4">457 <div>458 <h4 class="font-semibold">Corporate Client</h4>459 <p class="text-gray-600 text-sm">Manufacturing</p>460 </div>461 </div>462 <p class="text-gray-700">"Professional communication, zero downtime, transparent billing."</p>463 <div class="flex mt-4">464 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>465 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>466 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>467 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>468 <i data-feather="star" class="text-yellow-400 w-4 h-4"></i>469 </div>470 </div>471 472 <div class="bg-white p-8 rounded-xl shadow-md">473 <div class="flex items-center mb-6">474 <img src="https://static.photos/people/200x200/3" alt="Reseller Partner" class="w-16 h-16 rounded-full mr-4">475 <div>476 <h4 class="font-semibold">Reseller Partner</h4>477 <p class="text-gray-600 text-sm">Technology Distributor</p>478 </div>479 </div>480 <p class="text-gray-700">"The best digital agency in Uganda for growth and GSM automation."</p>481 <div class="flex mt-4">482 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>483 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>484 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>485 <i data-feather="star" class="text-yellow-400 w-4 h-4 mr-1"></i>486 <i data-feather="star" class="text-yellow-400 w-4 h-4"></i>487 </div>488 </div>489 </div>490 </div>491</div>492 </section>493 <!-- Hosting Plans -->494 <section id="hosting" class="py-20 bg-white">495 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">496 <div class="text-center mb-16">497 <h2 class="text-3xl font-bold text-gray-900 mb-4">Hosting Plans</h2>498 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Reliable hosting with 99.9% uptime guarantee</p>499 </div>500 501 <div class="grid md:grid-cols-4 gap-6">502 <!-- Starter Hosting -->503 <div class="bg-white p-6 rounded-xl border border-gray-200">504 <h3 class="text-xl font-semibold mb-4">Starter Hosting</h3>505 <p class="text-3xl font-bold text-primary mb-6">180,000 UGX<span class="text-sm font-normal text-gray-500">/year</span></p>506 <ul class="space-y-3 mb-8">507 <li class="flex items-start">508 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>509 <span>2 GB SSD Storage</span>510 </li>511 <li class="flex items-start">512 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>513 <span>30 GB Bandwidth</span>514 </li>515 <li class="flex items-start">516 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>517 <span>2 Email Accounts</span>518 </li>519 </ul>520 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">521 Order Now522 </a>523 </div>524 525 <!-- Business Hosting -->526 <div class="bg-white p-6 rounded-xl border-2 border-primary shadow-md relative">527 <div class="absolute top-0 right-0 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-bl-lg rounded-tr-lg">528 RECOMMENDED529 </div>530 <h3 class="text-xl font-semibold mb-4">Business Hosting</h3>531 <p class="text-3xl font-bold text-primary mb-6">280,000 UGX<span class="text-sm font-normal text-gray-500">/year</span></p>532 <ul class="space-y-3 mb-8">533 <li class="flex items-start">534 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>535 <span>10 GB SSD Storage</span>536 </li>537 <li class="flex items-start">538 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>539 <span>100 GB Bandwidth</span>540 </li>541 <li class="flex items-start">542 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>543 <span>5 Email Accounts</span>544 </li>545 </ul>546 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">547 Order Now548 </a>549 </div>550 551 <!-- Corporate Hosting -->552 <div class="bg-white p-6 rounded-xl border border-gray-200">553 <h3 class="text-xl font-semibold mb-4">Corporate Hosting</h3>554 <p class="text-3xl font-bold text-primary mb-6">450,000 UGX<span class="text-sm font-normal text-gray-500">/year</span></p>555 <ul class="space-y-3 mb-8">556 <li class="flex items-start">557 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>558 <span>25 GB SSD Storage</span>559 </li>560 <li class="flex items-start">561 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>562 <span>Unlimited Bandwidth</span>563 </li>564 <li class="flex items-start">565 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>566 <span>10 Email Accounts</span>567 </li>568 </ul>569 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">570 Order Now571 </a>572 </div>573 574 <!-- VPS -->575 <div class="bg-white p-6 rounded-xl border border-gray-200">576 <h3 class="text-xl font-semibold mb-4">VPS Hosting</h3>577 <p class="text-3xl font-bold text-primary mb-6">850,000 UGX<span class="text-sm font-normal text-gray-500">/year</span></p>578 <ul class="space-y-3 mb-8">579 <li class="flex items-start">580 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>581 <span>Custom Configuration</span>582 </li>583 <li class="flex items-start">584 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>585 <span>Unlimited Resources</span>586 </li>587 <li class="flex items-start">588 <i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i>589 <span>Root Access</span>590 </li>591 </ul>592 <a href="/auth/signup" class="w-full bg-primary text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition flex items-center justify-center">593 Get Quote594 </a>595 </div>596 </div>597 </div>598 </section>599 600 <!-- CTA Section -->601 <section id="cta" class="py-24 bg-gradient-to-r from-blue-800 to-indigo-900 text-white relative overflow-hidden">602 <div class="absolute top-0 left-0 w-full h-full opacity-10">603 <div class="absolute top-1/4 left-1/4 w-64 h-64 rounded-full bg-blue-500 blur-3xl opacity-50"></div>604 <div class="absolute bottom-1/3 right-1/4 w-64 h-64 rounded-full bg-indigo-500 blur-3xl opacity-50"></div>605 </div>606 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">607 <h2 class="text-4xl font-bold mb-6">Ready to Transform Your Business?</h2>608 <p class="text-xl mb-8 max-w-3xl mx-auto text-blue-100">Get web, hosting, and digital marketing all in one place.</p>609 <div class="flex flex-col sm:flex-row justify-center gap-6">610 <a href="tel:+256751399620" class="bg-white text-blue-800 px-8 py-4 rounded-lg font-medium hover:bg-blue-50 transition flex items-center justify-center">611 <i data-feather="phone" class="mr-2 w-5 h-5"></i> Call +256 751 399 620612 </a>613 <a href="mailto:info@tfastdigital.com" class="border-2 border-white text-white px-8 py-4 rounded-lg hover:bg-white/10 transition flex items-center justify-center">614 <i data-feather="mail" class="mr-2 w-5 h-5"></i> Email Us615 </a>616 </div>617 </div>618</section>619 <!-- FAQ Section -->620 <section id="faq" class="py-20 bg-gray-50">621 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">622 <div class="text-center mb-16">623 <h2 class="text-3xl font-bold text-gray-900 mb-4">Frequently Asked Questions</h2>624 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Quick answers to common questions</p>625 </div>626 627 <div class="grid md:grid-cols-2 gap-8">628 <!-- FAQ 1 -->629 <div class="bg-white p-6 rounded-xl shadow-sm">630 <h3 class="text-xl font-semibold mb-4">Do you design custom websites for SMEs?</h3>631 <p class="text-gray-600">Yes, we offer affordable custom packages starting at UGX 800,000 with responsive design and basic SEO included.</p>632 </div>633 634 <!-- FAQ 2 -->635 <div class="bg-white p-6 rounded-xl shadow-sm">636 <h3 class="text-xl font-semibold mb-4">Do you provide hosting and domains?</h3>637 <p class="text-gray-600">Yes — we handle everything from domain registration to SSL setup and email hosting, with plans starting at 180,000 UGX/year.</p>638 </div>639 640 <!-- FAQ 3 -->641 <div class="bg-white p-6 rounded-xl shadow-sm">642 <h3 class="text-xl font-semibold mb-4">Are your SMM services safe?</h3>643 <p class="text-gray-600">Completely. We follow platform policies and deliver gradual, authentic growth that won't risk your accounts.</p>644 </div>645 646 <!-- FAQ 4 -->647 <div class="bg-white p-6 rounded-xl shadow-sm">648 <h3 class="text-xl font-semibold mb-4">Can I combine services?</h3>649 <p class="text-gray-600">Absolutely. Bundle your website + hosting + SMM for discounted rates. Contact us for custom package pricing.</p>650 </div>651 </div>652 </div>653 </section>654 655 <!-- Footer -->656 <footer class="bg-gray-900 text-white py-16">657<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">658 <div class="grid md:grid-cols-5 gap-8">659 <div class="md:col-span-2">660 <div class="flex items-center mb-6">661 <div class="w-12 h-12 rounded-xl bg-blue-600 flex items-center justify-center mr-4">662 <span class="text-white font-bold text-2xl">T</span>663 </div>664 <span class="text-2xl font-bold text-white">TFast <span class="text-blue-400">Digital</span></span>665 </div>666 <p class="text-gray-400 mb-6">Leading digital solutions provider in East Africa since 2020.</p>667 <div class="flex space-x-4">668 <a href="#" class="text-gray-400 hover:text-white transition">669 <i data-feather="facebook" class="w-5 h-5"></i>670 </a>671 <a href="#" class="text-gray-400 hover:text-white transition">672 <i data-feather="twitter" class="w-5 h-5"></i>673 </a>674 <a href="#" class="text-gray-400 hover:text-white transition">675 <i data-feather="instagram" class="w-5 h-5"></i>676 </a>677 <a href="#" class="text-gray-400 hover:text-white transition">678 <i data-feather="linkedin" class="w-5 h-5"></i>679 </a>680 </div>681 </div>682 <div>683 <h4 class="text-lg font-semibold mb-4">Services</h4>684 <ul class="space-y-3">685 <li><a href="#services" class="text-gray-400 hover:text-white transition flex items-center">686 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Web Development</a></li>687 <li><a href="#services" class="text-gray-400 hover:text-white transition flex items-center">688 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Mobile Apps</a></li>689 <li><a href="#services" class="text-gray-400 hover:text-white transition flex items-center">690 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Social Media Marketing</a></li>691 <li><a href="#services" class="text-gray-400 hover:text-white transition flex items-center">692 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> GSM Automation</a></li>693 <li><a href="#hosting" class="text-gray-400 hover:text-white transition flex items-center">694 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Hosting & Domains</a></li>695 </ul>696 </div>697 <div>698 <h4 class="text-lg font-semibold mb-4">Company</h4>699 <ul class="space-y-3">700 <li><a href="#" class="text-gray-400 hover:text-white transition flex items-center">701 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> About Us</a></li>702 <li><a href="#" class="text-gray-400 hover:text-white transition flex items-center">703 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Our Team</a></li>704 <li><a href="#" class="text-gray-400 hover:text-white transition flex items-center">705 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Portfolio</a></li>706 <li><a href="#contact" class="text-gray-400 hover:text-white transition flex items-center">707 <i data-feather="chevron-right" class="w-4 h-4 mr-2 text-primary"></i> Contact</a></li>708 </ul>709 </div>710 <div>711 <h4 class="text-lg font-semibold mb-4">Contact</h4>712 <ul class="space-y-3">713 <li class="flex items-start">714 <i data-feather="map-pin" class="text-primary mr-2 mt-1 w-4 h-4"></i>715 <span class="text-gray-400">Kampala, Uganda</span>716 </li>717 <li class="flex items-start">718 <i data-feather="phone" class="text-primary mr-2 mt-1 w-4 h-4"></i>719 <span class="text-gray-400">+256 751 399 620</span>720 </li>721 <li class="flex items-start">722 <i data-feather="mail" class="text-primary mr-2 mt-1 w-4 h-4"></i>723 <span class="text-gray-400">info@tfastdigital.com</span>724 </li>725 </ul>726 </div>727 </div>728 <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">729 <p class="mb-2">© 2025 TFast Digital Agency. All rights reserved.</p>730 <p class="text-sm">Built by <strong>Kalyango Brian</strong> — Lead Developer & Founder</p>731 </div>732</div>733 </footer>734 735 <script>736 feather.replace();737 </script>738</body>739</html>740