Affordable Epoxy Flooring Brisbane | Premium Matte & Flake Finishes<\/title><br \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script><\/p>\n<style>\n body {\n font-family: 'Inter', sans-serif;\n }\n h1, h2, h3, .font-heading {\n font-family: 'Space Grotesk', sans-serif;\n }\n \/* Matte Color Token System Override *\/\n .bg-matte-dark { background-color: #242526; } \/* Deep Matte Charcoal *\/\n .bg-matte-gray { background-color: #F4F4F2; } \/* Soft Matte Off-White *\/\n .bg-matte-slate { background-color: #4A525A; } \/* Muted Slate Gray *\/\n .text-matte-dark { color: #242526; }\n .border-matte-accent { border-color: #D4AF37; } \/* Muted Gold Accent *\/\n .bg-matte-accent { background-color: #C5A059; } \/* Matte Premium Gold *\/\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-white text-gray-800 antialiased\"><\/p>\n<div class=\"bg-matte-dark text-gray-300 text-xs py-2 px-4 text-center tracking-wide\">\n \u26a1 FREE OBLIGATION QUOTES ACROSS GREATER BRISBANE \u2014 100% MATTE & CUSTOM FINISHES\n <\/div>\n<header class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 shadow-sm\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\n<div class=\"flex items-center gap-2\">\n<div class=\"p-2 bg-matte-dark text-white rounded-lg\">\n <i data-lucide=\"layers\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<div>\n <span class=\"text-xl font-bold tracking-tight text-matte-dark block uppercase font-heading\">Brisbane Epoxy<\/span><br \/>\n <span class=\"text-[10px] uppercase tracking-widest text-gray-500 block -mt-1\">Affordable Coatings<\/span>\n <\/div>\n<\/p><\/div>\n<nav class=\"hidden md:flex items-center gap-8 font-medium text-sm text-gray-600\">\n <a href=\"#services\" class=\"hover:text-matte-dark transition\">Our Coatings<\/a><br \/>\n <a href=\"#visualizer\" class=\"hover:text-matte-dark transition\">Floor Visualizer<\/a><br \/>\n <a href=\"#why-us\" class=\"hover:text-matte-dark transition\">Why Brisbane Epoxy<\/a><br \/>\n <a href=\"#process\" class=\"hover:text-matte-dark transition\">The Process<\/a><br \/>\n <a href=\"#pricing\" class=\"hover:text-matte-dark transition\">Pricing Packages<\/a><br \/>\n <\/nav>\n<div class=\"flex items-center gap-4\">\n <a href=\"tel:1800000000\" class=\"hidden sm:flex items-center gap-2 text-sm font-semibold text-gray-700\"><br \/>\n <i data-lucide=\"phone\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n 1800 FX COAT<br \/>\n <\/a><br \/>\n <a href=\"#quote\" class=\"bg-matte-dark text-white px-5 py-2.5 rounded-lg text-sm font-medium hover:bg-matte-slate transition shadow-sm\"><br \/>\n Get Free Quote<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/header>\n<section class=\"relative bg-matte-gray overflow-hidden\">\n<div class=\"max-w-7xl mx-auto lg:grid lg:grid-cols-12 lg:gap-8 px-4 sm:px-6 lg:px-8 py-16 lg:py-24\">\n<div class=\"lg:col-span-6 flex flex-col justify-center\">\n<div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white border border-gray-200 text-xs font-medium text-gray-600 mb-6 w-fit\">\n <span class=\"w-2 h-2 rounded-full bg-green-500 animate-pulse\"><\/span><br \/>\n Local Brisbane Installers\n <\/div>\n<h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-bold text-matte-dark tracking-tight leading-tight\">\n Premium Epoxy Floors. <br \/>\n <span class=\"text-gray-500 font-light\">Affordable Brisbane Rates.<\/span><br \/>\n <\/h1>\n<p class=\"mt-4 text-base sm:text-lg text-gray-600 max-w-xl\">\n Transform your peeling, dusty garage or commercial concrete floor into a striking, ultra-durable showpiece. Specialising in modern matte sealers and architectural flake coats built for the Queensland climate.\n <\/p>\n<div class=\"grid grid-cols-2 gap-4 my-8\">\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">1-Day Rapid Application<\/span>\n <\/div>\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"shield-check\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">10-Year Local Warranty<\/span>\n <\/div>\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"sparkles\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">Sleek Non-Slip Matte<\/span>\n <\/div>\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"dollar-sign\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">No Hidden Travel Fees<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#visualizer\" class=\"bg-matte-dark text-white px-8 py-4 rounded-xl font-medium hover:bg-matte-slate text-center transition shadow-md\"><br \/>\n Try Floor Visualizer<br \/>\n <\/a><br \/>\n <a href=\"#services\" class=\"bg-white text-gray-700 border border-gray-300 px-8 py-4 rounded-xl font-medium hover:bg-gray-50 text-center transition\"><br \/>\n View Matte Color Range<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"mt-12 lg:mt-0 lg:col-span-6 flex items-center justify-center relative\">\n<div class=\"w-full aspect-[4\/3] rounded-2xl bg-matte-slate\/10 border-4 border-white shadow-xl overflow-hidden relative group\">\n <svg viewBox=\"0 0 800 600\" class=\"w-full h-full object-cover bg-[#3a3f44]\">\n <filter id=\"noise\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0\"\/>\n <feBlend mode=\"multiply\" in=\"SourceGraphic\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" fill=\"#555d65\"\/>\n <g opacity=\"0.35\">\n <circle cx=\"150\" cy=\"120\" r=\"3\" fill=\"#ffffff\" \/>\n <circle cx=\"280\" cy=\"450\" r=\"4\" fill=\"#111111\" \/>\n <circle cx=\"620\" cy=\"220\" r=\"2.5\" fill=\"#d4af37\" \/>\n <circle cx=\"410\" cy=\"180\" r=\"5\" fill=\"#ffffff\" \/>\n <circle cx=\"710\" cy=\"490\" r=\"3\" fill=\"#111111\" \/>\n <circle cx=\"210\" cy=\"310\" r=\"4\" fill=\"#ffffff\" \/>\n <\/g>\n <path d=\"M -100 600 L 400 250 L 900 600 M 150 600 L 400 250 L 650 600\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.15\"\/>\n <\/svg><\/p>\n<div class=\"absolute bottom-4 left-4 right-4 bg-matte-dark\/90 backdrop-blur-sm p-4 rounded-xl text-white text-sm flex justify-between items-center\">\n<div>\n<p class=\"font-semibold\">Signature Urban Matte Grey<\/p>\n<p class=\"text-xs text-gray-400\">Installed in Carindale, QLD<\/p>\n<\/p><\/div>\n<p> <span class=\"bg-matte-accent text-matte-dark px-2.5 py-1 text-xs font-bold rounded\">POPULAR<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"bg-matte-dark text-gray-400 py-8 border-t border-white\/10\">\n<div class=\"max-w-7xl mx-auto px-4 text-center\">\n<p class=\"text-xs uppercase tracking-widest font-semibold mb-4 text-gray-500\">Trusted by Residential & Commercial Brisbane Properties<\/p>\n<div class=\"flex flex-wrap justify-center items-center gap-8 md:gap-16 text-sm font-heading font-bold opacity-60\">\n <span>\u2713 BRISBANE SOUTHRESIDENTIAL<\/span><br \/>\n <span>\u2713 NORTHSIDE WAREHOUSES<\/span><br \/>\n <span>\u2713 IPWICH AUTOMOTIVE<\/span><br \/>\n <span>\u2713 GOLD COAST COMMERCIAL<\/span>\n <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"services\" class=\"py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16\">\n<h2 class=\"text-3xl sm:text-4xl font-bold text-matte-dark tracking-tight\">Our Premium Architectural Coating Finishes<\/h2>\n<p class=\"mt-4 text-gray-600\">We ditch the cheap high-gloss sheen that scratches instantly. Our bespoke matte systems hide micro-imperfections while delivering industrial strength.<\/p>\n<\/p><\/div>\n<div class=\"grid md:grid-cols-3 gap-8\">\n<div class=\"bg-white border border-gray-200 p-8 rounded-2xl flex flex-col justify-between hover:shadow-lg transition\">\n<div>\n<div class=\"w-12 h-12 rounded-xl bg-matte-gray flex items-center justify-center text-matte-dark mb-6\">\n <i data-lucide=\"box\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<h3 class=\"text-xl font-bold text-matte-dark mb-2\">Matte Flake Multi-Coat<\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n The ultimate garage configuration. Coloured decorative base-flakes embedded permanently into commercial resin, locked with a tactile matte shield. Perfect for hiding tracking dust and tire markings.\n <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-6 border-t border-gray-100 flex items-center justify-between text-xs font-semibold text-gray-500 uppercase\">\n <span>Best For: Garages & Patios<\/span><br \/>\n <span class=\"text-matte-dark font-bold\">From $49\/m\u00b2<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"bg-white border border-gray-200 p-8 rounded-2xl flex flex-col justify-between hover:shadow-lg transition\">\n<div>\n<div class=\"w-12 h-12 rounded-xl bg-matte-gray flex items-center justify-center text-matte-dark mb-6\">\n <i data-lucide=\"palette\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<h3 class=\"text-xl font-bold text-matte-dark mb-2\">Solid Industrial Matte<\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n A minimal, elegant seamless monolithic look. Ideal for modern home conversions, sleek workshops, retail areas, and clean modern minimalist properties requiring architectural consistency.\n <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-6 border-t border-gray-100 flex items-center justify-between text-xs font-semibold text-gray-500 uppercase\">\n <span>Best For: Studios & Retail<\/span><br \/>\n <span class=\"text-matte-dark font-bold\">From $42\/m\u00b2<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"bg-white border border-gray-200 p-8 rounded-2xl flex flex-col justify-between hover:shadow-lg transition\">\n<div>\n<div class=\"w-12 h-12 rounded-xl bg-matte-gray flex items-center justify-center text-matte-dark mb-6\">\n <i data-lucide=\"shield\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<h3 class=\"text-xl font-bold text-matte-dark mb-2\">Commercial Slip-Resistant<\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n Infused with structural aggregates to comply with strict Australian commercial anti-slip ratings. Built to withstand chemical leaks, heavy foot traffic, and machinery pressures.\n <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-6 border-t border-gray-100 flex items-center justify-between text-xs font-semibold text-gray-500 uppercase\">\n <span>Best For: Driveways & Commercial<\/span><br \/>\n <span class=\"text-matte-dark font-bold\">From $55\/m\u00b2<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"visualizer\" class=\"bg-matte-dark text-white py-20 border-t border-b border-white\/10\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-12\">\n <span class=\"bg-matte-accent text-matte-dark text-[11px] font-bold tracking-widest uppercase px-3 py-1 rounded-full\">Interactive Studio<\/span><\/p>\n<h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight mt-3\">Virtual Epoxy Floor Visualizer<\/h2>\n<p class=\"mt-4 text-gray-400\">Upload a photo of your space or garage slab, map your floor area, and instantly sample our signature matte architectures.<\/p>\n<\/p><\/div>\n<div class=\"grid lg:grid-cols-12 gap-8 items-start\">\n<div class=\"lg:col-span-4 bg-white\/5 border border-white\/10 p-6 rounded-2xl backdrop-blur-md\">\n<div class=\"mb-6\">\n <label class=\"block text-xs uppercase font-semibold tracking-wider text-gray-400 mb-3\">Step 1: Upload Your Space<\/label><\/p>\n<div class=\"relative group border-2 border-dashed border-white\/20 hover:border-white\/40 rounded-xl transition bg-black\/20 p-4 text-center cursor-pointer\">\n <input type=\"file\" id=\"floor-upload\" accept=\"image\/*\" class=\"absolute inset-0 opacity-0 cursor-pointer\"><\/p>\n<div class=\"flex flex-col items-center justify-center gap-2\">\n <i data-lucide=\"upload-cloud\" class=\"w-8 h-8 text-gray-400 group-hover:text-white transition\"><\/i><br \/>\n <span class=\"text-xs font-medium text-gray-300\" id=\"upload-label\">Choose image file…<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mb-6\">\n <label class=\"block text-xs uppercase font-semibold tracking-wider text-gray-400 mb-3\">Step 2: Choose Architectural Finish<\/label><\/p>\n<div class=\"space-y-3\">\n <button onclick=\"setEpoxyFinish('#555d65', 'flake')\" class=\"w-full flex items-center justify-between p-3.5 rounded-xl border border-white\/20 bg-white\/5 hover:bg-white\/10 text-left transition focus:ring-2 focus:ring-white\"><\/p>\n<div class=\"flex items-center gap-3\">\n <span class=\"w-5 h-5 rounded-full bg-[#555d65] border border-white\/20\"><\/span><\/p>\n<div>\n<p class=\"text-sm font-semibold\">Urban Matte Grey<\/p>\n<p class=\"text-[11px] text-gray-400\">Architectural Multi-Flake<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <i data-lucide=\"chevron-right\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n <\/button><br \/>\n <button onclick=\"setEpoxyFinish('#b89d7c', 'flake')\" class=\"w-full flex items-center justify-between p-3.5 rounded-xl border border-white\/20 bg-white\/5 hover:bg-white\/10 text-left transition focus:ring-2 focus:ring-white\"><\/p>\n<div class=\"flex items-center gap-3\">\n <span class=\"w-5 h-5 rounded-full bg-[#b89d7c] border border-white\/20\"><\/span><\/p>\n<div>\n<p class=\"text-sm font-semibold\">Sandstone Flake Blend<\/p>\n<p class=\"text-[11px] text-gray-400\">Premium Warm Texture<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <i data-lucide=\"chevron-right\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n <\/button><br \/>\n <button onclick=\"setEpoxyFinish('#32373b', 'solid')\" class=\"w-full flex items-center justify-between p-3.5 rounded-xl border border-white\/20 bg-white\/5 hover:bg-white\/10 text-left transition focus:ring-2 focus:ring-white\"><\/p>\n<div class=\"flex items-center gap-3\">\n <span class=\"w-5 h-5 rounded-full bg-[#32373b] border border-white\/20\"><\/span><\/p>\n<div>\n<p class=\"text-sm font-semibold\">Industrial Slate Solid<\/p>\n<p class=\"text-[11px] text-gray-400\">Minimal Monolithic Matte<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <i data-lucide=\"chevron-right\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"mb-6\">\n<div class=\"flex justify-between items-center mb-2\">\n <label class=\"text-xs uppercase font-semibold tracking-wider text-gray-400\">Coating Opacity<\/label><br \/>\n <span id=\"opacity-val\" class=\"text-xs text-matte-accent font-bold\">75%<\/span>\n <\/div>\n<p> <input type=\"range\" id=\"coat-opacity\" min=\"20\" max=\"95\" value=\"75\" class=\"w-full h-1 bg-white\/20 rounded-lg appearance-none cursor-pointer accent-white\">\n <\/div>\n<p> <button onclick=\"resetMaskPoints()\" class=\"w-full border border-white\/20 hover:border-white\/40 bg-white\/5 hover:bg-white\/10 text-xs uppercase font-medium tracking-wider py-3 rounded-xl transition flex items-center justify-center gap-2\"><br \/>\n <i data-lucide=\"refresh-cw\" class=\"w-3.5 h-3.5\"><\/i> Clear Floor Mask Boundary<br \/>\n <\/button>\n <\/div>\n<div class=\"lg:col-span-8\">\n<div class=\"bg-black\/40 rounded-2xl border border-white\/10 overflow-hidden relative shadow-2xl flex flex-col items-center\">\n<div class=\"w-full bg-black\/60 px-4 py-2 text-center text-xs tracking-wide text-gray-300 border-b border-white\/5 flex items-center justify-center gap-2\">\n <i data-lucide=\"info\" class=\"w-3.5 h-3.5 text-matte-accent\"><\/i><br \/>\n <span>Click inside your canvas frame to map custom floor corner boundary paths.<\/span>\n <\/div>\n<div class=\"relative max-w-full overflow-auto p-4 flex justify-center items-center\">\n <canvas id=\"visualizer-canvas\" class=\"max-w-full rounded-lg shadow-lg cursor-crosshair border border-white\/5 bg-[#1e1e1e]\"><\/canvas>\n <\/div>\n<div class=\"w-full bg-black\/40 px-6 py-4 flex flex-col sm:flex-row justify-between items-center border-t border-white\/5 gap-3\">\n<div class=\"text-xs text-gray-400\">\n Status: <span id=\"visualizer-status\" class=\"text-green-400 font-medium\">Ready \u2014 Standard Demo Template Loaded<\/span>\n <\/div>\n<p> <a href=\"#quote\" class=\"bg-matte-accent text-matte-dark px-4 py-2 rounded-lg text-xs font-bold uppercase tracking-wider hover:bg-white transition\"><br \/>\n Lock In This Color Design \u2192<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"process\" class=\"bg-matte-gray py-20\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16\">\n<h2 class=\"text-3xl sm:text-4xl font-bold text-matte-dark tracking-tight\">How We Install It Seamlessly in 24 Hours<\/h2>\n<p class=\"mt-4 text-gray-600\">The difference between a peeling DIY kit and an architectural floor is the preparation. We follow a strict diamond grinding and laying sequence.<\/p>\n<\/p><\/div>\n<div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">01<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Diamond Grinding<\/h4>\n<p class=\"text-sm text-gray-600\">We mechanically open the pores of your concrete slab using industrial heavy diamond grinders to guarantee lifelong chemical cross-linking.<\/p>\n<\/p><\/div>\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">02<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Slab Repair & Prime<\/h4>\n<p class=\"text-sm text-gray-600\">Every single hairline fracture, pit mark, and structural crack is filled with deep polyurea injection matrices before casting baseline coats.<\/p>\n<\/p><\/div>\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">03<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Resin Base & Flake<\/h4>\n<p class=\"text-sm text-gray-600\">The primary structural pigment layer is rolled flat, followed immediately by casting double broadcast flake distributions to complete saturation.<\/p>\n<\/p><\/div>\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">04<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Matte Shield Seal<\/h4>\n<p class=\"text-sm text-gray-600\">After scraping away excess media, we lock down the composition using our bespoke protective UV-stable matte topcoat polyaspartic formula.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"pricing\" class=\"py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16\">\n<h2 class=\"text-3xl sm:text-4xl font-bold text-matte-dark tracking-tight\">Simple, Transparent Pricing Estimations<\/h2>\n<p class=\"mt-4 text-gray-600\">No guesswork or opaque calculations. We keep structural flooring affordable for local families and businesses across Brisbane.<\/p>\n<\/p><\/div>\n<div class=\"grid md:grid-cols-3 gap-8 items-stretch\">\n<div class=\"border border-gray-200 rounded-2xl p-8 flex flex-col justify-between bg-white\">\n<div>\n<h3 class=\"text-lg font-bold text-gray-500 uppercase tracking-wider\">Single Garage Space<\/h3>\n<div class=\"mt-4 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold font-heading text-matte-dark\">$1,350<\/span><br \/>\n <span class=\"text-sm text-gray-500 font-medium\">Est. Avg Fixed<\/span>\n <\/div>\n<p class=\"mt-2 text-xs text-gray-400\">Perfect for smaller home footprints or detached utility rooms (~18m\u00b2)<\/p>\n<ul class=\"mt-6 space-y-4 text-sm text-gray-600\">\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Diamond Grinding Included<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Choice of Matte Solid Tones<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Standard Moisture Barriers<\/li>\n<li class=\"flex items-center gap-3 text-gray-300\"><i data-lucide=\"minus\" class=\"w-4 h-4\"><\/i> Extended Flake Distribution<\/li>\n<\/ul><\/div>\n<p> <a href=\"#quote\" class=\"mt-8 block text-center bg-gray-100 hover:bg-gray-200 text-matte-dark font-medium py-3 rounded-xl transition text-sm\">Select Configuration<\/a>\n <\/div>\n<div class=\"border-2 border-matte-dark rounded-2xl p-8 flex flex-col justify-between bg-white relative ring-4 ring-matte-dark\/5\">\n <span class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 bg-matte-dark text-white font-heading text-[10px] font-bold tracking-widest uppercase px-4 py-1 rounded-full\">BRISBANE STANDARD<\/span><\/p>\n<div>\n<h3 class=\"text-lg font-bold text-matte-dark uppercase tracking-wider\">Double Garage Space<\/h3>\n<div class=\"mt-4 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold font-heading text-matte-dark\">$2,400<\/span><br \/>\n <span class=\"text-sm text-gray-500 font-medium\">Est. Avg Fixed<\/span>\n <\/div>\n<p class=\"mt-2 text-xs text-gray-400\">The baseline choice for standard Australian suburban double lockup garages (~36m\u00b2)<\/p>\n<ul class=\"mt-6 space-y-4 text-sm text-gray-600\">\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> Full Architectural Flake Blend<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> Industrial Scratch Resistant Matte<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> Level-2 Deep Concrete Cracking Patch<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> 10-Year Struct-Bond Guarantee<\/li>\n<\/ul><\/div>\n<p> <a href=\"#quote\" class=\"mt-8 block text-center bg-matte-dark hover:bg-matte-slate text-white font-medium py-3 rounded-xl transition text-sm\">Most Popular Choice<\/a>\n <\/div>\n<div class=\"border border-gray-200 rounded-2xl p-8 flex flex-col justify-between bg-white\">\n<div>\n<h3 class=\"text-lg font-bold text-gray-500 uppercase tracking-wider\">Custom\/Commercial<\/h3>\n<div class=\"mt-4 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold font-heading text-matte-dark\">$55<\/span><br \/>\n <span class=\"text-sm text-gray-500 font-medium\">\/ square metre<\/span>\n <\/div>\n<p class=\"mt-2 text-xs text-gray-400\">Scaled spaces, warehouse conversions, multi-vehicle showrooms, and commercial retail<\/p>\n<ul class=\"mt-6 space-y-4 text-sm text-gray-600\">\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> R10-R12 Slip Certification Assets<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Heavy Chemical-Proof Formulation<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Custom Matte Color Mixing Matching<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Rapid Overnight Curing Layouts<\/li>\n<\/ul><\/div>\n<p> <a href=\"#quote\" class=\"mt-8 block text-center bg-gray-100 hover:bg-gray-200 text-matte-dark font-medium py-3 rounded-xl transition text-sm\">Request Site Assessment<\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"quote\" class=\"bg-matte-dark text-white py-20\">\n<div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n<h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight mb-4\">Secure Your Fixed Quote Within 2 Hours<\/h2>\n<p class=\"text-gray-400 text-sm sm:text-base max-w-2xl mx-auto mb-12\">Fill out our rapid response form. Our Brisbane deployment team maps out concrete densities and custom matte color matching on-site.<\/p>\n<form class=\"grid sm:grid-cols-2 gap-4 text-left max-w-2xl mx-auto bg-white\/5 p-6 sm:p-10 rounded-2xl border border-white\/10 backdrop-blur-md\" onsubmit=\"event.preventDefault(); alert('Thank you! Your Brisbane flooring request has been received.');\">\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Full Name<\/label><br \/>\n <input type=\"text\" required class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition\" placeholder=\"Johnathan Doe\">\n <\/div>\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Phone Number<\/label><br \/>\n <input type=\"tel\" required class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition\" placeholder=\"0400 000 000\">\n <\/div>\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Brisbane Suburb Location<\/label><br \/>\n <input type=\"text\" required class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition\" placeholder=\"e.g. Chermside, Paddington\">\n <\/div>\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Estimated Space Type<\/label><br \/>\n <select class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition text-gray-300\"><option>Double Garage Floor<\/option><option>Single Garage \/ Utility Patio<\/option><option>Commercial Workshop Warehouse<\/option><option>Other \/ Architectural Space<\/option><\/select>\n <\/div>\n<p> <button type=\"submit\" class=\"sm:col-span-2 mt-4 bg-white text-matte-dark py-4 rounded-xl font-bold font-heading hover:bg-gray-100 transition shadow-lg tracking-wide uppercase text-sm\"><br \/>\n Generate My Affordable Pricing Schedule \u2192<br \/>\n <\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/section>\n<footer class=\"bg-[#1a1b1c] text-gray-500 text-xs py-12 border-t border-white\/5\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row justify-between items-center gap-6\">\n<div class=\"flex items-center gap-2 opacity-70\">\n <i data-lucide=\"layers\" class=\"w-5 h-5\"><\/i><br \/>\n <span class=\"font-heading font-bold text-gray-400 tracking-wider\">AFFORDABLE EPOXY BRISBANE<\/span>\n <\/div>\n<p>\u00a9 2026 Brisbane Epoxy Contractors. Inspired by Wise Coatings Systems. Built using luxury architecture matte color profiles.<\/p>\n<\/p><\/div>\n<\/footer>\n<p> <script>\n lucide.createIcons();<\/p>\n<p> \/\/ Visualizer State Variables\n const canvas = document.getElementById('visualizer-canvas');\n const ctx = canvas.getContext('2d');\n const uploadInput = document.getElementById('floor-upload');\n const uploadLabel = document.getElementById('upload-label');\n const opacityInput = document.getElementById('coat-opacity');\n const opacityValDisplay = document.getElementById('opacity-val');\n const statusDisplay = document.getElementById('visualizer-status');<\/p>\n<p> let bgImage = new Image();\n let maskPoints = []; \/\/ Stores user-mapped coordinate nodes\n let activeColor = '#555d65';\n let activeTextureStyle = 'flake';\n let currentOpacity = 0.75;<\/p>\n<p> \/\/ Default Perspective Mask Coordinates matching the stock background\n const defaultPerspectivePoints = [\n { x: 50, y: 380 },\n { x: 550, y: 380 },\n { x: 580, y: 400 },\n { x: 600, y: 400 },\n { x: 600, y: 450 },\n { x: 0, y: 450 }\n ];<\/p>\n<p> \/\/ Generate dynamic fallback template graphic when no custom user image is present\n function generateDemoTemplate() {\n canvas.width = 600;\n canvas.height = 450;\n maskPoints = [...defaultPerspectivePoints];\n renderVisualizerScene();\n }<\/p>\n<p> \/\/ Initialize Workspace Setup\n window.addEventListener('DOMContentLoaded', () => {\n generateDemoTemplate();\n });<\/p>\n<p> \/\/ Track custom image upload file streaming strings\n uploadInput.addEventListener('change', (e) => {\n const file = e.target.files[0];\n if (!file) return;<\/p>\n<p> uploadLabel.innerText = file.name;\n statusDisplay.innerText = \"Processing image asset layer structures...\";<\/p>\n<p> const reader = new FileReader();\n reader.onload = (event) => {\n bgImage.onload = () => {\n \/\/ Responsive Canvas scaling aspect matrix matching\n const maxWidth = 700;\n const scaleFactor = Math.min(maxWidth \/ bgImage.width, 1);\n canvas.width = bgImage.width * scaleFactor;\n canvas.height = bgImage.height * scaleFactor;<\/p>\n<p> \/\/ Reset to smart default boundaries relative to customized aspect scale ratios\n maskPoints = [\n { x: canvas.width * 0.1, y: canvas.height * 0.65 },\n { x: canvas.width * 0.9, y: canvas.height * 0.65 },\n { x: canvas.width, y: canvas.height },\n { x: 0, y: canvas.height }\n ];<\/p>\n<p> statusDisplay.innerText = \"Custom image loaded successfully. Click anywhere on the floor to adjust the mask boundaries.\";\n renderVisualizerScene();\n };\n bgImage.src = event.target.result;\n };\n reader.readAsDataURL(file);\n });<\/p>\n<p> \/\/ Track interactive point clicks mapping nodes\n canvas.addEventListener('click', (e) => {\n const rect = canvas.getBoundingClientRect();\n const clickX = e.clientX - rect.left;\n const clickY = e.clientY - rect.top;<\/p>\n<p> \/\/ If user clicked close to an existing vector node, move it; otherwise create a new node boundary loop\n let existingNodeIndex = -1;\n maskPoints.forEach((pt, idx) => {\n if (Math.hypot(pt.x - clickX, pt.y - clickY) < 16) {\n existingNodeIndex = idx;\n }\n });\n\n if (existingNodeIndex > -1) {\n statusDisplay.innerText = \"Refining existing floor profile matrix coordinate vertex nodes...\";\n } else {\n \/\/ Keep points array limited or allow free addition up to 12 anchor corners\n if(maskPoints.length >= 10) maskPoints.shift(); \n maskPoints.push({ x: clickX, y: clickY });\n }<\/p>\n<p> renderVisualizerScene();\n });<\/p>\n<p> \/\/ Trigger dynamic value modifier re-rendering metrics\n opacityInput.addEventListener('input', (e) => {\n currentOpacity = e.target.value \/ 100;\n opacityValDisplay.innerText = e.target.value + '%';\n renderVisualizerScene();\n });<\/p>\n<p> \/\/ Set Active Color Configurations Matrix definitions\n function setEpoxyFinish(hexColor, textureStyle) {\n activeColor = hexColor;\n activeTextureStyle = textureStyle;\n renderVisualizerScene();\n }<\/p>\n<p> \/\/ Clear layout boundaries structures back to default structures configurations\n function resetMaskPoints() {\n maskPoints = [];\n statusDisplay.innerText = \"Boundary clear. Click to map the new floor area.\";\n renderVisualizerScene();\n }<\/p>\n<p> \/\/ Primary Core Rendering Composite Pipelines\n function renderVisualizerScene() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> \/\/ 1. Draw base layer\n if (bgImage.src) {\n ctx.drawImage(bgImage, 0, 0, canvas.width, canvas.height);\n } else {\n \/\/ Stock fallback demo graphic vector backdrop frame container simulation elements\n ctx.fillStyle = '#2c3e50';\n ctx.fillRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> \/\/ Walls\n ctx.fillStyle = '#bdc3c7';\n ctx.fillRect(0, 0, canvas.width, 280);<\/p>\n<p> \/\/ Horizon separator structural details line indicator\n ctx.strokeStyle = '#7f8c8d';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(0, 280);\n ctx.lineTo(600, 280);\n ctx.stroke();<\/p>\n<p> \/\/ Raw original unsealed concrete floor texture representation placeholder bounds\n ctx.fillStyle = '#95a5a6';\n ctx.fillRect(0, 280, canvas.width, 170);\n }<\/p>\n<p> \/\/ 2. Render Epoxy Composite Polymer Overlays Layer (Only if mask boundaries contains point sets anchors loops)\n if (maskPoints.length > 1) {\n ctx.save();<\/p>\n<p> \/\/ Formulate target polygon path lines mask boundaries loop structures tracking clipping system\n ctx.beginPath();\n ctx.moveTo(maskPoints[0].x, maskPoints[0].y);\n for (let i = 1; i < maskPoints.length; i++) {\n ctx.lineTo(maskPoints[i].x, maskPoints[i].y);\n }\n ctx.closePath();\n ctx.clip();\n\n \/\/ Composite color overlay profile setting values tracking blending layers patterns rules sets\n ctx.globalAlpha = currentOpacity;\n ctx.fillStyle = activeColor;\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n \/\/ If architectural multi-flake is specified, seed clean micro noise points configurations dynamically across standard rendering routines loop bounds\n if (activeTextureStyle === 'flake') {\n ctx.globalAlpha = 0.25;\n for (let i = 0; i < canvas.width; i += 4) {\n for (let j = 0; j < canvas.height; j += 4) {\n if (Math.random() > 0.7) {\n ctx.fillStyle = Math.random() > 0.5 ? '#ffffff' : '#111111';\n ctx.fillRect(i, j, 1.5, 1.5);\n }\n \/\/ Muted Gold flake highlights trace matching luxury brand profiles lines\n if (Math.random() > 0.98) {\n ctx.fillStyle = '#D4AF37';\n ctx.fillRect(i, j, 2, 2);\n }\n }\n }\n }<\/p>\n<p> \/\/ Add soft ambient depth shadows overlay gradient filter lines to maximize realistic perspective integration mapping properties\n ctx.globalAlpha = 0.15;\n let ambientShadowGrad = ctx.createLinearGradient(0, 0, 0, canvas.height);\n ambientShadowGrad.addColorStop(0, '#000000');\n ambientShadowGrad.addColorStop(1, 'transparent');\n ctx.fillStyle = ambientShadowGrad;\n ctx.fillRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> ctx.restore();\n }<\/p>\n<p> \/\/ 3. Render Tracking Control Dots Anchor Handles UI Overlay Layer indicators\n maskPoints.forEach((pt, idx) => {\n ctx.beginPath();\n ctx.arc(pt.x, pt.y, 5, 0, 2 * Math.PI);\n ctx.fillStyle = '#C5A059'; \/\/ Premium gold anchor color\n ctx.fill();\n ctx.strokeStyle = '#ffffff';\n ctx.lineWidth = 1.5;\n ctx.stroke();<\/p>\n<p> \/\/ Draw line linkage loops connecting active polygon paths coordinates system indicators tracks elements bounds structures panels\n if (idx > 0) {\n ctx.strokeStyle = 'rgba(197, 160, 89, 0.4)';\n ctx.lineWidth = 1;\n ctx.beginPath();\n ctx.moveTo(maskPoints[idx - 1].x, maskPoints[idx - 1].y);\n ctx.lineTo(pt.x, pt.y);\n ctx.stroke();\n }\n if (idx === maskPoints.length - 1 && maskPoints.length > 2) {\n ctx.strokeStyle = 'rgba(197, 160, 89, 0.4)';\n ctx.beginPath();\n ctx.moveTo(pt.x, pt.y);\n ctx.lineTo(maskPoints[0].x, maskPoints[0].y);\n ctx.stroke();\n }\n });\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Affordable Epoxy Flooring Brisbane | Premium Matte & Flake Finishes \u26a1 FREE OBLIGATION QUOTES ACROSS GREATER BRISBANE \u2014 100% MATTE & CUSTOM FINISHES Brisbane Epoxy Affordable Coatings Our Coatings Floor Visualizer Why Brisbane Epoxy The Process Pricing Packages 1800 FX COAT Get Free Quote Local Brisbane Installers Premium Epoxy Floors. Affordable Brisbane Rates. Transform your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":2,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5,"date":"2026-05-26T18:48:34","date_gmt":"2026-05-26T18:48:34","guid":{"rendered":"https:\/\/affordableepoxyflooring.com.au\/?page_id=5"},"modified":"2026-06-03T08:35:57","modified_gmt":"2026-06-03T08:35:57","slug":"home","status":"publish","type":"page","link":"https:\/\/affordableepoxyflooring.com.au\/","title":{"rendered":""},"content":{"rendered":"

\n
\n
\n
\n
\n Affordable Epoxy Flooring Brisbane | Premium Matte & Flake Finishes<\/title><br \/>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tailwindcss\/browser@4\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script><\/p>\n<style>\n body {\n font-family: 'Inter', sans-serif;\n }\n h1, h2, h3, .font-heading {\n font-family: 'Space Grotesk', sans-serif;\n }\n \/* Matte Color Token System Override *\/\n .bg-matte-dark { background-color: #242526; } \/* Deep Matte Charcoal *\/\n .bg-matte-gray { background-color: #F4F4F2; } \/* Soft Matte Off-White *\/\n .bg-matte-slate { background-color: #4A525A; } \/* Muted Slate Gray *\/\n .text-matte-dark { color: #242526; }\n .border-matte-accent { border-color: #D4AF37; } \/* Muted Gold Accent *\/\n .bg-matte-accent { background-color: #C5A059; } \/* Matte Premium Gold *\/\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-white text-gray-800 antialiased\"><\/p>\n<div class=\"bg-matte-dark text-gray-300 text-xs py-2 px-4 text-center tracking-wide\">\n \u26a1 FREE OBLIGATION QUOTES ACROSS GREATER BRISBANE \u2014 100% MATTE & CUSTOM FINISHES\n <\/div>\n<header class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-gray-100 shadow-sm\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\n<div class=\"flex items-center gap-2\">\n<div class=\"p-2 bg-matte-dark text-white rounded-lg\">\n <i data-lucide=\"layers\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<div>\n <span class=\"text-xl font-bold tracking-tight text-matte-dark block uppercase font-heading\">Brisbane Epoxy<\/span><br \/>\n <span class=\"text-[10px] uppercase tracking-widest text-gray-500 block -mt-1\">Affordable Coatings<\/span>\n <\/div>\n<\/p><\/div>\n<nav class=\"hidden md:flex items-center gap-8 font-medium text-sm text-gray-600\">\n <a href=\"#services\" class=\"hover:text-matte-dark transition\">Our Coatings<\/a><br \/>\n <a href=\"#visualizer\" class=\"hover:text-matte-dark transition\">Floor Visualizer<\/a><br \/>\n <a href=\"#why-us\" class=\"hover:text-matte-dark transition\">Why Brisbane Epoxy<\/a><br \/>\n <a href=\"#process\" class=\"hover:text-matte-dark transition\">The Process<\/a><br \/>\n <a href=\"#pricing\" class=\"hover:text-matte-dark transition\">Pricing Packages<\/a><br \/>\n <\/nav>\n<div class=\"flex items-center gap-4\">\n <a href=\"tel:1800000000\" class=\"hidden sm:flex items-center gap-2 text-sm font-semibold text-gray-700\"><br \/>\n <i data-lucide=\"phone\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n 1800 FX COAT<br \/>\n <\/a><br \/>\n <a href=\"#quote\" class=\"bg-matte-dark text-white px-5 py-2.5 rounded-lg text-sm font-medium hover:bg-matte-slate transition shadow-sm\"><br \/>\n Get Free Quote<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/header>\n<section class=\"relative bg-matte-gray overflow-hidden\">\n<div class=\"max-w-7xl mx-auto lg:grid lg:grid-cols-12 lg:gap-8 px-4 sm:px-6 lg:px-8 py-16 lg:py-24\">\n<div class=\"lg:col-span-6 flex flex-col justify-center\">\n<div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white border border-gray-200 text-xs font-medium text-gray-600 mb-6 w-fit\">\n <span class=\"w-2 h-2 rounded-full bg-green-500 animate-pulse\"><\/span><br \/>\n Local Brisbane Installers\n <\/div>\n<h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-bold text-matte-dark tracking-tight leading-tight\">\n Premium Epoxy Floors. <br \/>\n <span class=\"text-gray-500 font-light\">Affordable Brisbane Rates.<\/span><br \/>\n <\/h1>\n<p class=\"mt-4 text-base sm:text-lg text-gray-600 max-w-xl\">\n Transform your peeling, dusty garage or commercial concrete floor into a striking, ultra-durable showpiece. Specialising in modern matte sealers and architectural flake coats built for the Queensland climate.\n <\/p>\n<div class=\"grid grid-cols-2 gap-4 my-8\">\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">1-Day Rapid Application<\/span>\n <\/div>\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"shield-check\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">10-Year Local Warranty<\/span>\n <\/div>\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"sparkles\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">Sleek Non-Slip Matte<\/span>\n <\/div>\n<div class=\"flex items-center gap-2.5\">\n <i data-lucide=\"dollar-sign\" class=\"w-5 h-5 text-matte-slate\"><\/i><br \/>\n <span class=\"text-sm font-medium text-gray-700\">No Hidden Travel Fees<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#visualizer\" class=\"bg-matte-dark text-white px-8 py-4 rounded-xl font-medium hover:bg-matte-slate text-center transition shadow-md\"><br \/>\n Try Floor Visualizer<br \/>\n <\/a><br \/>\n <a href=\"#services\" class=\"bg-white text-gray-700 border border-gray-300 px-8 py-4 rounded-xl font-medium hover:bg-gray-50 text-center transition\"><br \/>\n View Matte Color Range<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"mt-12 lg:mt-0 lg:col-span-6 flex items-center justify-center relative\">\n<div class=\"w-full aspect-[4\/3] rounded-2xl bg-matte-slate\/10 border-4 border-white shadow-xl overflow-hidden relative group\">\n <svg viewBox=\"0 0 800 600\" class=\"w-full h-full object-cover bg-[#3a3f44]\">\n <filter id=\"noise\">\n <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\n <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0\"\/>\n <feBlend mode=\"multiply\" in=\"SourceGraphic\"\/>\n <\/filter>\n <rect width=\"100%\" height=\"100%\" fill=\"#555d65\"\/>\n <g opacity=\"0.35\">\n <circle cx=\"150\" cy=\"120\" r=\"3\" fill=\"#ffffff\" \/>\n <circle cx=\"280\" cy=\"450\" r=\"4\" fill=\"#111111\" \/>\n <circle cx=\"620\" cy=\"220\" r=\"2.5\" fill=\"#d4af37\" \/>\n <circle cx=\"410\" cy=\"180\" r=\"5\" fill=\"#ffffff\" \/>\n <circle cx=\"710\" cy=\"490\" r=\"3\" fill=\"#111111\" \/>\n <circle cx=\"210\" cy=\"310\" r=\"4\" fill=\"#ffffff\" \/>\n <\/g>\n <path d=\"M -100 600 L 400 250 L 900 600 M 150 600 L 400 250 L 650 600\" stroke=\"#ffffff\" stroke-width=\"1\" opacity=\"0.15\"\/>\n <\/svg><\/p>\n<div class=\"absolute bottom-4 left-4 right-4 bg-matte-dark\/90 backdrop-blur-sm p-4 rounded-xl text-white text-sm flex justify-between items-center\">\n<div>\n<p class=\"font-semibold\">Signature Urban Matte Grey<\/p>\n<p class=\"text-xs text-gray-400\">Installed in Carindale, QLD<\/p>\n<\/p><\/div>\n<p> <span class=\"bg-matte-accent text-matte-dark px-2.5 py-1 text-xs font-bold rounded\">POPULAR<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"bg-matte-dark text-gray-400 py-8 border-t border-white\/10\">\n<div class=\"max-w-7xl mx-auto px-4 text-center\">\n<p class=\"text-xs uppercase tracking-widest font-semibold mb-4 text-gray-500\">Trusted by Residential & Commercial Brisbane Properties<\/p>\n<div class=\"flex flex-wrap justify-center items-center gap-8 md:gap-16 text-sm font-heading font-bold opacity-60\">\n <span>\u2713 BRISBANE SOUTHRESIDENTIAL<\/span><br \/>\n <span>\u2713 NORTHSIDE WAREHOUSES<\/span><br \/>\n <span>\u2713 IPWICH AUTOMOTIVE<\/span><br \/>\n <span>\u2713 GOLD COAST COMMERCIAL<\/span>\n <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"services\" class=\"py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16\">\n<h2 class=\"text-3xl sm:text-4xl font-bold text-matte-dark tracking-tight\">Our Premium Architectural Coating Finishes<\/h2>\n<p class=\"mt-4 text-gray-600\">We ditch the cheap high-gloss sheen that scratches instantly. Our bespoke matte systems hide micro-imperfections while delivering industrial strength.<\/p>\n<\/p><\/div>\n<div class=\"grid md:grid-cols-3 gap-8\">\n<div class=\"bg-white border border-gray-200 p-8 rounded-2xl flex flex-col justify-between hover:shadow-lg transition\">\n<div>\n<div class=\"w-12 h-12 rounded-xl bg-matte-gray flex items-center justify-center text-matte-dark mb-6\">\n <i data-lucide=\"box\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<h3 class=\"text-xl font-bold text-matte-dark mb-2\">Matte Flake Multi-Coat<\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n The ultimate garage configuration. Coloured decorative base-flakes embedded permanently into commercial resin, locked with a tactile matte shield. Perfect for hiding tracking dust and tire markings.\n <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-6 border-t border-gray-100 flex items-center justify-between text-xs font-semibold text-gray-500 uppercase\">\n <span>Best For: Garages & Patios<\/span><br \/>\n <span class=\"text-matte-dark font-bold\">From $49\/m\u00b2<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"bg-white border border-gray-200 p-8 rounded-2xl flex flex-col justify-between hover:shadow-lg transition\">\n<div>\n<div class=\"w-12 h-12 rounded-xl bg-matte-gray flex items-center justify-center text-matte-dark mb-6\">\n <i data-lucide=\"palette\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<h3 class=\"text-xl font-bold text-matte-dark mb-2\">Solid Industrial Matte<\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n A minimal, elegant seamless monolithic look. Ideal for modern home conversions, sleek workshops, retail areas, and clean modern minimalist properties requiring architectural consistency.\n <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-6 border-t border-gray-100 flex items-center justify-between text-xs font-semibold text-gray-500 uppercase\">\n <span>Best For: Studios & Retail<\/span><br \/>\n <span class=\"text-matte-dark font-bold\">From $42\/m\u00b2<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"bg-white border border-gray-200 p-8 rounded-2xl flex flex-col justify-between hover:shadow-lg transition\">\n<div>\n<div class=\"w-12 h-12 rounded-xl bg-matte-gray flex items-center justify-center text-matte-dark mb-6\">\n <i data-lucide=\"shield\" class=\"w-6 h-6\"><\/i>\n <\/div>\n<h3 class=\"text-xl font-bold text-matte-dark mb-2\">Commercial Slip-Resistant<\/h3>\n<p class=\"text-gray-600 text-sm leading-relaxed\">\n Infused with structural aggregates to comply with strict Australian commercial anti-slip ratings. Built to withstand chemical leaks, heavy foot traffic, and machinery pressures.\n <\/p>\n<\/p><\/div>\n<div class=\"mt-6 pt-6 border-t border-gray-100 flex items-center justify-between text-xs font-semibold text-gray-500 uppercase\">\n <span>Best For: Driveways & Commercial<\/span><br \/>\n <span class=\"text-matte-dark font-bold\">From $55\/m\u00b2<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"visualizer\" class=\"bg-matte-dark text-white py-20 border-t border-b border-white\/10\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-12\">\n <span class=\"bg-matte-accent text-matte-dark text-[11px] font-bold tracking-widest uppercase px-3 py-1 rounded-full\">Interactive Studio<\/span><\/p>\n<h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight mt-3\">Virtual Epoxy Floor Visualizer<\/h2>\n<p class=\"mt-4 text-gray-400\">Upload a photo of your space or garage slab, map your floor area, and instantly sample our signature matte architectures.<\/p>\n<\/p><\/div>\n<div class=\"grid lg:grid-cols-12 gap-8 items-start\">\n<div class=\"lg:col-span-4 bg-white\/5 border border-white\/10 p-6 rounded-2xl backdrop-blur-md\">\n<div class=\"mb-6\">\n <label class=\"block text-xs uppercase font-semibold tracking-wider text-gray-400 mb-3\">Step 1: Upload Your Space<\/label><\/p>\n<div class=\"relative group border-2 border-dashed border-white\/20 hover:border-white\/40 rounded-xl transition bg-black\/20 p-4 text-center cursor-pointer\">\n <input type=\"file\" id=\"floor-upload\" accept=\"image\/*\" class=\"absolute inset-0 opacity-0 cursor-pointer\"><\/p>\n<div class=\"flex flex-col items-center justify-center gap-2\">\n <i data-lucide=\"upload-cloud\" class=\"w-8 h-8 text-gray-400 group-hover:text-white transition\"><\/i><br \/>\n <span class=\"text-xs font-medium text-gray-300\" id=\"upload-label\">Choose image file…<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mb-6\">\n <label class=\"block text-xs uppercase font-semibold tracking-wider text-gray-400 mb-3\">Step 2: Choose Architectural Finish<\/label><\/p>\n<div class=\"space-y-3\">\n <button onclick=\"setEpoxyFinish('#555d65', 'flake')\" class=\"w-full flex items-center justify-between p-3.5 rounded-xl border border-white\/20 bg-white\/5 hover:bg-white\/10 text-left transition focus:ring-2 focus:ring-white\"><\/p>\n<div class=\"flex items-center gap-3\">\n <span class=\"w-5 h-5 rounded-full bg-[#555d65] border border-white\/20\"><\/span><\/p>\n<div>\n<p class=\"text-sm font-semibold\">Urban Matte Grey<\/p>\n<p class=\"text-[11px] text-gray-400\">Architectural Multi-Flake<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <i data-lucide=\"chevron-right\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n <\/button><br \/>\n <button onclick=\"setEpoxyFinish('#b89d7c', 'flake')\" class=\"w-full flex items-center justify-between p-3.5 rounded-xl border border-white\/20 bg-white\/5 hover:bg-white\/10 text-left transition focus:ring-2 focus:ring-white\"><\/p>\n<div class=\"flex items-center gap-3\">\n <span class=\"w-5 h-5 rounded-full bg-[#b89d7c] border border-white\/20\"><\/span><\/p>\n<div>\n<p class=\"text-sm font-semibold\">Sandstone Flake Blend<\/p>\n<p class=\"text-[11px] text-gray-400\">Premium Warm Texture<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <i data-lucide=\"chevron-right\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n <\/button><br \/>\n <button onclick=\"setEpoxyFinish('#32373b', 'solid')\" class=\"w-full flex items-center justify-between p-3.5 rounded-xl border border-white\/20 bg-white\/5 hover:bg-white\/10 text-left transition focus:ring-2 focus:ring-white\"><\/p>\n<div class=\"flex items-center gap-3\">\n <span class=\"w-5 h-5 rounded-full bg-[#32373b] border border-white\/20\"><\/span><\/p>\n<div>\n<p class=\"text-sm font-semibold\">Industrial Slate Solid<\/p>\n<p class=\"text-[11px] text-gray-400\">Minimal Monolithic Matte<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <i data-lucide=\"chevron-right\" class=\"w-4 h-4 text-gray-400\"><\/i><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"mb-6\">\n<div class=\"flex justify-between items-center mb-2\">\n <label class=\"text-xs uppercase font-semibold tracking-wider text-gray-400\">Coating Opacity<\/label><br \/>\n <span id=\"opacity-val\" class=\"text-xs text-matte-accent font-bold\">75%<\/span>\n <\/div>\n<p> <input type=\"range\" id=\"coat-opacity\" min=\"20\" max=\"95\" value=\"75\" class=\"w-full h-1 bg-white\/20 rounded-lg appearance-none cursor-pointer accent-white\">\n <\/div>\n<p> <button onclick=\"resetMaskPoints()\" class=\"w-full border border-white\/20 hover:border-white\/40 bg-white\/5 hover:bg-white\/10 text-xs uppercase font-medium tracking-wider py-3 rounded-xl transition flex items-center justify-center gap-2\"><br \/>\n <i data-lucide=\"refresh-cw\" class=\"w-3.5 h-3.5\"><\/i> Clear Floor Mask Boundary<br \/>\n <\/button>\n <\/div>\n<div class=\"lg:col-span-8\">\n<div class=\"bg-black\/40 rounded-2xl border border-white\/10 overflow-hidden relative shadow-2xl flex flex-col items-center\">\n<div class=\"w-full bg-black\/60 px-4 py-2 text-center text-xs tracking-wide text-gray-300 border-b border-white\/5 flex items-center justify-center gap-2\">\n <i data-lucide=\"info\" class=\"w-3.5 h-3.5 text-matte-accent\"><\/i><br \/>\n <span>Click inside your canvas frame to map custom floor corner boundary paths.<\/span>\n <\/div>\n<div class=\"relative max-w-full overflow-auto p-4 flex justify-center items-center\">\n <canvas id=\"visualizer-canvas\" class=\"max-w-full rounded-lg shadow-lg cursor-crosshair border border-white\/5 bg-[#1e1e1e]\"><\/canvas>\n <\/div>\n<div class=\"w-full bg-black\/40 px-6 py-4 flex flex-col sm:flex-row justify-between items-center border-t border-white\/5 gap-3\">\n<div class=\"text-xs text-gray-400\">\n Status: <span id=\"visualizer-status\" class=\"text-green-400 font-medium\">Ready \u2014 Standard Demo Template Loaded<\/span>\n <\/div>\n<p> <a href=\"#quote\" class=\"bg-matte-accent text-matte-dark px-4 py-2 rounded-lg text-xs font-bold uppercase tracking-wider hover:bg-white transition\"><br \/>\n Lock In This Color Design \u2192<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"process\" class=\"bg-matte-gray py-20\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16\">\n<h2 class=\"text-3xl sm:text-4xl font-bold text-matte-dark tracking-tight\">How We Install It Seamlessly in 24 Hours<\/h2>\n<p class=\"mt-4 text-gray-600\">The difference between a peeling DIY kit and an architectural floor is the preparation. We follow a strict diamond grinding and laying sequence.<\/p>\n<\/p><\/div>\n<div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">01<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Diamond Grinding<\/h4>\n<p class=\"text-sm text-gray-600\">We mechanically open the pores of your concrete slab using industrial heavy diamond grinders to guarantee lifelong chemical cross-linking.<\/p>\n<\/p><\/div>\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">02<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Slab Repair & Prime<\/h4>\n<p class=\"text-sm text-gray-600\">Every single hairline fracture, pit mark, and structural crack is filled with deep polyurea injection matrices before casting baseline coats.<\/p>\n<\/p><\/div>\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">03<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Resin Base & Flake<\/h4>\n<p class=\"text-sm text-gray-600\">The primary structural pigment layer is rolled flat, followed immediately by casting double broadcast flake distributions to complete saturation.<\/p>\n<\/p><\/div>\n<div>\n<div class=\"text-4xl font-bold text-gray-300 font-heading mb-2\">04<\/div>\n<h4 class=\"font-bold text-matte-dark text-lg mb-2\">Matte Shield Seal<\/h4>\n<p class=\"text-sm text-gray-600\">After scraping away excess media, we lock down the composition using our bespoke protective UV-stable matte topcoat polyaspartic formula.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"pricing\" class=\"py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center max-w-3xl mx-auto mb-16\">\n<h2 class=\"text-3xl sm:text-4xl font-bold text-matte-dark tracking-tight\">Simple, Transparent Pricing Estimations<\/h2>\n<p class=\"mt-4 text-gray-600\">No guesswork or opaque calculations. We keep structural flooring affordable for local families and businesses across Brisbane.<\/p>\n<\/p><\/div>\n<div class=\"grid md:grid-cols-3 gap-8 items-stretch\">\n<div class=\"border border-gray-200 rounded-2xl p-8 flex flex-col justify-between bg-white\">\n<div>\n<h3 class=\"text-lg font-bold text-gray-500 uppercase tracking-wider\">Single Garage Space<\/h3>\n<div class=\"mt-4 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold font-heading text-matte-dark\">$1,350<\/span><br \/>\n <span class=\"text-sm text-gray-500 font-medium\">Est. Avg Fixed<\/span>\n <\/div>\n<p class=\"mt-2 text-xs text-gray-400\">Perfect for smaller home footprints or detached utility rooms (~18m\u00b2)<\/p>\n<ul class=\"mt-6 space-y-4 text-sm text-gray-600\">\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Diamond Grinding Included<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Choice of Matte Solid Tones<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Standard Moisture Barriers<\/li>\n<li class=\"flex items-center gap-3 text-gray-300\"><i data-lucide=\"minus\" class=\"w-4 h-4\"><\/i> Extended Flake Distribution<\/li>\n<\/ul><\/div>\n<p> <a href=\"#quote\" class=\"mt-8 block text-center bg-gray-100 hover:bg-gray-200 text-matte-dark font-medium py-3 rounded-xl transition text-sm\">Select Configuration<\/a>\n <\/div>\n<div class=\"border-2 border-matte-dark rounded-2xl p-8 flex flex-col justify-between bg-white relative ring-4 ring-matte-dark\/5\">\n <span class=\"absolute -top-3.5 left-1\/2 -translate-x-1\/2 bg-matte-dark text-white font-heading text-[10px] font-bold tracking-widest uppercase px-4 py-1 rounded-full\">BRISBANE STANDARD<\/span><\/p>\n<div>\n<h3 class=\"text-lg font-bold text-matte-dark uppercase tracking-wider\">Double Garage Space<\/h3>\n<div class=\"mt-4 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold font-heading text-matte-dark\">$2,400<\/span><br \/>\n <span class=\"text-sm text-gray-500 font-medium\">Est. Avg Fixed<\/span>\n <\/div>\n<p class=\"mt-2 text-xs text-gray-400\">The baseline choice for standard Australian suburban double lockup garages (~36m\u00b2)<\/p>\n<ul class=\"mt-6 space-y-4 text-sm text-gray-600\">\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> Full Architectural Flake Blend<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> Industrial Scratch Resistant Matte<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> Level-2 Deep Concrete Cracking Patch<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-accent\"><\/i> 10-Year Struct-Bond Guarantee<\/li>\n<\/ul><\/div>\n<p> <a href=\"#quote\" class=\"mt-8 block text-center bg-matte-dark hover:bg-matte-slate text-white font-medium py-3 rounded-xl transition text-sm\">Most Popular Choice<\/a>\n <\/div>\n<div class=\"border border-gray-200 rounded-2xl p-8 flex flex-col justify-between bg-white\">\n<div>\n<h3 class=\"text-lg font-bold text-gray-500 uppercase tracking-wider\">Custom\/Commercial<\/h3>\n<div class=\"mt-4 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold font-heading text-matte-dark\">$55<\/span><br \/>\n <span class=\"text-sm text-gray-500 font-medium\">\/ square metre<\/span>\n <\/div>\n<p class=\"mt-2 text-xs text-gray-400\">Scaled spaces, warehouse conversions, multi-vehicle showrooms, and commercial retail<\/p>\n<ul class=\"mt-6 space-y-4 text-sm text-gray-600\">\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> R10-R12 Slip Certification Assets<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Heavy Chemical-Proof Formulation<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Custom Matte Color Mixing Matching<\/li>\n<li class=\"flex items-center gap-3\"><i data-lucide=\"check\" class=\"w-4 h-4 text-matte-slate\"><\/i> Rapid Overnight Curing Layouts<\/li>\n<\/ul><\/div>\n<p> <a href=\"#quote\" class=\"mt-8 block text-center bg-gray-100 hover:bg-gray-200 text-matte-dark font-medium py-3 rounded-xl transition text-sm\">Request Site Assessment<\/a>\n <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"quote\" class=\"bg-matte-dark text-white py-20\">\n<div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n<h2 class=\"text-3xl sm:text-4xl font-bold tracking-tight mb-4\">Secure Your Fixed Quote Within 2 Hours<\/h2>\n<p class=\"text-gray-400 text-sm sm:text-base max-w-2xl mx-auto mb-12\">Fill out our rapid response form. Our Brisbane deployment team maps out concrete densities and custom matte color matching on-site.<\/p>\n<form class=\"grid sm:grid-cols-2 gap-4 text-left max-w-2xl mx-auto bg-white\/5 p-6 sm:p-10 rounded-2xl border border-white\/10 backdrop-blur-md\" onsubmit=\"event.preventDefault(); alert('Thank you! Your Brisbane flooring request has been received.');\">\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Full Name<\/label><br \/>\n <input type=\"text\" required class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition\" placeholder=\"Johnathan Doe\">\n <\/div>\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Phone Number<\/label><br \/>\n <input type=\"tel\" required class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition\" placeholder=\"0400 000 000\">\n <\/div>\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Brisbane Suburb Location<\/label><br \/>\n <input type=\"text\" required class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition\" placeholder=\"e.g. Chermside, Paddington\">\n <\/div>\n<div class=\"flex flex-col gap-1.5\">\n <label class=\"text-xs uppercase font-medium tracking-wider text-gray-400\">Estimated Space Type<\/label><br \/>\n <select class=\"bg-matte-dark border border-white\/20 rounded-lg px-4 py-3 text-sm focus:outline-none focus:border-white transition text-gray-300\"><option>Double Garage Floor<\/option><option>Single Garage \/ Utility Patio<\/option><option>Commercial Workshop Warehouse<\/option><option>Other \/ Architectural Space<\/option><\/select>\n <\/div>\n<p> <button type=\"submit\" class=\"sm:col-span-2 mt-4 bg-white text-matte-dark py-4 rounded-xl font-bold font-heading hover:bg-gray-100 transition shadow-lg tracking-wide uppercase text-sm\"><br \/>\n Generate My Affordable Pricing Schedule \u2192<br \/>\n <\/button><br \/>\n <\/form>\n<\/p><\/div>\n<\/section>\n<footer class=\"bg-[#1a1b1c] text-gray-500 text-xs py-12 border-t border-white\/5\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row justify-between items-center gap-6\">\n<div class=\"flex items-center gap-2 opacity-70\">\n <i data-lucide=\"layers\" class=\"w-5 h-5\"><\/i><br \/>\n <span class=\"font-heading font-bold text-gray-400 tracking-wider\">AFFORDABLE EPOXY BRISBANE<\/span>\n <\/div>\n<p>\u00a9 2026 Brisbane Epoxy Contractors. Inspired by Wise Coatings Systems. Built using luxury architecture matte color profiles.<\/p>\n<\/p><\/div>\n<\/footer>\n<p> <script>\n lucide.createIcons();<\/p>\n<p> \/\/ Visualizer State Variables\n const canvas = document.getElementById('visualizer-canvas');\n const ctx = canvas.getContext('2d');\n const uploadInput = document.getElementById('floor-upload');\n const uploadLabel = document.getElementById('upload-label');\n const opacityInput = document.getElementById('coat-opacity');\n const opacityValDisplay = document.getElementById('opacity-val');\n const statusDisplay = document.getElementById('visualizer-status');<\/p>\n<p> let bgImage = new Image();\n let maskPoints = []; \/\/ Stores user-mapped coordinate nodes\n let activeColor = '#555d65';\n let activeTextureStyle = 'flake';\n let currentOpacity = 0.75;<\/p>\n<p> \/\/ Default Perspective Mask Coordinates matching the stock background\n const defaultPerspectivePoints = [\n { x: 50, y: 380 },\n { x: 550, y: 380 },\n { x: 580, y: 400 },\n { x: 600, y: 400 },\n { x: 600, y: 450 },\n { x: 0, y: 450 }\n ];<\/p>\n<p> \/\/ Generate dynamic fallback template graphic when no custom user image is present\n function generateDemoTemplate() {\n canvas.width = 600;\n canvas.height = 450;\n maskPoints = [...defaultPerspectivePoints];\n renderVisualizerScene();\n }<\/p>\n<p> \/\/ Initialize Workspace Setup\n window.addEventListener('DOMContentLoaded', () => {\n generateDemoTemplate();\n });<\/p>\n<p> \/\/ Track custom image upload file streaming strings\n uploadInput.addEventListener('change', (e) => {\n const file = e.target.files[0];\n if (!file) return;<\/p>\n<p> uploadLabel.innerText = file.name;\n statusDisplay.innerText = \"Processing image asset layer structures...\";<\/p>\n<p> const reader = new FileReader();\n reader.onload = (event) => {\n bgImage.onload = () => {\n \/\/ Responsive Canvas scaling aspect matrix matching\n const maxWidth = 700;\n const scaleFactor = Math.min(maxWidth \/ bgImage.width, 1);\n canvas.width = bgImage.width * scaleFactor;\n canvas.height = bgImage.height * scaleFactor;<\/p>\n<p> \/\/ Reset to smart default boundaries relative to customized aspect scale ratios\n maskPoints = [\n { x: canvas.width * 0.1, y: canvas.height * 0.65 },\n { x: canvas.width * 0.9, y: canvas.height * 0.65 },\n { x: canvas.width, y: canvas.height },\n { x: 0, y: canvas.height }\n ];<\/p>\n<p> statusDisplay.innerText = \"Custom image loaded successfully. Click anywhere on the floor to adjust the mask boundaries.\";\n renderVisualizerScene();\n };\n bgImage.src = event.target.result;\n };\n reader.readAsDataURL(file);\n });<\/p>\n<p> \/\/ Track interactive point clicks mapping nodes\n canvas.addEventListener('click', (e) => {\n const rect = canvas.getBoundingClientRect();\n const clickX = e.clientX - rect.left;\n const clickY = e.clientY - rect.top;<\/p>\n<p> \/\/ If user clicked close to an existing vector node, move it; otherwise create a new node boundary loop\n let existingNodeIndex = -1;\n maskPoints.forEach((pt, idx) => {\n if (Math.hypot(pt.x - clickX, pt.y - clickY) < 16) {\n existingNodeIndex = idx;\n }\n });\n\n if (existingNodeIndex > -1) {\n statusDisplay.innerText = \"Refining existing floor profile matrix coordinate vertex nodes...\";\n } else {\n \/\/ Keep points array limited or allow free addition up to 12 anchor corners\n if(maskPoints.length >= 10) maskPoints.shift(); \n maskPoints.push({ x: clickX, y: clickY });\n }<\/p>\n<p> renderVisualizerScene();\n });<\/p>\n<p> \/\/ Trigger dynamic value modifier re-rendering metrics\n opacityInput.addEventListener('input', (e) => {\n currentOpacity = e.target.value \/ 100;\n opacityValDisplay.innerText = e.target.value + '%';\n renderVisualizerScene();\n });<\/p>\n<p> \/\/ Set Active Color Configurations Matrix definitions\n function setEpoxyFinish(hexColor, textureStyle) {\n activeColor = hexColor;\n activeTextureStyle = textureStyle;\n renderVisualizerScene();\n }<\/p>\n<p> \/\/ Clear layout boundaries structures back to default structures configurations\n function resetMaskPoints() {\n maskPoints = [];\n statusDisplay.innerText = \"Boundary clear. Click to map the new floor area.\";\n renderVisualizerScene();\n }<\/p>\n<p> \/\/ Primary Core Rendering Composite Pipelines\n function renderVisualizerScene() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> \/\/ 1. Draw base layer\n if (bgImage.src) {\n ctx.drawImage(bgImage, 0, 0, canvas.width, canvas.height);\n } else {\n \/\/ Stock fallback demo graphic vector backdrop frame container simulation elements\n ctx.fillStyle = '#2c3e50';\n ctx.fillRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> \/\/ Walls\n ctx.fillStyle = '#bdc3c7';\n ctx.fillRect(0, 0, canvas.width, 280);<\/p>\n<p> \/\/ Horizon separator structural details line indicator\n ctx.strokeStyle = '#7f8c8d';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(0, 280);\n ctx.lineTo(600, 280);\n ctx.stroke();<\/p>\n<p> \/\/ Raw original unsealed concrete floor texture representation placeholder bounds\n ctx.fillStyle = '#95a5a6';\n ctx.fillRect(0, 280, canvas.width, 170);\n }<\/p>\n<p> \/\/ 2. Render Epoxy Composite Polymer Overlays Layer (Only if mask boundaries contains point sets anchors loops)\n if (maskPoints.length > 1) {\n ctx.save();<\/p>\n<p> \/\/ Formulate target polygon path lines mask boundaries loop structures tracking clipping system\n ctx.beginPath();\n ctx.moveTo(maskPoints[0].x, maskPoints[0].y);\n for (let i = 1; i < maskPoints.length; i++) {\n ctx.lineTo(maskPoints[i].x, maskPoints[i].y);\n }\n ctx.closePath();\n ctx.clip();\n\n \/\/ Composite color overlay profile setting values tracking blending layers patterns rules sets\n ctx.globalAlpha = currentOpacity;\n ctx.fillStyle = activeColor;\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n \/\/ If architectural multi-flake is specified, seed clean micro noise points configurations dynamically across standard rendering routines loop bounds\n if (activeTextureStyle === 'flake') {\n ctx.globalAlpha = 0.25;\n for (let i = 0; i < canvas.width; i += 4) {\n for (let j = 0; j < canvas.height; j += 4) {\n if (Math.random() > 0.7) {\n ctx.fillStyle = Math.random() > 0.5 ? '#ffffff' : '#111111';\n ctx.fillRect(i, j, 1.5, 1.5);\n }\n \/\/ Muted Gold flake highlights trace matching luxury brand profiles lines\n if (Math.random() > 0.98) {\n ctx.fillStyle = '#D4AF37';\n ctx.fillRect(i, j, 2, 2);\n }\n }\n }\n }<\/p>\n<p> \/\/ Add soft ambient depth shadows overlay gradient filter lines to maximize realistic perspective integration mapping properties\n ctx.globalAlpha = 0.15;\n let ambientShadowGrad = ctx.createLinearGradient(0, 0, 0, canvas.height);\n ambientShadowGrad.addColorStop(0, '#000000');\n ambientShadowGrad.addColorStop(1, 'transparent');\n ctx.fillStyle = ambientShadowGrad;\n ctx.fillRect(0, 0, canvas.width, canvas.height);<\/p>\n<p> ctx.restore();\n }<\/p>\n<p> \/\/ 3. Render Tracking Control Dots Anchor Handles UI Overlay Layer indicators\n maskPoints.forEach((pt, idx) => {\n ctx.beginPath();\n ctx.arc(pt.x, pt.y, 5, 0, 2 * Math.PI);\n ctx.fillStyle = '#C5A059'; \/\/ Premium gold anchor color\n ctx.fill();\n ctx.strokeStyle = '#ffffff';\n ctx.lineWidth = 1.5;\n ctx.stroke();<\/p>\n<p> \/\/ Draw line linkage loops connecting active polygon paths coordinates system indicators tracks elements bounds structures panels\n if (idx > 0) {\n ctx.strokeStyle = 'rgba(197, 160, 89, 0.4)';\n ctx.lineWidth = 1;\n ctx.beginPath();\n ctx.moveTo(maskPoints[idx - 1].x, maskPoints[idx - 1].y);\n ctx.lineTo(pt.x, pt.y);\n ctx.stroke();\n }\n if (idx === maskPoints.length - 1 && maskPoints.length > 2) {\n ctx.strokeStyle = 'rgba(197, 160, 89, 0.4)';\n ctx.beginPath();\n ctx.moveTo(pt.x, pt.y);\n ctx.lineTo(maskPoints[0].x, maskPoints[0].y);\n ctx.stroke();\n }\n });\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Affordable Epoxy Flooring Brisbane | Premium Matte & Flake Finishes \u26a1 FREE OBLIGATION QUOTES ACROSS GREATER BRISBANE \u2014 100% MATTE & CUSTOM FINISHES Brisbane Epoxy Affordable Coatings Our Coatings Floor Visualizer Why Brisbane Epoxy The Process Pricing Packages 1800 FX COAT Get Free Quote Local Brisbane Installers Premium Epoxy Floors. Affordable Brisbane Rates. Transform your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":2,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/affordableepoxyflooring.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}