{"id":7,"date":"2026-06-04T10:21:20","date_gmt":"2026-06-04T10:21:20","guid":{"rendered":"https:\/\/designtab.com.au\/?page_id=7"},"modified":"2026-06-04T10:21:20","modified_gmt":"2026-06-04T10:21:20","slug":"home","status":"publish","type":"page","link":"https:\/\/designtab.com.au\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"relative min-h-screen overflow-hidden pt-20\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8 pt-12 pb-20\">\n\t\t<div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n\t\t\t<div class=\"space-y-8\">\n\t\t\t\t<div class=\"inline-block\">\n\t\t\t\t\t<div class=\"bg-white\/10 border border-white\/30 rounded-full px-6 py-2 backdrop-blur-sm\">\n\t\t\t\t\t\t<p class=\"text-white text-sm font-semibold tracking-wide flex items-center gap-2\">\n\t\t\t\t\t\t\t<span class=\"w-2 h-2 bg-green-400 rounded-full\"><\/span>\n\t\t\t\t\t\t\tWEB DESIGN COMPANY PERTH, WA\n\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t<h1 class=\"text-5xl lg:text-7xl font-bold leading-[0.85]\">\n\t\t\t\t\t\t<span class=\"bg-gradient-to-r from-cyan-400 via-cyan-300 to-blue-400 bg-clip-text text-transparent text-[72px]\">WEBSITES &amp;<\/span><br \/>\n\t\t\t\t\t\t<span class=\"bg-gradient-to-r from-cyan-400 via-cyan-300 to-blue-400 bg-clip-text text-transparent\">MARKETING<\/span><br \/>\n\t\t\t\t\t\t<span class=\"bg-gradient-to-r from-cyan-400 via-cyan-300 to-blue-400 bg-clip-text text-transparent\">SOLUTION<\/span>\n\t\t\t\t\t<\/h1>\n\t\t\t\t\t<h2 class=\"text-3xl lg:text-4xl font-bold text-white\">\n\t\t\t\t\t\tTHAT <span class=\"text-[rgb(251,44,99)]\">OUTPERFORMS<\/span><br \/>\n\t\t\t\t\t\tYOUR COMPETITORS\n\t\t\t\t\t<\/h2>\n\t\t\t\t<\/div>\n\t\t\t\t<p class=\"text-gray-300 text-lg leading-relaxed max-w-xl\">\n\t\t\t\t\tWe are a local team of web builders and designers primarily based in Perth, Western Australia that focus on website development and online marketing and advertising. Our team is experienced at growing beautiful websites and will work tirelessly to fulfill your enterprise goals. We stay the visit desire in an age where virtual prowess is imperative.\n\t\t\t\t<\/p>\n\t\t\t\t<div class=\"flex flex-col sm:flex-row gap-4\">\n\t\t\t\t\t<a href=\"\/services\/\" class=\"group bg-gradient-to-r from-red-500 to-pink-600 text-white px-8 py-4 rounded-lg font-semibold hover:shadow-2xl hover:shadow-red-500\/50 transition-all duration-300 hover:scale-105 flex items-center justify-center gap-2\">\n\t\t\t\t\t\tSERVICES WE OFFER\n\t\t\t\t\t\t<svg class=\"group-hover:translate-x-1 transition-transform duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<a href=\"\/portfolio\/\" class=\"group border-2 border-white text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-[#0a1628] transition-all duration-300 hover:scale-105 flex items-center justify-center gap-2\">\n\t\t\t\t\t\tVIEW PORTFOLIO\n\t\t\t\t\t\t<svg class=\"group-hover:translate-x-1 transition-transform duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"relative hidden lg:block\">\n\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t<div class=\"absolute -top-10 -left-10 w-32 h-32 designtab-hero-shape-1\">\n\t\t\t\t\t\t<div class=\"w-full h-full bg-gradient-to-br from-cyan-400 to-blue-500 rounded-2xl shadow-2xl shadow-cyan-500\/50\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"absolute -top-5 right-20 w-20 h-20 designtab-hero-shape-2\">\n\t\t\t\t\t\t<div class=\"w-full h-full bg-gradient-to-br from-red-500 to-pink-600 rounded-full shadow-2xl shadow-red-500\/50\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"absolute top-1\/3 -right-5 w-24 h-24 designtab-hero-shape-3\">\n\t\t\t\t\t\t<div class=\"w-full h-full bg-gradient-to-br from-yellow-400 to-orange-500 rounded-lg rotate-45 shadow-2xl shadow-yellow-500\/50\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"absolute bottom-10 -left-5 w-28 h-28 designtab-hero-shape-4\">\n\t\t\t\t\t\t<div class=\"w-full h-full bg-gradient-to-br from-green-400 to-emerald-500 rounded-3xl shadow-2xl shadow-green-500\/50\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"absolute bottom-1\/4 right-10 w-16 h-16 designtab-hero-shape-5\">\n\t\t\t\t\t\t<div class=\"w-full h-full bg-gradient-to-br from-purple-500 to-pink-500 rounded-full shadow-2xl shadow-purple-500\/50\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"relative z-10 designtab-hero-card\">\n\t\t\t\t\t\t<div class=\"bg-white\/5 backdrop-blur-xl border border-white\/10 rounded-3xl p-8 shadow-2xl\">\n\t\t\t\t\t\t\t<div class=\"space-y-6\">\n\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t\t\t\t\t\t\t<div class=\"w-16 h-16 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-2xl flex items-center justify-center shadow-lg\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2L2 7L12 12L22 7L12 2Z\" fill=\"white\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M2 17L12 22L22 17\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><path d=\"M2 12L12 17L22 12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-white font-bold text-xl\">Creative Design<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-gray-400 text-sm\">Modern &amp; Engaging<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t\t\t\t\t\t\t<div class=\"w-16 h-16 bg-gradient-to-br from-red-500 to-pink-600 rounded-2xl flex items-center justify-center shadow-lg\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" fill=\"white\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-white font-bold text-xl\">Fast Performance<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-gray-400 text-sm\">Lightning Speed<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t\t\t\t\t\t\t<div class=\"w-16 h-16 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-2xl flex items-center justify-center shadow-lg\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M21 16V8C21 6.895 20.105 6 19 6H5C3.895 6 3 6.895 3 8V16C3 17.105 3.895 18 5 18H19C20.105 18 21 17.105 21 16Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"white\"><\/path><path d=\"M15 12C15 13.657 13.657 15 12 15C10.343 15 9 13.657 9 12C9 10.343 10.343 9 12 9C13.657 9 15 10.343 15 12Z\" fill=\"#FF9900\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"text-white font-bold text-xl\">SEO Optimized<\/h3>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-gray-400 text-sm\">Rank Higher<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"grid grid-cols-3 gap-12 mt-12\">\n\t\t\t\t\t<div class=\"space-y-3\">\n\t\t\t\t\t\t<div class=\"text-5xl font-bold bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent\"><span data-designtab-counter=\"500\" data-designtab-counter-from=\"0\" data-designtab-counter-suffix=\"+\">0<\/span><\/div>\n\t\t\t\t\t\t<div class=\"text-gray-400 text-base\">Projects Done<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"space-y-3\">\n\t\t\t\t\t\t<div class=\"text-5xl font-bold bg-gradient-to-r from-red-500 to-pink-600 bg-clip-text text-transparent\"><span data-designtab-counter=\"15\" data-designtab-counter-from=\"1\" data-designtab-counter-suffix=\"+\">1<\/span><\/div>\n\t\t\t\t\t\t<div class=\"text-gray-400 text-base\">Years Experience<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"space-y-3\">\n\t\t\t\t\t\t<div class=\"text-5xl font-bold bg-gradient-to-r from-yellow-400 to-orange-400 bg-clip-text text-transparent\"><span data-designtab-counter=\"98\" data-designtab-counter-from=\"0\" data-designtab-counter-suffix=\"%\">0<\/span><\/div>\n\t\t\t\t\t\t<div class=\"text-gray-400 text-base\">Client Satisfaction<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 z-20 designtab-scroll-wrap\">\n\t\t<div class=\"flex flex-col items-center gap-2\">\n\t\t\t<span class=\"text-gray-400 text-sm\">Scroll to explore<\/span>\n\t\t\t<div class=\"w-6 h-10 border-2 border-gray-400 rounded-full flex items-start justify-center p-2\">\n\t\t\t\t<div class=\"w-1.5 h-1.5 bg-cyan-400 rounded-full designtab-scroll-dot\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n\n<section class=\"designtab-band-light relative py-24 overflow-hidden\">\n\t<div class=\"absolute inset-0 bg-gradient-to-br from-gray-100 via-slate-200 to-gray-300\"><\/div>\n\t<div class=\"absolute -top-40 right-1\/4 w-[500px] h-[500px] rounded-full opacity-60\" style=\"background: radial-gradient(circle, rgba(6, 182, 212, 0.6) 0%, rgba(59, 130, 246, 0.4) 50%, transparent 70%); filter: blur(80px);\"><\/div>\n\t<div class=\"absolute bottom-0 left-1\/4 w-[600px] h-[600px] rounded-full opacity-60\" style=\"background: radial-gradient(circle, rgba(239, 68, 68, 0.6) 0%, rgba(236, 72, 153, 0.4) 50%, transparent 70%); filter: blur(80px);\"><\/div>\n\t<div class=\"absolute top-1\/2 right-0 w-[450px] h-[450px] rounded-full opacity-55\" style=\"background: radial-gradient(circle, rgba(250, 204, 21, 0.6) 0%, rgba(251, 146, 60, 0.4) 50%, transparent 70%); filter: blur(70px);\"><\/div>\n\t<div class=\"absolute bottom-1\/3 left-0 w-[500px] h-[500px] rounded-full opacity-55\" style=\"background: radial-gradient(circle, rgba(34, 197, 94, 0.6) 0%, rgba(16, 185, 129, 0.4) 50%, transparent 70%); filter: blur(70px);\"><\/div>\n\t<div class=\"absolute inset-0 opacity-10\">\n\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t<defs>\n\t\t\t\t<pattern id=\"services-grid-dt\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\">\n\t\t\t\t\t<path d=\"M 50 0 L 0 0 0 50\" fill=\"none\" stroke=\"rgba(100, 100, 120, 0.4)\" stroke-width=\"0.5\"><\/path>\n\t\t\t\t<\/pattern>\n\t\t\t<\/defs>\n\t\t\t<rect width=\"100%\" height=\"100%\" fill=\"url(#services-grid-dt)\"><\/rect>\n\t\t<\/svg>\n\t<\/div>\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center mb-16\">\n\t\t\t<div class=\"inline-block mb-4\">\n\t\t\t\t<div class=\"bg-red-500\/10 border border-red-500\/40 rounded-full px-6 py-2 backdrop-blur-sm\">\n\t\t\t\t\t<p class=\"text-red-700 text-sm font-semibold tracking-wide\">WHAT WE DO<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<h2 class=\"text-4xl lg:text-5xl font-bold mb-6\"><span class=\"bg-gradient-to-r from-cyan-600 via-blue-600 to-cyan-500 bg-clip-text text-transparent\">SERVICES WE OFFER<\/span><\/h2>\n\t\t\t<p class=\"text-gray-800 text-lg max-w-3xl mx-auto\">\n\t\t\t\tFrom strategy to execution, we provide comprehensive digital solutions to help your business thrive in the digital landscape.\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n\t\t\t<div class=\"group relative\"><a href=\"\/services\/website-design\/\" class=\"block h-full\"><div class=\"relative h-full bg-white\/70 backdrop-blur-sm border border-gray-200\/50 rounded-2xl p-8 transition-all duration-500 hover:bg-white\/90 hover:border-gray-300\/70 hover:shadow-cyan-500\/50 hover:shadow-2xl\"><div class=\"w-16 h-16 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-cyan-500\/50 group-hover:shadow-2xl transition-shadow duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"><\/line><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"><\/line><\/svg><\/div><h3 class=\"text-gray-900 text-2xl font-bold mb-4 group-hover:text-cyan-600 transition-colors duration-300\">Website Design<\/h3><p class=\"text-gray-600 leading-relaxed group-hover:text-gray-700 transition-colors duration-300\">Beautiful, responsive websites that captivate your audience and drive conversions.<\/p><div class=\"absolute bottom-8 right-8 text-cyan-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-cyan-400 to-blue-500 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/a><\/div>\n\t\t\t<div class=\"group relative\"><a href=\"\/services\/ppc-advertising\/\" class=\"block h-full\"><div class=\"relative h-full bg-white\/70 backdrop-blur-sm border border-gray-200\/50 rounded-2xl p-8 transition-all duration-500 hover:bg-white\/90 hover:border-gray-300\/70 hover:shadow-red-500\/50 hover:shadow-2xl\"><div class=\"w-16 h-16 bg-gradient-to-br from-red-500 to-pink-600 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-red-500\/50 group-hover:shadow-2xl transition-shadow duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 4.1 12 6\"><\/path><path d=\"m5.1 8-2.9-.8\"><\/path><path d=\"m6 12-1.9 2\"><\/path><path d=\"M7.2 2.2 8 5.1\"><\/path><path d=\"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z\"><\/path><\/svg><\/div><h3 class=\"text-gray-900 text-2xl font-bold mb-4 group-hover:text-cyan-600 transition-colors duration-300\">PPC Advertising<\/h3><p class=\"text-gray-600 leading-relaxed group-hover:text-gray-700 transition-colors duration-300\">Strategic paid campaigns that maximize ROI and bring qualified leads to your business.<\/p><div class=\"absolute bottom-8 right-8 text-cyan-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-red-500 to-pink-600 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/a><\/div>\n\t\t\t<div class=\"group relative\"><a href=\"\/services\/social-media-marketing\/\" class=\"block h-full\"><div class=\"relative h-full bg-white\/70 backdrop-blur-sm border border-gray-200\/50 rounded-2xl p-8 transition-all duration-500 hover:bg-white\/90 hover:border-gray-300\/70 hover:shadow-purple-500\/50 hover:shadow-2xl\"><div class=\"w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-500 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-purple-500\/50 group-hover:shadow-2xl transition-shadow duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"><\/line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"><\/line><\/svg><\/div><h3 class=\"text-gray-900 text-2xl font-bold mb-4 group-hover:text-cyan-600 transition-colors duration-300\">Social Media Marketing<\/h3><p class=\"text-gray-600 leading-relaxed group-hover:text-gray-700 transition-colors duration-300\">Engaging social strategies that build your brand and connect with your audience.<\/p><div class=\"absolute bottom-8 right-8 text-cyan-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-purple-500 to-pink-500 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/a><\/div>\n\t\t\t<div class=\"group relative\"><a href=\"\/services\/seo-services\/\" class=\"block h-full\"><div class=\"relative h-full bg-white\/70 backdrop-blur-sm border border-gray-200\/50 rounded-2xl p-8 transition-all duration-500 hover:bg-white\/90 hover:border-gray-300\/70 hover:shadow-yellow-500\/50 hover:shadow-2xl\"><div class=\"w-16 h-16 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-yellow-500\/50 group-hover:shadow-2xl transition-shadow duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg><\/div><h3 class=\"text-gray-900 text-2xl font-bold mb-4 group-hover:text-cyan-600 transition-colors duration-300\">SEO Services<\/h3><p class=\"text-gray-600 leading-relaxed group-hover:text-gray-700 transition-colors duration-300\">Boost your rankings and visibility with proven search engine optimization techniques.<\/p><div class=\"absolute bottom-8 right-8 text-cyan-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-yellow-400 to-orange-500 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/a><\/div>\n\t\t\t<div class=\"group relative\"><a href=\"\/services\/graphic-designing\/\" class=\"block h-full\"><div class=\"relative h-full bg-white\/70 backdrop-blur-sm border border-gray-200\/50 rounded-2xl p-8 transition-all duration-500 hover:bg-white\/90 hover:border-gray-300\/70 hover:shadow-green-500\/50 hover:shadow-2xl\"><div class=\"w-16 h-16 bg-gradient-to-br from-green-400 to-emerald-500 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-green-500\/50 group-hover:shadow-2xl transition-shadow duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"white\"><\/circle><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"white\"><\/circle><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"white\"><\/circle><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"white\"><\/circle><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"><\/path><\/svg><\/div><h3 class=\"text-gray-900 text-2xl font-bold mb-4 group-hover:text-cyan-600 transition-colors duration-300\">Graphic Designing<\/h3><p class=\"text-gray-600 leading-relaxed group-hover:text-gray-700 transition-colors duration-300\">Creative visual solutions that make your brand memorable and stand out from competitors.<\/p><div class=\"absolute bottom-8 right-8 text-cyan-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-green-400 to-emerald-500 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/a><\/div>\n\t\t\t<div class=\"group relative\"><a href=\"\/services\/hosting-maintenance\/\" class=\"block h-full\"><div class=\"relative h-full bg-white\/70 backdrop-blur-sm border border-gray-200\/50 rounded-2xl p-8 transition-all duration-500 hover:bg-white\/90 hover:border-gray-300\/70 hover:shadow-blue-500\/50 hover:shadow-2xl\"><div class=\"w-16 h-16 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-xl flex items-center justify-center mb-6 shadow-lg shadow-blue-500\/50 group-hover:shadow-2xl transition-shadow duration-500\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\"><\/rect><rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\"><\/line><line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\"><\/line><\/svg><\/div><h3 class=\"text-gray-900 text-2xl font-bold mb-4 group-hover:text-cyan-600 transition-colors duration-300\">Hosting and Maintenance<\/h3><p class=\"text-gray-600 leading-relaxed group-hover:text-gray-700 transition-colors duration-300\">Reliable hosting and ongoing support to keep your website running smoothly 24\/7.<\/p><div class=\"absolute bottom-8 right-8 text-cyan-600 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-blue-500 to-indigo-600 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/a><\/div>\n\t\t<\/div>\n\t\t<div class=\"text-center mt-16\">\n\t\t\t<p class=\"text-gray-800 mb-6 text-lg\">Ready to take your business to the next level?<\/p>\n\t\t\t<a href=\"\/contact\/\" class=\"group bg-gradient-to-r from-red-500 to-pink-600 text-white px-10 py-4 rounded-lg font-semibold hover:shadow-2xl hover:shadow-red-500\/50 transition-all duration-300 hover:scale-105 inline-flex items-center gap-3\">\n\t\t\t\tGET A FREE CONSULTATION\n\t\t\t\t<svg class=\"group-hover:translate-x-1 transition-transform duration-300\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 overflow-hidden border-t border-white\/10\" aria-labelledby=\"designtab-process-heading\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center max-w-3xl mx-auto mb-16\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">HOW WE WORK<\/p><\/div><\/div>\n\t\t\t<h2 id=\"designtab-process-heading\" class=\"text-4xl lg:text-5xl font-bold mb-6 text-white leading-tight\">\n\t\t\t\tA simple path from <span class=\"text-cyan-300\">first chat<\/span> to <span class=\"text-pink-400\">launch<\/span>\n\t\t\t<\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg max-w-3xl mx-auto leading-relaxed\">Clear updates, realistic timing, and a website you\u2019re proud to send people to\u2014without the jargon.<\/p>\n\t\t<\/div>\n\t\t<ol class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8 list-none m-0 p-0\">\n\t\t\t<li class=\"min-w-0\">\n\t\t\t\t<div class=\"group h-full rounded-2xl border border-white\/20 p-8 transition-all duration-300 hover:border-teal-400\/50 hover:bg-white\/5\">\n\t\t\t\t\t<div class=\"flex items-center gap-4 mb-6\">\n\t\t\t\t\t\t<span class=\"designtab-step-num designtab-step-num--1 flex h-14 w-14 shrink-0 items-center justify-center rounded-xl text-lg font-bold text-white shadow-lg\">1<\/span>\n\t\t\t\t\t\t<span class=\"hidden sm:block h-px flex-1 max-w-[4rem] lg:max-w-none bg-gradient-to-r from-teal-400\/50 to-transparent group-hover:from-teal-400 transition-colors\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-white font-bold text-xl mb-3 leading-snug\">Discover<\/h3>\n\t\t\t\t\t<p class=\"text-gray-300 text-base leading-relaxed m-0\">We learn who you serve, what you sell, and what a win looks like\u2014so every page supports your goals.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t<li class=\"min-w-0\">\n\t\t\t\t<div class=\"group h-full rounded-2xl border border-white\/20 p-8 transition-all duration-300 hover:border-indigo-400\/50 hover:bg-white\/5\">\n\t\t\t\t\t<div class=\"flex items-center gap-4 mb-6\">\n\t\t\t\t\t\t<span class=\"designtab-step-num designtab-step-num--2 flex h-14 w-14 shrink-0 items-center justify-center rounded-xl text-lg font-bold text-white shadow-lg\">2<\/span>\n\t\t\t\t\t\t<span class=\"hidden sm:block h-px flex-1 max-w-[4rem] lg:max-w-none bg-gradient-to-r from-indigo-400\/50 to-transparent group-hover:from-indigo-400 transition-colors\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-white font-bold text-xl mb-3 leading-snug\">Design<\/h3>\n\t\t\t\t\t<p class=\"text-gray-300 text-base leading-relaxed m-0\">Layouts and messaging shaped for clarity\u2014mobile-first, fast, and easy to scan in busy moments.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t<li class=\"min-w-0\">\n\t\t\t\t<div class=\"group h-full rounded-2xl border border-white\/20 p-8 transition-all duration-300 hover:border-amber-400\/50 hover:bg-white\/5\">\n\t\t\t\t\t<div class=\"flex items-center gap-4 mb-6\">\n\t\t\t\t\t\t<span class=\"designtab-step-num designtab-step-num--3 flex h-14 w-14 shrink-0 items-center justify-center rounded-xl text-lg font-bold text-white shadow-lg\">3<\/span>\n\t\t\t\t\t\t<span class=\"hidden sm:block h-px flex-1 max-w-[4rem] lg:max-w-none bg-gradient-to-r from-amber-400\/50 to-transparent group-hover:from-amber-400 transition-colors\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-white font-bold text-xl mb-3 leading-snug\">Build<\/h3>\n\t\t\t\t\t<p class=\"text-gray-300 text-base leading-relaxed m-0\">Your site takes shape with tidy structure, bold calls-to-action, and careful checks before anyone sees it live.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t\t<li class=\"min-w-0\">\n\t\t\t\t<div class=\"group h-full rounded-2xl border border-white\/20 p-8 transition-all duration-300 hover:border-rose-400\/50 hover:bg-white\/5\">\n\t\t\t\t\t<div class=\"flex items-center gap-4 mb-6\">\n\t\t\t\t\t\t<span class=\"designtab-step-num designtab-step-num--4 flex h-14 w-14 shrink-0 items-center justify-center rounded-xl text-lg font-bold text-white shadow-lg\">4<\/span>\n\t\t\t\t\t\t<span class=\"hidden sm:block h-px flex-1 max-w-[4rem] lg:max-w-none bg-gradient-to-r from-rose-400\/50 to-transparent group-hover:from-rose-400 transition-colors\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h3 class=\"text-white font-bold text-xl mb-3 leading-snug\">Launch &amp; grow<\/h3>\n\t\t\t\t\t<p class=\"text-gray-300 text-base leading-relaxed m-0\">Go live with confidence\u2014and keep momentum with support for updates, ads, or growing your visibility online.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/li>\n\t\t<\/ol>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 overflow-hidden border-t border-white\/10\" aria-labelledby=\"designtab-social-heading\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center mb-14 max-w-3xl mx-auto\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">PERTH &amp; WA<\/p><\/div><\/div>\n\t\t\t<h2 id=\"designtab-social-heading\" class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight mb-4\">\n\t\t\t\tBuilt for teams who want a site that\u2019s <span class=\"text-cyan-300\">fast, clear, and credible<\/span>\n\t\t\t<\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg m-0 leading-relaxed\">From local shopfronts to growing brands\u2014your customers should understand what you do in seconds.<\/p>\n\t\t<\/div>\n\t\t<div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 md:gap-6\">\n\t\t\t<div class=\"group flex flex-col items-center text-center p-6 rounded-2xl border border-white\/20 transition-all duration-300 hover:border-cyan-400\/45 hover:bg-white\/5\">\n\t\t\t\t<div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center mb-4 shadow-lg shadow-cyan-500\/50 group-hover:scale-105 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"><\/line><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"><\/line><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<span class=\"text-gray-100 font-bold text-sm leading-snug\">Retail &amp; local shops<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"group flex flex-col items-center text-center p-6 rounded-2xl border border-white\/20 transition-all duration-300 hover:border-pink-400\/45 hover:bg-white\/5\">\n\t\t\t\t<div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-red-500 to-pink-600 flex items-center justify-center mb-4 shadow-lg shadow-red-500\/50 group-hover:scale-105 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 4.1 12 6\"><\/path><path d=\"m5.1 8-2.9-.8\"><\/path><path d=\"m6 12-1.9 2\"><\/path><path d=\"M7.2 2.2 8 5.1\"><\/path><path d=\"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<span class=\"text-gray-100 font-bold text-sm leading-snug\">Trades &amp; construction<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"group flex flex-col items-center text-center p-6 rounded-2xl border border-white\/20 transition-all duration-300 hover:border-emerald-400\/45 hover:bg-white\/5\">\n\t\t\t\t<div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center mb-4 shadow-lg shadow-green-500\/50 group-hover:scale-105 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"white\"><\/circle><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"white\"><\/circle><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"white\"><\/circle><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"white\"><\/circle><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<span class=\"text-gray-100 font-bold text-sm leading-snug\">Health &amp; wellbeing<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"group flex flex-col items-center text-center p-6 rounded-2xl border border-white\/20 transition-all duration-300 hover:border-amber-400\/45 hover:bg-white\/5\">\n\t\t\t\t<div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-yellow-400 to-orange-500 flex items-center justify-center mb-4 shadow-lg shadow-yellow-500\/50 group-hover:scale-105 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<span class=\"text-gray-100 font-bold text-sm leading-snug\">Professional services<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"group flex flex-col items-center text-center p-6 rounded-2xl border border-white\/20 transition-all duration-300 hover:border-fuchsia-400\/45 hover:bg-white\/5\">\n\t\t\t\t<div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center mb-4 shadow-lg shadow-purple-500\/50 group-hover:scale-105 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 8h1a4 4 0 1 1 0 8h-1\"><\/path><path d=\"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z\"><\/path><line x1=\"6\" x2=\"6\" y1=\"2\" y2=\"4\"><\/line><line x1=\"10\" x2=\"10\" y1=\"2\" y2=\"4\"><\/line><line x1=\"14\" x2=\"14\" y1=\"2\" y2=\"4\"><\/line><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<span class=\"text-gray-100 font-bold text-sm leading-snug\">Caf\u00e9s &amp; hospitality<\/span>\n\t\t\t<\/div>\n\t\t\t<div class=\"group flex flex-col items-center text-center p-6 rounded-2xl border border-white\/20 transition-all duration-300 hover:border-indigo-400\/45 hover:bg-white\/5\">\n\t\t\t\t<div class=\"w-16 h-16 rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center mb-4 shadow-lg shadow-blue-500\/50 group-hover:scale-105 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"><\/line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"><\/line><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<span class=\"text-gray-100 font-bold text-sm leading-snug\">Creators &amp; brands<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 overflow-hidden\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n\t\t\t<div class=\"space-y-8\">\n\t\t\t\t<div>\n\t\t\t\t\t<div class=\"inline-block mb-4\">\n\t\t\t\t\t\t<div class=\"bg-cyan-500\/10 border border-cyan-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\">\n\t\t\t\t\t\t\t<p class=\"text-cyan-400 text-sm font-semibold tracking-wide\">ABOUT DESIGNTAB<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 class=\"text-4xl lg:text-5xl font-bold mb-6\">\n\t\t\t\t\t\t<span class=\"designtab-heading-gradient-cyan\">YOUR TRUSTED<\/span><br \/>\n\t\t\t\t\t\t<span class=\"text-white\">DIGITAL PARTNER IN<\/span><br \/>\n\t\t\t\t\t\t<span class=\"text-red-500\">PERTH, WA<\/span>\n\t\t\t\t\t<\/h2>\n\t\t\t\t\t<div class=\"space-y-4 text-gray-300 text-lg leading-relaxed\">\n\t\t\t\t\t\t<p>At Designtab, we&#8217;re more than just a web design agency \u2013 we&#8217;re your strategic partner in digital success. Based in Perth, Western Australia, we combine creative excellence with technical expertise to deliver solutions that drive real results.<\/p>\n\t\t\t\t\t\t<p>Our team of passionate designers, developers, and marketing specialists work collaboratively to understand your unique business needs and create tailored strategies that outperform your competitors.<\/p>\n\t\t\t\t\t\t<p>From stunning websites to comprehensive digital marketing campaigns, we handle every aspect of your online presence with precision and care.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"flex flex-wrap gap-4\">\n\t\t\t\t\t<a href=\"\/about\/\" class=\"bg-gradient-to-r from-red-500 to-pink-600 text-white px-8 py-4 rounded-lg font-semibold hover:shadow-2xl hover:shadow-red-500\/50 transition-all duration-300 hover:scale-105 inline-block text-center\">LEARN MORE ABOUT US<\/a>\n\t\t\t\t\t<a href=\"\/portfolio\/\" class=\"border-2 border-cyan-400 text-cyan-400 px-8 py-4 rounded-lg font-semibold hover:bg-cyan-400 hover:text-[#0a1628] transition-all duration-300 inline-block text-center\">VIEW OUR WORK<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"grid grid-cols-2 gap-6\">\n\t\t\t\t<div class=\"group relative\"><div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 h-full hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:-translate-y-[5px]\"><div class=\"w-12 h-12 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg><\/div><h3 class=\"text-white font-bold text-lg mb-2\">Award Winning<\/h3><p class=\"text-gray-400 text-sm\">Recognized for excellence in web design and digital marketing<\/p><\/div><\/div>\n\t\t\t\t<div class=\"group relative\"><div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 h-full hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:-translate-y-[5px]\"><div class=\"w-12 h-12 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div><h3 class=\"text-white font-bold text-lg mb-2\">Expert Team<\/h3><p class=\"text-gray-400 text-sm\">Skilled professionals dedicated to your success<\/p><\/div><\/div>\n\t\t\t\t<div class=\"group relative\"><div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 h-full hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:-translate-y-[5px]\"><div class=\"w-12 h-12 bg-gradient-to-br from-red-500 to-pink-600 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg><\/div><h3 class=\"text-white font-bold text-lg mb-2\">Goal Focused<\/h3><p class=\"text-gray-400 text-sm\">Strategic approach to achieve your business objectives<\/p><\/div><\/div>\n\t\t\t\t<div class=\"group relative\"><div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 h-full hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:-translate-y-[5px]\"><div class=\"w-12 h-12 bg-gradient-to-br from-green-400 to-emerald-500 rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline><polyline points=\"16 7 22 7 22 13\"><\/polyline><\/svg><\/div><h3 class=\"text-white font-bold text-lg mb-2\">Proven Results<\/h3><p class=\"text-gray-400 text-sm\">Track record of driving growth for our clients<\/p><\/div><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"designtab-band-light relative py-24 overflow-hidden\">\n\t<div class=\"absolute inset-0 bg-gradient-to-br from-gray-100 via-slate-200 to-gray-300\"><\/div>\n\t<div class=\"absolute -top-40 right-1\/4 w-[500px] h-[500px] rounded-full opacity-60\" style=\"background: radial-gradient(circle, rgba(6, 182, 212, 0.6) 0%, rgba(59, 130, 246, 0.4) 50%, transparent 70%); filter: blur(80px);\"><\/div>\n\t<div class=\"absolute bottom-0 left-1\/4 w-[600px] h-[600px] rounded-full opacity-60\" style=\"background: radial-gradient(circle, rgba(239, 68, 68, 0.6) 0%, rgba(236, 72, 153, 0.4) 50%, transparent 70%); filter: blur(80px);\"><\/div>\n\t<div class=\"absolute top-1\/2 right-0 w-[450px] h-[450px] rounded-full opacity-55\" style=\"background: radial-gradient(circle, rgba(250, 204, 21, 0.6) 0%, rgba(251, 146, 60, 0.4) 50%, transparent 70%); filter: blur(70px);\"><\/div>\n\t<div class=\"absolute bottom-1\/3 left-0 w-[500px] h-[500px] rounded-full opacity-55\" style=\"background: radial-gradient(circle, rgba(34, 197, 94, 0.6) 0%, rgba(16, 185, 129, 0.4) 50%, transparent 70%); filter: blur(70px);\"><\/div>\n\t<div class=\"absolute inset-0 opacity-10\">\n\t\t<svg width=\"100%\" height=\"100%\"><defs><pattern id=\"portfolio-grid-dt\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\"><path d=\"M 50 0 L 0 0 0 50\" fill=\"none\" stroke=\"rgba(100, 100, 120, 0.4)\" stroke-width=\"0.5\"><\/path><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(#portfolio-grid-dt)\"><\/rect><\/svg>\n\t<\/div>\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center mb-16\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-yellow-500\/15 border border-yellow-600\/40 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-yellow-800 text-sm font-semibold tracking-wide\">OUR WORK<\/p><\/div><\/div>\n\t\t\t<h2 class=\"text-4xl lg:text-5xl font-bold mb-6\"><span class=\"bg-gradient-to-r from-cyan-600 via-blue-600 to-cyan-500 bg-clip-text text-transparent\">PORTFOLIO<\/span><br \/><span class=\"text-gray-900\">OF RECENT PROJECTS<\/span><\/h2>\n\t\t\t<p class=\"text-gray-800 text-lg max-w-3xl mx-auto\">Explore our latest work and see how we&#8217;ve helped businesses transform their digital presence.<\/p>\n\t\t<\/div>\n\t\t<div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n\t\t\t<div class=\"group relative overflow-hidden rounded-2xl\"><div class=\"relative aspect-[4\/3] overflow-hidden rounded-2xl\"><img src=\"https:\/\/images.unsplash.com\/photo-1706700392626-5279fb90ae73?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjB3ZWJzaXRlJTIwZGVzaWduJTIwbGFwdG9wfGVufDF8fHx8MTc3MDA0NTQ1M3ww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"E-Commerce Platform\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\" decoding=\"async\" \/><div class=\"absolute inset-0 bg-gradient-to-t from-cyan-400 to-blue-500 opacity-0 group-hover:opacity-90 transition-opacity duration-500\"><\/div><div class=\"absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><p class=\"text-white\/80 text-sm font-semibold mb-2\">Website Design<\/p><h3 class=\"text-white text-2xl font-bold mb-4\">E-Commerce Platform<\/h3><button type=\"button\" class=\"flex items-center gap-2 text-white font-semibold\">View Project<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/button><\/div><\/div><div class=\"absolute inset-0 border-2 border-transparent group-hover:border-white\/20 rounded-2xl transition-colors duration-500 pointer-events-none\"><\/div><\/div>\n\t\t\t<div class=\"group relative overflow-hidden rounded-2xl\"><div class=\"relative aspect-[4\/3] overflow-hidden rounded-2xl\"><img src=\"https:\/\/images.unsplash.com\/photo-1723055931835-ab7bddb56552?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxncmFwaGljJTIwZGVzaWduJTIwY29sb3JmdWx8ZW58MXx8fHwxNzcwMDQ1NDU1fDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"Brand Identity\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\" decoding=\"async\" \/><div class=\"absolute inset-0 bg-gradient-to-t from-purple-500 to-pink-500 opacity-0 group-hover:opacity-90 transition-opacity duration-500\"><\/div><div class=\"absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><p class=\"text-white\/80 text-sm font-semibold mb-2\">Graphic Design<\/p><h3 class=\"text-white text-2xl font-bold mb-4\">Brand Identity<\/h3><button type=\"button\" class=\"flex items-center gap-2 text-white font-semibold\">View Project<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/button><\/div><\/div><div class=\"absolute inset-0 border-2 border-transparent group-hover:border-white\/20 rounded-2xl transition-colors duration-500 pointer-events-none\"><\/div><\/div>\n\t\t\t<div class=\"group relative overflow-hidden rounded-2xl\"><div class=\"relative aspect-[4\/3] overflow-hidden rounded-2xl\"><img src=\"https:\/\/images.unsplash.com\/photo-1599658880436-c61792e70672?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxkaWdpdGFsJTIwbWFya2V0aW5nJTIwYW5hbHl0aWNzfGVufDF8fHx8MTc2OTk0MDU0MXww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"Digital Campaign\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\" decoding=\"async\" \/><div class=\"absolute inset-0 bg-gradient-to-t from-red-500 to-pink-600 opacity-0 group-hover:opacity-90 transition-opacity duration-500\"><\/div><div class=\"absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><p class=\"text-white\/80 text-sm font-semibold mb-2\">PPC Advertising<\/p><h3 class=\"text-white text-2xl font-bold mb-4\">Digital Campaign<\/h3><button type=\"button\" class=\"flex items-center gap-2 text-white font-semibold\">View Project<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/button><\/div><\/div><div class=\"absolute inset-0 border-2 border-transparent group-hover:border-white\/20 rounded-2xl transition-colors duration-500 pointer-events-none\"><\/div><\/div>\n\t\t\t<div class=\"group relative overflow-hidden rounded-2xl\"><div class=\"relative aspect-[4\/3] overflow-hidden rounded-2xl\"><img src=\"https:\/\/images.unsplash.com\/photo-1696695368125-fc0d809b4ab5?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxzb2NpYWwlMjBtZWRpYSUyMHNtYXJ0cGhvbmV8ZW58MXx8fHwxNzY5OTMwNDE4fDA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"Social Strategy\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\" decoding=\"async\" \/><div class=\"absolute inset-0 bg-gradient-to-t from-green-400 to-emerald-500 opacity-0 group-hover:opacity-90 transition-opacity duration-500\"><\/div><div class=\"absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><p class=\"text-white\/80 text-sm font-semibold mb-2\">Social Media<\/p><h3 class=\"text-white text-2xl font-bold mb-4\">Social Strategy<\/h3><button type=\"button\" class=\"flex items-center gap-2 text-white font-semibold\">View Project<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/button><\/div><\/div><div class=\"absolute inset-0 border-2 border-transparent group-hover:border-white\/20 rounded-2xl transition-colors duration-500 pointer-events-none\"><\/div><\/div>\n\t\t\t<div class=\"group relative overflow-hidden rounded-2xl\"><div class=\"relative aspect-[4\/3] overflow-hidden rounded-2xl\"><img src=\"https:\/\/images.unsplash.com\/photo-1557324232-b8917d3c3dcb?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHx3ZWIlMjBkZXZlbG9wbWVudCUyMGNvZGluZ3xlbnwxfHx8MTc2OTk1OTI4MHww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"Web Application\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\" decoding=\"async\" \/><div class=\"absolute inset-0 bg-gradient-to-t from-yellow-400 to-orange-500 opacity-0 group-hover:opacity-90 transition-opacity duration-500\"><\/div><div class=\"absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><p class=\"text-white\/80 text-sm font-semibold mb-2\">Development<\/p><h3 class=\"text-white text-2xl font-bold mb-4\">Web Application<\/h3><button type=\"button\" class=\"flex items-center gap-2 text-white font-semibold\">View Project<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/button><\/div><\/div><div class=\"absolute inset-0 border-2 border-transparent group-hover:border-white\/20 rounded-2xl transition-colors duration-500 pointer-events-none\"><\/div><\/div>\n\t\t\t<div class=\"group relative overflow-hidden rounded-2xl\"><div class=\"relative aspect-[4\/3] overflow-hidden rounded-2xl\"><img src=\"https:\/\/images.unsplash.com\/photo-1516542076529-1ea3854896f2?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjcmVhdGl2ZSUyMGFnZW5jeSUyMHdvcmtzcGFjZXxlbnwxfHx8MTc3MDAwNzgzM3ww&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080\" alt=\"Creative Studio\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110\" loading=\"lazy\" decoding=\"async\" \/><div class=\"absolute inset-0 bg-gradient-to-t from-blue-500 to-indigo-600 opacity-0 group-hover:opacity-90 transition-opacity duration-500\"><\/div><div class=\"absolute inset-0 flex flex-col justify-end p-6 opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><p class=\"text-white\/80 text-sm font-semibold mb-2\">Full Service<\/p><h3 class=\"text-white text-2xl font-bold mb-4\">Creative Studio<\/h3><button type=\"button\" class=\"flex items-center gap-2 text-white font-semibold\">View Project<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M10 14 21 3\"><\/path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><\/svg><\/button><\/div><\/div><div class=\"absolute inset-0 border-2 border-transparent group-hover:border-white\/20 rounded-2xl transition-colors duration-500 pointer-events-none\"><\/div><\/div>\n\t\t<\/div>\n\t\t<div class=\"text-center mt-12\"><a href=\"\/portfolio\/\" class=\"group border-2 border-cyan-600 text-cyan-700 px-10 py-4 rounded-lg font-semibold hover:bg-cyan-600 hover:text-white transition-all duration-300 hover:scale-105 inline-flex items-center gap-3\">VIEW ALL PROJECTS<svg class=\"group-hover:translate-x-1 transition-transform duration-300\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a><\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 lg:py-28 overflow-hidden border-y border-white\/10\" aria-labelledby=\"designtab-testimonials-heading\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center max-w-3xl mx-auto mb-16 lg:mb-20\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">FROM PEOPLE LIKE YOU<\/p><\/div><\/div>\n\t\t\t<h2 id=\"designtab-testimonials-heading\" class=\"text-4xl lg:text-5xl font-bold mb-6 text-white leading-tight tracking-tight\">\n\t\t\t\tReal feedback, <span class=\"text-cyan-300\">quietly proud<\/span> results\n\t\t\t<\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg lg:text-xl leading-relaxed m-0\">Three stories\u2014clear outcomes, less stress, and a website that finally matches the business behind it.<\/p>\n\t\t<\/div>\n\t\t<div class=\"grid md:grid-cols-3 gap-6 lg:gap-8\">\n\t\t\t<figure class=\"group m-0 flex flex-col h-full rounded-2xl border border-slate-200 bg-white shadow-sm p-8 transition-all duration-300 hover:border-cyan-400\/60 hover:shadow-lg\">\n\t\t\t\t<span class=\"text-5xl font-serif text-slate-200 leading-none mb-2 select-none\" aria-hidden=\"true\">\u201c<\/span>\n\t\t\t\t<div class=\"designtab-testimonial-stars flex gap-0.5 mb-5 -mt-2\" role=\"img\" aria-label=\"5 out of 5 stars\">\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<blockquote class=\"m-0 text-slate-700 text-base leading-relaxed flex-1\">\n\t\t\t\t\t<p class=\"m-0\">\u201cOur enquiries picked up within weeks. The new site explains what we do in seconds\u2014and people actually fill out the form.\u201d<\/p>\n\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"mt-8 pt-6 border-t border-slate-200\">\n\t\t\t\t\t<p class=\"font-bold text-slate-900 text-lg\">Sam R.<\/p>\n\t\t\t\t\t<p class=\"text-sm text-slate-600 mt-1\">Owner, home services \u00b7 Perth<\/p>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t<figure class=\"group m-0 flex flex-col h-full rounded-2xl border border-slate-200 bg-white shadow-sm p-8 transition-all duration-300 hover:border-pink-400\/60 hover:shadow-lg\">\n\t\t\t\t<span class=\"text-5xl font-serif text-slate-200 leading-none mb-2 select-none\" aria-hidden=\"true\">\u201c<\/span>\n\t\t\t\t<div class=\"designtab-testimonial-stars flex gap-0.5 mb-5 -mt-2\" role=\"img\" aria-label=\"5 out of 5 stars\">\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<blockquote class=\"m-0 text-slate-700 text-base leading-relaxed flex-1\">\n\t\t\t\t\t<p class=\"m-0\">\u201cFinally looks like a proper brand\u2014not a DIY template. The process was organised and we always knew what came next.\u201d<\/p>\n\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"mt-8 pt-6 border-t border-slate-200\">\n\t\t\t\t\t<p class=\"font-bold text-slate-900 text-lg\">Priya M.<\/p>\n\t\t\t\t\t<p class=\"text-sm text-slate-600 mt-1\">Director, professional services \u00b7 WA<\/p>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t\t<figure class=\"group m-0 flex flex-col h-full rounded-2xl border border-slate-200 bg-white shadow-sm p-8 transition-all duration-300 hover:border-emerald-400\/55 hover:shadow-lg\">\n\t\t\t\t<span class=\"text-5xl font-serif text-slate-200 leading-none mb-2 select-none\" aria-hidden=\"true\">\u201c<\/span>\n\t\t\t\t<div class=\"designtab-testimonial-stars flex gap-0.5 mb-5 -mt-2\" role=\"img\" aria-label=\"5 out of 5 stars\">\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t\t<svg class=\"designtab-testimonial-star w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<blockquote class=\"m-0 text-slate-700 text-base leading-relaxed flex-1\">\n\t\t\t\t\t<p class=\"m-0\">\u201cSpeed matters in our industry. Pages load fast, mobile is easy, and the booking flow is straightforward for customers.\u201d<\/p>\n\t\t\t\t<\/blockquote>\n\t\t\t\t<figcaption class=\"mt-8 pt-6 border-t border-slate-200\">\n\t\t\t\t\t<p class=\"font-bold text-slate-900 text-lg\">Jordan T.<\/p>\n\t\t\t\t\t<p class=\"text-sm text-slate-600 mt-1\">Operations lead, trades \u00b7 Perth<\/p>\n\t\t\t\t<\/figcaption>\n\t\t\t<\/figure>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 overflow-hidden\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center mb-16\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">PRICING PLANS<\/p><\/div><\/div>\n\t\t\t<h2 class=\"text-4xl lg:text-5xl font-bold mb-6\"><span class=\"bg-gradient-to-r from-cyan-400 via-blue-400 to-cyan-300 bg-clip-text text-transparent\">TRANSPARENT PRICING<\/span><br \/><span class=\"text-white\">FOR EVERY BUDGET<\/span><\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg max-w-3xl mx-auto\">Choose the perfect plan for your business. All packages include our commitment to quality and results.<\/p>\n\t\t<\/div>\n\t\t<div class=\"grid md:grid-cols-3 gap-8 items-start\">\n\t\t\t<div class=\"group relative hover:-translate-y-[10px] transition-transform duration-300\"><div class=\"relative h-full bg-white\/5 backdrop-blur-sm border-2 border-white\/10 rounded-2xl p-8 hover:bg-white\/10 hover:border-white\/20 transition-all duration-300\"><div class=\"mb-6\"><h3 class=\"text-white text-2xl font-bold mb-2\">Starter<\/h3><p class=\"text-gray-400 text-sm\">Perfect for small businesses getting started online<\/p><\/div><div class=\"mb-8\"><div class=\"flex items-baseline gap-2\"><span class=\"text-5xl font-bold bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-transparent\">$999<\/span><span class=\"text-gray-400\">one-time<\/span><\/div><\/div><div class=\"space-y-4 mb-8\"><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">5 Page Website<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Responsive Design<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Basic SEO Setup<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Contact Form<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">1 Month Support<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Social Media Integration<\/span><\/div><\/div><a href=\"\/contact\/\" class=\"block w-full text-center py-4 rounded-lg font-semibold transition-all duration-300 border-2 border-white\/20 text-white hover:bg-white\/10\">GET STARTED<\/a><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-cyan-400 to-blue-500 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/div>\n\t\t\t<div class=\"group relative hover:-translate-y-[10px] transition-transform duration-300\"><div class=\"absolute -top-4 left-1\/2 -translate-x-1\/2 z-20\"><div class=\"bg-gradient-to-r from-red-500 to-pink-600 text-white px-6 py-2 rounded-full font-semibold text-sm flex items-center gap-2 shadow-lg\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"white\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"><\/path><\/svg>MOST POPULAR<\/div><\/div><div class=\"relative h-full bg-white\/5 backdrop-blur-sm border-2 border-red-500\/50 rounded-2xl p-8 hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 shadow-2xl shadow-red-500\/20\"><div class=\"mb-6\"><h3 class=\"text-white text-2xl font-bold mb-2\">Professional<\/h3><p class=\"text-gray-400 text-sm\">Ideal for growing businesses needing more features<\/p><\/div><div class=\"mb-8\"><div class=\"flex items-baseline gap-2\"><span class=\"text-5xl font-bold bg-gradient-to-r from-red-500 to-pink-600 bg-clip-text text-transparent\">$2,499<\/span><span class=\"text-gray-400\">one-time<\/span><\/div><\/div><div class=\"space-y-4 mb-8\"><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">10 Page Website<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Advanced Responsive Design<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Complete SEO Optimization<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">E-Commerce Integration<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">3 Months Support<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Email Marketing Setup<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Analytics Integration<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-red-500 to-pink-600 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Custom Graphics<\/span><\/div><\/div><a href=\"\/contact\/\" class=\"block w-full text-center py-4 rounded-lg font-semibold transition-all duration-300 bg-gradient-to-r from-red-500 to-pink-600 text-white shadow-lg hover:shadow-2xl hover:shadow-red-500\/50 hover:scale-[1.02]\">GET STARTED<\/a><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-red-500 to-pink-600 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/div>\n\t\t\t<div class=\"group relative hover:-translate-y-[10px] transition-transform duration-300\"><div class=\"relative h-full bg-white\/5 backdrop-blur-sm border-2 border-white\/10 rounded-2xl p-8 hover:bg-white\/10 hover:border-white\/20 transition-all duration-300\"><div class=\"mb-6\"><h3 class=\"text-white text-2xl font-bold mb-2\">Enterprise<\/h3><p class=\"text-gray-400 text-sm\">Comprehensive solutions for large organizations<\/p><\/div><div class=\"mb-8\"><div class=\"flex items-baseline gap-2\"><span class=\"text-5xl font-bold bg-gradient-to-r from-yellow-400 to-orange-500 bg-clip-text text-transparent\">Custom<\/span><\/div><\/div><div class=\"space-y-4 mb-8\"><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Unlimited Pages<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Custom Web Application<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Advanced SEO Strategy<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Full Digital Marketing<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Ongoing Support<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Dedicated Account Manager<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Priority Service<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Custom Integrations<\/span><\/div><div class=\"flex items-start gap-3\"><div class=\"w-5 h-5 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div><span class=\"text-gray-300\">Monthly Reporting<\/span><\/div><\/div><a href=\"\/contact\/\" class=\"block w-full text-center py-4 rounded-lg font-semibold transition-all duration-300 border-2 border-white\/20 text-white hover:bg-white\/10\">CONTACT US<\/a><div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-yellow-400 to-orange-500 opacity-0 group-hover:opacity-10 rounded-2xl blur-2xl transition-opacity duration-500\"><\/div><\/div><\/div>\n\t\t<\/div>\n\t\t<div class=\"text-center mt-12\"><p class=\"text-gray-300 mb-4\">All plans include free consultation. Need something custom?<\/p><a href=\"\/contact\/\" class=\"text-cyan-400 font-semibold hover:text-cyan-300 transition-colors duration-300\">Let&#8217;s discuss your project \u2192<\/a><\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 lg:py-28 overflow-hidden border-t border-white\/10\" aria-labelledby=\"designtab-final-cta-heading\">\n\t<div class=\"relative z-10 max-w-5xl mx-auto px-6 lg:px-8 text-center\">\n\t\t<div class=\"inline-block mb-6\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">READY WHEN YOU ARE<\/p><\/div><\/div>\n\t\t<h2 id=\"designtab-final-cta-heading\" class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight tracking-tight\">\n\t\t\tLet\u2019s make your website the <span class=\"text-pink-400\">easiest \u2018yes\u2019<\/span><br \/>\n\t\t\tyour customers see all week\n\t\t<\/h2>\n\t\t<p class=\"text-gray-300 text-lg lg:text-xl max-w-2xl mx-auto mb-10 leading-relaxed\">\n\t\t\tTell us what you\u2019re aiming for\u2014more calls, clearer pricing, stronger trust, or a fresh rebrand. We\u2019ll map a simple next step and reply with honest guidance.\n\t\t<\/p>\n\t\t<div class=\"flex flex-col sm:flex-row gap-4 justify-center items-stretch sm:items-center\">\n\t\t\t<a href=\"\/contact\/\" class=\"inline-flex items-center justify-center gap-2 bg-gradient-to-r from-red-500 to-pink-600 text-white px-10 py-4 rounded-full font-semibold text-lg hover:opacity-95 transition-all duration-300\">\n\t\t\t\tBook a free chat\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t<\/a>\n\t\t\t<a href=\"\/services\/\" class=\"inline-flex items-center justify-center gap-2 border-2 border-white\/35 text-white px-10 py-4 rounded-full font-semibold text-lg hover:bg-white\/10 hover:border-white\/55 transition-all duration-300\">\n\t\t\t\tBrowse services\n\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"designtab-contact-section relative py-24 overflow-x-hidden\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center mb-16\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-cyan-500\/10 border border-cyan-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-cyan-400 text-sm font-semibold tracking-wide\">GET IN TOUCH<\/p><\/div><\/div>\n\t\t\t<h2 class=\"text-4xl lg:text-5xl font-bold mb-6\"><span class=\"bg-gradient-to-r from-cyan-400 via-blue-400 to-cyan-300 bg-clip-text text-transparent\">LET&#8217;S START YOUR<\/span><br \/><span class=\"text-white\">DIGITAL JOURNEY<\/span><\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg max-w-3xl mx-auto\">Ready to take your business to the next level? Get in touch with us today for a free consultation.<\/p>\n\t\t<\/div>\n\t\t<div class=\"grid lg:grid-cols-2 gap-12\">\n\t\t\t<div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-8\">\n\t\t\t\t<h3 class=\"text-white text-2xl font-bold mb-6\">Send us a message<\/h3>\n\t\t\t\t<form class=\"space-y-6\" action=\"https:\/\/designtab.com.au\/wp-admin\/admin-post.php\" method=\"post\" data-designtab-form=\"contact\"><input type=\"hidden\" name=\"action\" value=\"designtab_contact\" \/><input type=\"hidden\" id=\"designtab_contact_nonce\" name=\"designtab_contact_nonce\" value=\"c964237991\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7\" \/>\n\t\t\t\t\t<div class=\"grid md:grid-cols-2 gap-6\">\n\t\t\t\t\t\t<div><label class=\"block text-gray-300 mb-2 text-sm\">First Name *<\/label><input type=\"text\" name=\"dt_first\" placeholder=\"John\" class=\"w-full bg-white\/5 border border-white\/10 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-cyan-400 transition-colors duration-300\" autocomplete=\"given-name\" \/><\/div>\n\t\t\t\t\t\t<div><label class=\"block text-gray-300 mb-2 text-sm\">Last Name *<\/label><input type=\"text\" name=\"dt_last\" placeholder=\"Doe\" class=\"w-full bg-white\/5 border border-white\/10 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-cyan-400 transition-colors duration-300\" autocomplete=\"family-name\" \/><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div><label class=\"block text-gray-300 mb-2 text-sm\">Email Address *<\/label><input type=\"email\" name=\"dt_email\" placeholder=\"john@example.com\" class=\"w-full bg-white\/5 border border-white\/10 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-cyan-400 transition-colors duration-300\" autocomplete=\"email\" \/><\/div>\n\t\t\t\t\t<div><label class=\"block text-gray-300 mb-2 text-sm\">Phone Number<\/label><input type=\"tel\" name=\"dt_phone\" placeholder=\"0480 841 412\" class=\"w-full bg-white\/5 border border-white\/10 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-cyan-400 transition-colors duration-300\" autocomplete=\"tel\" \/><\/div>\n\t\t\t\t\t<div><label class=\"block text-gray-300 mb-2 text-sm\">Service Interested In<\/label><select name=\"dt_service\" class=\"w-full bg-white\/5 border border-white\/10 rounded-lg px-4 py-3 text-white focus:outline-none focus:border-cyan-400 transition-colors duration-300 designtab-contact-service-select\"><option value=\"\">Select a service<\/option><option value=\"website-design\">Website Design<\/option><option value=\"ppc-advertising\">PPC Advertising<\/option><option value=\"social-media-marketing\">Social Media Marketing<\/option><option value=\"seo-services\">SEO Services<\/option><option value=\"graphic-designing\">Graphic Designing<\/option><option value=\"hosting-maintenance\">Hosting and Maintenance<\/option><\/select><\/div>\n\t\t\t\t\t<div><label class=\"block text-gray-300 mb-2 text-sm\">Message *<\/label><textarea name=\"dt_message\" placeholder=\"Tell us about your project...\" rows=\"5\" class=\"w-full bg-white\/5 border border-white\/10 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-cyan-400 transition-colors duration-300 resize-none\"><\/textarea><\/div>\n\t\t\t\t\t<button type=\"submit\" class=\"w-full bg-gradient-to-r from-red-500 to-pink-600 text-white px-8 py-4 rounded-lg font-semibold hover:shadow-2xl hover:shadow-red-500\/50 transition-all duration-300 flex items-center justify-center gap-2 hover:scale-[1.02] active:scale-[0.98]\">\n\t\t\t\t\t\tSEND MESSAGE\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"><\/path><path d=\"m21.854 2.147-10.94 10.939\"><\/path><\/svg>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/form>\n\t\t\t<\/div>\n\t\t\t<div class=\"space-y-8\">\n\t\t\t\t<div class=\"space-y-6\">\n\t\t\t\t\t<div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:translate-x-[10px]\">\n\t\t\t\t\t\t<div class=\"flex items-start gap-4\">\n\t\t\t\t\t\t\t<div class=\"w-12 h-12 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-lg flex items-center justify-center flex-shrink-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg><\/div>\n\t\t\t\t\t\t\t<div><h4 class=\"text-white font-bold mb-2\">Email Us<\/h4><a href=\"mailto:info@designtab.com.au\" class=\"text-gray-300 hover:text-cyan-400 transition-colors duration-300\">info@designtab.com.au<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:translate-x-[10px]\">\n\t\t\t\t\t\t<div class=\"flex items-start gap-4\">\n\t\t\t\t\t\t\t<div class=\"w-12 h-12 bg-gradient-to-br from-red-500 to-pink-600 rounded-lg flex items-center justify-center flex-shrink-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\n\t\t\t\t\t\t\t<div><h4 class=\"text-white font-bold mb-2\">Call Us<\/h4><a href=\"tel:+61480841412\" class=\"text-gray-300 hover:text-cyan-400 transition-colors duration-300\">0480 841 412<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-xl p-6 hover:bg-white\/10 hover:border-white\/20 transition-all duration-300 hover:translate-x-[10px]\">\n\t\t\t\t\t\t<div class=\"flex items-start gap-4\">\n\t\t\t\t\t\t\t<div class=\"w-12 h-12 bg-gradient-to-br from-yellow-400 to-orange-500 rounded-lg flex items-center justify-center flex-shrink-0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/div>\n\t\t\t\t\t\t\t<div><h4 class=\"text-white font-bold mb-2\">Visit Us<\/h4><p class=\"text-gray-300\">Perth, Western Australia<\/p><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"bg-gradient-to-br from-cyan-500\/10 to-blue-500\/10 backdrop-blur-sm border border-cyan-500\/20 rounded-xl p-6\"><h4 class=\"text-white font-bold mb-4\">Business Hours<\/h4><div class=\"space-y-2 text-gray-300\"><div class=\"flex justify-between gap-4\"><span>Monday &#8211; Friday<\/span><span class=\"text-cyan-400 whitespace-nowrap\">9:00 AM &#8211; 6:00 PM<\/span><\/div><div class=\"flex justify-between gap-4\"><span>Saturday<\/span><span class=\"text-cyan-400 whitespace-nowrap\">10:00 AM &#8211; 4:00 PM<\/span><\/div><div class=\"flex justify-between gap-4\"><span>Sunday<\/span><span class=\"text-cyan-400 whitespace-nowrap\">Closed<\/span><\/div><\/div><\/div>\n\t\t\t\t<div class=\"bg-gradient-to-br from-green-500\/10 to-emerald-500\/10 backdrop-blur-sm border border-green-500\/20 rounded-xl p-6\"><div class=\"flex items-center gap-3 mb-2\"><div class=\"w-3 h-3 bg-green-400 rounded-full animate-pulse\"><\/div><h4 class=\"text-white font-bold\">We&#8217;re Online!<\/h4><\/div><p class=\"text-gray-300 text-sm\">Average response time: <span class=\"text-green-400 font-semibold\">Under 2 hours<\/span><\/p><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n\n<section class=\"relative py-24 lg:py-28 overflow-hidden border-t border-white\/10\" aria-labelledby=\"designtab-faq-heading\">\n\t<div class=\"relative z-10 max-w-3xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center mb-14 lg:mb-16\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">QUESTIONS, ANSWERED<\/p><\/div><\/div>\n\t\t\t<h2 id=\"designtab-faq-heading\" class=\"text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight tracking-tight\">\n\t\t\t\tWhat people ask <span class=\"text-cyan-300\">before we start<\/span>\n\t\t\t<\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg lg:text-xl leading-relaxed m-0\">Straight answers\u2014no confusing web speak.<\/p>\n\t\t<\/div>\n\t\t<div class=\"space-y-4 designtab-home-faq-list\">\n\t\t\t<details class=\"group rounded-2xl border border-white\/20 overflow-hidden transition-all duration-300 hover:border-white\/30 open:border-cyan-400\/50\">\n\t\t\t\t<summary class=\"cursor-pointer list-none flex items-center justify-between gap-5 px-6 py-6 text-white font-semibold text-left text-base sm:text-lg leading-snug hover:text-cyan-200 transition-colors [&#038;::-webkit-details-marker]:hidden\">\n\t\t\t\t\t<span class=\"pr-2\">How long does a new website usually take?<\/span>\n\t\t\t\t\t<span class=\"shrink-0 w-11 h-11 rounded-full border border-white\/25 bg-white\/5 flex items-center justify-center text-cyan-300 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"px-6 pb-6 text-gray-300 text-sm sm:text-base leading-relaxed border-t border-white\/15 pt-5 m-0\">\n\t\t\t\t\tMost projects fall between a few weeks and a couple of months\u2014it depends on size, how much content is ready, and how many unique pages you need. We\u2019ll give you a realistic timeline after a short discovery chat.\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t<details class=\"group rounded-2xl border border-white\/20 overflow-hidden transition-all duration-300 hover:border-white\/30 open:border-cyan-400\/50\">\n\t\t\t\t<summary class=\"cursor-pointer list-none flex items-center justify-between gap-5 px-6 py-6 text-white font-semibold text-left text-base sm:text-lg leading-snug hover:text-cyan-200 transition-colors [&#038;::-webkit-details-marker]:hidden\">\n\t\t\t\t\t<span class=\"pr-2\">Do I need to write all the words myself?<\/span>\n\t\t\t\t\t<span class=\"shrink-0 w-11 h-11 rounded-full border border-white\/25 bg-white\/5 flex items-center justify-center text-cyan-300 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"px-6 pb-6 text-gray-300 text-sm sm:text-base leading-relaxed border-t border-white\/15 pt-5 m-0\">\n\t\t\t\t\tYou can bring draft text if you like\u2014we\u2019ll help shape it for clarity and search-friendly headings. If you\u2019re busy, we can guide you with prompts so you\u2019re never staring at a blank page.\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t<details class=\"group rounded-2xl border border-white\/20 overflow-hidden transition-all duration-300 hover:border-white\/30 open:border-cyan-400\/50\">\n\t\t\t\t<summary class=\"cursor-pointer list-none flex items-center justify-between gap-5 px-6 py-6 text-white font-semibold text-left text-base sm:text-lg leading-snug hover:text-cyan-200 transition-colors [&#038;::-webkit-details-marker]:hidden\">\n\t\t\t\t\t<span class=\"pr-2\">Will my site work well on phones?<\/span>\n\t\t\t\t\t<span class=\"shrink-0 w-11 h-11 rounded-full border border-white\/25 bg-white\/5 flex items-center justify-center text-cyan-300 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"px-6 pb-6 text-gray-300 text-sm sm:text-base leading-relaxed border-t border-white\/15 pt-5 m-0\">\n\t\t\t\t\tYes\u2014layouts, buttons, and forms are designed mobile-first so customers can browse, tap-to-call, and get in touch without pinching or zooming.\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t<details class=\"group rounded-2xl border border-white\/20 overflow-hidden transition-all duration-300 hover:border-white\/30 open:border-cyan-400\/50\">\n\t\t\t\t<summary class=\"cursor-pointer list-none flex items-center justify-between gap-5 px-6 py-6 text-white font-semibold text-left text-base sm:text-lg leading-snug hover:text-cyan-200 transition-colors [&#038;::-webkit-details-marker]:hidden\">\n\t\t\t\t\t<span class=\"pr-2\">Can you help with Google visibility or ads later?<\/span>\n\t\t\t\t\t<span class=\"shrink-0 w-11 h-11 rounded-full border border-white\/25 bg-white\/5 flex items-center justify-center text-cyan-300 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"px-6 pb-6 text-gray-300 text-sm sm:text-base leading-relaxed border-t border-white\/15 pt-5 m-0\">\n\t\t\t\t\tAbsolutely. Many clients start with a solid website, then add search optimisation or paid advertising when they\u2019re ready to grow traffic. We\u2019ll recommend sensible next steps based on your goals.\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t<details class=\"group rounded-2xl border border-white\/20 overflow-hidden transition-all duration-300 hover:border-white\/30 open:border-cyan-400\/50\">\n\t\t\t\t<summary class=\"cursor-pointer list-none flex items-center justify-between gap-5 px-6 py-6 text-white font-semibold text-left text-base sm:text-lg leading-snug hover:text-cyan-200 transition-colors [&#038;::-webkit-details-marker]:hidden\">\n\t\t\t\t\t<span class=\"pr-2\">What happens after launch?<\/span>\n\t\t\t\t\t<span class=\"shrink-0 w-11 h-11 rounded-full border border-white\/25 bg-white\/5 flex items-center justify-center text-cyan-300 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"px-6 pb-6 text-gray-300 text-sm sm:text-base leading-relaxed border-t border-white\/15 pt-5 m-0\">\n\t\t\t\t\tYou receive a smooth handover\u2014plus options for care plans, updates, or hosting support if you want peace of mind. You\u2019re never left wondering who to call.\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t\t<details class=\"group rounded-2xl border border-white\/20 overflow-hidden transition-all duration-300 hover:border-white\/30 open:border-cyan-400\/50\">\n\t\t\t\t<summary class=\"cursor-pointer list-none flex items-center justify-between gap-5 px-6 py-6 text-white font-semibold text-left text-base sm:text-lg leading-snug hover:text-cyan-200 transition-colors [&#038;::-webkit-details-marker]:hidden\">\n\t\t\t\t\t<span class=\"pr-2\">We\u2019re not in Perth\u2014can you still help?<\/span>\n\t\t\t\t\t<span class=\"shrink-0 w-11 h-11 rounded-full border border-white\/25 bg-white\/5 flex items-center justify-center text-cyan-300 transition-transform duration-300\" aria-hidden=\"true\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/summary>\n\t\t\t\t<div class=\"px-6 pb-6 text-gray-300 text-sm sm:text-base leading-relaxed border-t border-white\/15 pt-5 m-0\">\n\t\t\t\t\tYes. We work with businesses across Western Australia (and beyond) using video calls and clear milestones\u2014same care, without the commute.\n\t\t\t\t<\/div>\n\t\t\t<\/details>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n\n<section class=\"relative py-24 lg:py-28 overflow-hidden border-t border-white\/10\" aria-labelledby=\"designtab-blog-strip-heading\">\n\t<div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8\">\n\t\t<div class=\"text-center max-w-3xl mx-auto mb-14 lg:mb-16\">\n\t\t\t<div class=\"inline-block mb-4\"><div class=\"bg-purple-500\/10 border border-purple-500\/30 rounded-full px-6 py-2 backdrop-blur-sm\"><p class=\"text-purple-400 text-sm font-semibold tracking-wide m-0\">LATEST INSIGHTS<\/p><\/div><\/div>\n\t\t\t<h2 id=\"designtab-blog-strip-heading\" class=\"text-4xl lg:text-5xl font-bold text-white mb-6 leading-tight tracking-tight\">\n\t\t\t\t<span class=\"text-cyan-300\">Fresh ideas<\/span><span class=\"text-white\"> for your next move<\/span>\n\t\t\t<\/h2>\n\t\t\t<p class=\"text-gray-300 text-lg lg:text-xl leading-relaxed m-0 max-w-2xl mx-auto mb-8\">Short reads on websites, marketing, and growing your business online\u2014written in plain language.<\/p>\n\t\t\t<a href=\"\/blog\/\" class=\"inline-flex items-center gap-2 w-auto max-w-none bg-purple-500\/25 text-white border border-purple-400\/45 px-6 py-3 rounded-full font-semibold hover:bg-purple-500\/35 hover:border-purple-300\/55 transition-all duration-300\">\n\t\t\t\tSee all articles\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<ul class=\"designtab-home-blog-grid list-none m-0 p-0 gap-8 designtab-home-blog-grid--one\">\n\t\t\t\t<li class=\"min-w-0\">\n\t\t\t\t<article class=\"group relative h-full flex flex-col rounded-2xl border border-slate-200\/90 bg-white\/95 shadow-sm overflow-hidden transition-all duration-300 hover:border-cyan-500\/50 hover:shadow-lg\">\n\t\t\t\t\t<a href=\"https:\/\/designtab.com.au\/?p=1\" class=\"block aspect-[16\/10] overflow-hidden bg-slate-100 relative\">\n\t\t\t\t\t\t<div class=\"absolute inset-0 bg-slate-100\"><\/div><div class=\"relative z-[1] w-full h-full min-h-[12.5rem] flex flex-col items-center justify-center gap-3 p-6 text-center\"><span class=\"text-[0.65rem] font-bold tracking-widest text-slate-500 uppercase\">Article<\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(15,23,42,0.22)\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"><\/path><path d=\"M8 7h8\"><\/path><path d=\"M8 11h6\"><\/path><\/svg><\/div>\t\t\t\t\t<\/a>\n\t\t\t\t\t<div class=\"p-6 lg:p-7 flex flex-col flex-1\">\n\t\t\t\t\t\t<time class=\"text-cyan-700 text-sm font-semibold mb-2\" datetime=\"2026-06-04T10:19:06+00:00\">June 4, 2026<\/time>\n\t\t\t\t\t\t<h3 class=\"text-xl font-bold text-slate-900 mb-3 leading-snug group-hover:text-cyan-700 transition-colors\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/designtab.com.au\/?p=1\" class=\"text-inherit no-underline\">Hello world!<\/a>\n\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<p class=\"text-slate-600 text-sm lg:text-base leading-relaxed flex-1 mb-5 m-0\">Welcome to WordPress. This is your first post. Edit or delete it, then start writing!<\/p>\n\t\t\t\t\t\t<a href=\"https:\/\/designtab.com.au\/?p=1\" class=\"inline-flex items-center self-start gap-2 text-cyan-700 font-semibold text-sm hover:gap-3 transition-all\">\n\t\t\t\t\t\t\tRead article\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t<\/div>\n<\/section>\n\t\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Website Design and Development Perth<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Website Design and Development Perth\" \/>\n<meta property=\"og:url\" content=\"https:\/\/designtab.com.au\/\" \/>\n<meta property=\"og:site_name\" content=\"Website Design and Development Perth\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/designtab.com.au\\\/\",\"url\":\"https:\\\/\\\/designtab.com.au\\\/\",\"name\":\"Home - Website Design and Development Perth\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/designtab.com.au\\\/#website\"},\"datePublished\":\"2026-06-04T10:21:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/designtab.com.au\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/designtab.com.au\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/designtab.com.au\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/designtab.com.au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/designtab.com.au\\\/#website\",\"url\":\"https:\\\/\\\/designtab.com.au\\\/\",\"name\":\"Website Design and Development Perth\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/designtab.com.au\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Website Design and Development Perth","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Home - Website Design and Development Perth","og_url":"https:\/\/designtab.com.au\/","og_site_name":"Website Design and Development Perth","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/designtab.com.au\/","url":"https:\/\/designtab.com.au\/","name":"Home - Website Design and Development Perth","isPartOf":{"@id":"https:\/\/designtab.com.au\/#website"},"datePublished":"2026-06-04T10:21:20+00:00","breadcrumb":{"@id":"https:\/\/designtab.com.au\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/designtab.com.au\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/designtab.com.au\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/designtab.com.au\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/designtab.com.au\/#website","url":"https:\/\/designtab.com.au\/","name":"Website Design and Development Perth","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/designtab.com.au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/designtab.com.au\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designtab.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/designtab.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/designtab.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designtab.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":0,"href":"https:\/\/designtab.com.au\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"wp:attachment":[{"href":"https:\/\/designtab.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}