{"id":10,"date":"2026-06-04T10:21:20","date_gmt":"2026-06-04T10:21:20","guid":{"rendered":"https:\/\/designtab.com.au\/?page_id=10"},"modified":"2026-06-04T10:21:20","modified_gmt":"2026-06-04T10:21:20","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/designtab.com.au\/?page_id=10","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"min-h-screen pt-32 pb-20\">\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<\/div>\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-10","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>Portfolio - 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=\"Portfolio - Website Design and Development Perth\" \/>\n<meta property=\"og:url\" content=\"https:\/\/designtab.com.au\/?page_id=10\" \/>\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\\\/?page_id=10\",\"url\":\"https:\\\/\\\/designtab.com.au\\\/?page_id=10\",\"name\":\"Portfolio - 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\\\/?page_id=10#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/designtab.com.au\\\/?page_id=10\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/designtab.com.au\\\/?page_id=10#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/designtab.com.au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@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":"Portfolio - 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":"Portfolio - Website Design and Development Perth","og_url":"https:\/\/designtab.com.au\/?page_id=10","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\/?page_id=10","url":"https:\/\/designtab.com.au\/?page_id=10","name":"Portfolio - 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\/?page_id=10#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/designtab.com.au\/?page_id=10"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/designtab.com.au\/?page_id=10#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/designtab.com.au\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@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\/10","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=10"}],"version-history":[{"count":0,"href":"https:\/\/designtab.com.au\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/designtab.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}