{"id":1325,"date":"2025-04-12T23:44:39","date_gmt":"2025-04-12T20:44:39","guid":{"rendered":"https:\/\/mudosdigital.com\/tr\/?landing_page=parcacik-takimyildiz-hero-tasarimi"},"modified":"2025-04-12T23:44:39","modified_gmt":"2025-04-12T20:44:39","slug":"parcacik-takimyildiz-hero-tasarimi","status":"publish","type":"landing_page","link":"https:\/\/mudosdigital.com\/tr\/store\/parcacik-takimyildiz-hero-tasarimi\/","title":{"rendered":"Par\u00e7ac\u0131k Tak\u0131my\u0131ld\u0131z Hero Tasar\u0131m\u0131"},"content":{"rendered":"


\n
\n
\n
\n
\n Par\u00e7ac\u0131k Tak\u0131my\u0131ld\u0131z 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@300;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Font tan\u0131m\u0131 *\/\n body {\n font-family: 'Inter', sans-serif;\n }<\/p>\n<p> \/* Par\u00e7ac\u0131k konteyneri *\/\n .particle-container {\n position: absolute;\n inset: 0;\n overflow: hidden; \/* Ta\u015fmalar\u0131 gizle *\/\n }<\/p>\n<p> \/* Tek bir par\u00e7ac\u0131k k\u00fcmesi (\u00e7ekirdek div + box-shadow'lar) *\/\n .particle-cluster {\n position: absolute;\n width: 3px; \/* \u00c7ekirdek boyutu *\/\n height: 3px;\n border-radius: 50%;\n background-color: rgba(255, 255, 255, 0.7); \/* \u00c7ekirdek g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc *\/<\/p>\n<p> \/* \u00c7oklu box-shadow ile par\u00e7ac\u0131klar olu\u015fturma *\/\n \/* Format: x-offset y-offset blur spread color *\/\n box-shadow:\n \/* Yak\u0131n ve parlak *\/\n 15px 20px 0 0px rgba(255, 255, 255, 0.9),\n -25px -10px 0 0px rgba(199, 210, 254, 0.8), \/* Indigo-100 *\/\n \/* Orta uzakl\u0131kta *\/\n 50px -40px 0 1px rgba(165, 180, 252, 0.6), \/* Indigo-200 *\/\n -40px 60px 0 1px rgba(255, 255, 255, 0.5),\n 80px 70px 0 0px rgba(199, 210, 254, 0.7),\n \/* Uzak ve s\u00f6n\u00fck *\/\n -90px -50px 0 1px rgba(129, 140, 248, 0.4), \/* Indigo-300 *\/\n 120px -80px 0 1px rgba(255, 255, 255, 0.3),\n -110px 100px 0 0px rgba(165, 180, 252, 0.5);<\/p>\n<p> \/* Animasyon *\/\n animation: floatParticle 20s infinite ease-in-out alternate;\n }<\/p>\n<p> \/* Farkl\u0131 konumlar ve animasyon gecikmeleri\/s\u00fcreleri *\/\n .particle-cluster:nth-child(1) { top: 15%; left: 10%; animation-duration: 22s; }\n .particle-cluster:nth-child(2) { top: 30%; left: 85%; animation-duration: 18s; animation-delay: -5s; }\n .particle-cluster:nth-child(3) { top: 70%; left: 20%; animation-duration: 25s; animation-delay: -10s; }\n .particle-cluster:nth-child(4) { top: 85%; left: 75%; animation-duration: 16s; animation-delay: -3s; }\n .particle-cluster:nth-child(5) { top: 50%; left: 50%; animation-duration: 28s; }\n .particle-cluster:nth-child(6) { top: 5%; left: 40%; animation-duration: 19s; animation-delay: -8s; }\n .particle-cluster:nth-child(7) { top: 45%; left: 15%; animation-duration: 23s; animation-delay: -12s; }\n .particle-cluster:nth-child(8) { top: 60%; left: 90%; animation-duration: 17s; animation-delay: -1s; }\n .particle-cluster:nth-child(9) { top: 90%; left: 5%; animation-duration: 26s; animation-delay: -6s; }\n .particle-cluster:nth-child(10) { top: 20%; left: 60%; animation-duration: 21s; animation-delay: -9s; }<\/p>\n<p> \/* Par\u00e7ac\u0131k hareketi animasyonu *\/\n @keyframes floatParticle {\n 0% {\n transform: translate(0, 0) rotate(0deg);\n opacity: 0.7;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translate(20px, -30px) rotate(180deg); \/* Hafif yer de\u011fi\u015ftirme ve d\u00f6nme *\/\n opacity: 0.5;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body class=\"bg-gradient-to-br from-gray-900 via-black to-slate-900\"> <\/p>\n<section class=\"relative w-full min-h-screen flex items-center justify-center overflow-hidden text-white p-8\">\n<div class=\"particle-container z-0\">\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<div class=\"particle-cluster\"><\/div>\n<\/p><\/div>\n<div class=\"relative z-10 text-center max-w-3xl mx-auto\">\n<h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black mb-6 leading-tight text-transparent bg-clip-text bg-gradient-to-r from-indigo-200 via-white to-cyan-200 drop-shadow-lg\">\n Kozmik Geometri<br \/>\n <\/h1>\n<p class=\"text-lg md:text-xl text-gray-300 mb-10 font-light drop-shadow-sm\">\n Evrenin derinliklerinden ilham alan, soyut ve hareketli tasar\u0131mlar.\n <\/p>\n<p> <a href=\"#evren\"\n class=\"inline-block border-2 border-indigo-300\/50 hover:border-white text-white font-bold py-3 px-10 rounded-md transition duration-300 ease-in-out hover:bg-white\/10 backdrop-blur-sm focus:outline-none focus:ring-2 focus:ring-indigo-300 focus:ring-offset-2 focus:ring-offset-black\"><br \/>\n Evreni Ke\u015ffet<br \/>\n <\/a>\n <\/div>\n<\/section>\n<p> <\/body><br \/>\n<\/html><\/p>\n","protected":false},"featured_media":0,"template":"","landing_category":[],"landing_technology":[],"landing_library":[],"class_list":["post-1325","landing_page","type-landing_page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_page\/1325","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=1325"}],"wp:term":[{"taxonomy":"landing_category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_category?post=1325"},{"taxonomy":"landing_technology","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_technology?post=1325"},{"taxonomy":"landing_library","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/landing_library?post=1325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}