Cams\u0131 Geometrik Hero Tasar\u0131m\u0131<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/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@400;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* Arka plan \u015fekilleri i\u00e7in hafif hareket animasyonu (iste\u011fe ba\u011fl\u0131) *\/\n @keyframes float {\n 0% { transform: translateY(0px) rotate(-10deg); }\n 50% { transform: translateY(-20px) rotate(5deg); }\n 100% { transform: translateY(0px) rotate(-10deg); }\n }\n @keyframes floatReverse {\n 0% { transform: translateY(0px) rotate(15deg); }\n 50% { transform: translateY(-15px) rotate(0deg); }\n 100% { transform: translateY(0px) rotate(15deg); }\n }\n .shape-float {\n animation: float 12s ease-in-out infinite;\n }\n .shape-float-reverse {\n animation: floatReverse 15s ease-in-out infinite;\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-gray-100\"><\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-tr from-slate-900 via-purple-900 to-slate-900 text-white p-8\">\n<div class=\"absolute inset-0 z-0\">\n<div class=\"absolute top-[-5%] left-[5%] w-72 h-72 md:w-96 md:h-96 bg-gradient-to-br from-purple-600 to-indigo-600 rounded-full opacity-40 filter blur-2xl shape-float\"><\/div>\n<div class=\"absolute bottom-[10%] right-[10%] w-56 h-56 md:w-72 md:h-72 bg-gradient-to-tl from-pink-500 to-orange-500 rounded-xl opacity-30 filter blur-xl transform rotate-12 shape-float-reverse\"><\/div>\n<div class=\"absolute top-[30%] right-[20%] w-40 h-40 md:w-52 md:h-52 bg-gradient-to-b from-cyan-400 to-blue-500 rounded-full opacity-50 filter blur-lg shape-float\"><\/div>\n<div class=\"absolute bottom-[-10%] left-[15%] w-60 h-32 md:w-80 md:h-40 bg-gradient-to-r from-emerald-500 to-teal-600 rounded-lg opacity-30 filter blur-xl transform -rotate-6 shape-float-reverse\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-3xl mx-auto p-8 md:p-12 bg-white\/10 backdrop-blur-md backdrop-saturate-150 border border-white\/20 rounded-3xl shadow-xl\">\n<h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black mb-5 leading-tight text-transparent bg-clip-text bg-gradient-to-r from-white via-gray-200 to-gray-400\">\n Tasar\u0131mda Yeni Boyut<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-gray-200 mb-9 max-w-xl mx-auto\">\n Soyut geometrinin ve modern esteti\u011fin bulu\u015ftu\u011fu noktada, projelerinize benzersiz bir dokunu\u015f kat\u0131n.\n <\/p>\n<p> <a href=\"#detaylar\" class=\"inline-block bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 text-white font-bold py-3 px-10 rounded-full transition duration-300 ease-in-out transform hover:scale-105 shadow-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 focus:ring-offset-slate-900\"><br \/>\n Daha Fazla Ke\u015ffet<br \/>\n <\/a>\n <\/div>\n<\/section>\n<div id=\"detaylar\" class=\"h-96 bg-white p-10\">\n<h2 class=\"text-3xl font-bold text-gray-800\">Detaylar B\u00f6l\u00fcm\u00fc<\/h2>\n<p class=\"text-gray-600 mt-4\">Hero butonuna t\u0131kland\u0131\u011f\u0131nda buraya gelinebilir.<\/p>\n<\/p><\/div>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1322","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1322"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1322"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1322,"date":"2025-04-12T23:39:03","date_gmt":"2025-04-12T20:39:03","guid":{"rendered":"https:\/\/mudosdigital.com\/tr\/?landing_page=camsi-geometrik-hero-tasarim"},"modified":"2025-04-12T23:39:03","modified_gmt":"2025-04-12T20:39:03","slug":"camsi-geometrik-hero-tasarim","status":"publish","type":"landing_page","link":"https:\/\/mudosdigital.com\/tr\/store\/camsi-geometrik-hero-tasarim\/","title":{"rendered":"Cams\u0131 Geometrik Hero Tasar\u0131m"},"content":{"rendered":"

\n
\n
\n
\n
\n Cams\u0131 Geometrik Hero Tasar\u0131m\u0131<\/title><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/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@400;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }\n \/* Arka plan \u015fekilleri i\u00e7in hafif hareket animasyonu (iste\u011fe ba\u011fl\u0131) *\/\n @keyframes float {\n 0% { transform: translateY(0px) rotate(-10deg); }\n 50% { transform: translateY(-20px) rotate(5deg); }\n 100% { transform: translateY(0px) rotate(-10deg); }\n }\n @keyframes floatReverse {\n 0% { transform: translateY(0px) rotate(15deg); }\n 50% { transform: translateY(-15px) rotate(0deg); }\n 100% { transform: translateY(0px) rotate(15deg); }\n }\n .shape-float {\n animation: float 12s ease-in-out infinite;\n }\n .shape-float-reverse {\n animation: floatReverse 15s ease-in-out infinite;\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-gray-100\"><\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden bg-gradient-to-tr from-slate-900 via-purple-900 to-slate-900 text-white p-8\">\n<div class=\"absolute inset-0 z-0\">\n<div class=\"absolute top-[-5%] left-[5%] w-72 h-72 md:w-96 md:h-96 bg-gradient-to-br from-purple-600 to-indigo-600 rounded-full opacity-40 filter blur-2xl shape-float\"><\/div>\n<div class=\"absolute bottom-[10%] right-[10%] w-56 h-56 md:w-72 md:h-72 bg-gradient-to-tl from-pink-500 to-orange-500 rounded-xl opacity-30 filter blur-xl transform rotate-12 shape-float-reverse\"><\/div>\n<div class=\"absolute top-[30%] right-[20%] w-40 h-40 md:w-52 md:h-52 bg-gradient-to-b from-cyan-400 to-blue-500 rounded-full opacity-50 filter blur-lg shape-float\"><\/div>\n<div class=\"absolute bottom-[-10%] left-[15%] w-60 h-32 md:w-80 md:h-40 bg-gradient-to-r from-emerald-500 to-teal-600 rounded-lg opacity-30 filter blur-xl transform -rotate-6 shape-float-reverse\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-3xl mx-auto p-8 md:p-12 bg-white\/10 backdrop-blur-md backdrop-saturate-150 border border-white\/20 rounded-3xl shadow-xl\">\n<h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black mb-5 leading-tight text-transparent bg-clip-text bg-gradient-to-r from-white via-gray-200 to-gray-400\">\n Tasar\u0131mda Yeni Boyut<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-gray-200 mb-9 max-w-xl mx-auto\">\n Soyut geometrinin ve modern esteti\u011fin bulu\u015ftu\u011fu noktada, projelerinize benzersiz bir dokunu\u015f kat\u0131n.\n <\/p>\n<p> <a href=\"#detaylar\" class=\"inline-block bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700 text-white font-bold py-3 px-10 rounded-full transition duration-300 ease-in-out transform hover:scale-105 shadow-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 focus:ring-offset-slate-900\"><br \/>\n Daha Fazla Ke\u015ffet<br \/>\n <\/a>\n <\/div>\n<\/section>\n<div id=\"detaylar\" class=\"h-96 bg-white p-10\">\n<h2 class=\"text-3xl font-bold text-gray-800\">Detaylar B\u00f6l\u00fcm\u00fc<\/h2>\n<p class=\"text-gray-600 mt-4\">Hero butonuna t\u0131kland\u0131\u011f\u0131nda buraya gelinebilir.<\/p>\n<\/p><\/div>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1322","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/landing_page"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1322"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1322"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}