Video Kampanyal\u0131 Landing Page (Dikey Format)<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\" \/>\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f7f9fb;\r\n }\r\n .whatsapp-button {\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px -5px rgba(34, 197, 94, 0.7), 0 2px 4px -2px rgba(34, 197, 94, 0.3);\r\n }\r\n .whatsapp-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 20px -5px rgba(34, 197, 94, 0.9), 0 4px 6px -4px rgba(34, 197, 94, 0.5);\r\n }\r\n .video-card {\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n .video-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \/* Dikey oran: 9:16 *\/\r\n .aspect-ratio-9-16 {\r\n position: relative;\r\n width: 100%;\r\n padding-top: 177.78%;\r\n }\r\n .aspect-ratio-9-16 video,\r\n .aspect-ratio-9-16 img {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 0.75rem;\r\n }\r\n .play-icon {\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n font-size: 3rem;\r\n color: white;\r\n background: rgba(0, 0, 0, 0.4);\r\n width: 70px; height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 5;\r\n }\r\n .play-icon:hover {\r\n background: rgba(0, 0, 0, 0.6);\r\n transform: translate(-50%, -50%) scale(1.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container mx-auto p-4 md:p-8 lg:px-16\">\r\n <header class=\"text-center mb-12 bg-white p-6 rounded-xl shadow-lg\">\r\n <h1 class=\"text-4xl sm:text-5xl font-extrabold text-gray-900 mb-3 tracking-tight\">\r\n <span class=\"text-green-600\">Han Garage20<\/span> <br> 2. \u00dcr\u00fcne \u00d6zel Kampanya\r\n <\/h1>\r\n <\/header>\r\n\r\n <div id=\"video-list\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u2705 Do\u011fru WhatsApp numaras\u0131 format\u0131\r\n const WHATSAPP_NUMBER = \"905011229031\"; \r\n\r\n const videoData = [\r\n \r\n\t{\r\n id: 1,\r\n title: \"Eva Paspas(2 Y\u0131l Garantili)\",\r\n\tvideo_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-11-at-23.02.56.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-11-at-23.01.30.jpeg\",\r\n normal_price: \"2000.00 TL\",\r\n sale_price: \"1800.0 TL\"\r\n },\r\n\t{\r\n id: 2,\r\n title: \"Ki\u015fiye \u00d6zel Plakal\u0131k\",\r\n\tvideo_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-11-at-22.55.21.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-11-at-22.39.17.jpeg\",\r\n normal_price: \"750.00 TL\",\r\n sale_price: \"500.0 TL\"\r\n },\r\n \t{\r\n id: 3,\r\n title: \"Aynal\u0131 Kap\u0131 E\u015fi\u011fi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/HANGARAGE-4.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Ekran-goruntusu-2025-10-26-142858.png\",\r\n normal_price: \"650.00 TL\",\r\n sale_price: \"400.0 TL\"\r\n },\r\n\t{\r\n id: 4,\r\n title: \"5'li Metal Sticker\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/IMG_0395.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Ekran-goruntusu-2025-10-26-152238-2.png\",\r\n normal_price: \"400.00 TL\",\r\n sale_price: \"200.0 TL\"\r\n },\r\n\t{\r\n id: 5,\r\n title: \"\u00c7izik \u00d6nleyici\",\r\n\tvideo_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-11-at-22.55.01.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-11-at-22.37.00.jpeg\",\r\n normal_price: \"400.00 TL\",\r\n sale_price: \"200.0 TL\"\r\n },\r\n\t{\r\n id: 6,\r\n title: \"Hologram Kanat Logo\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/HOLOGRAM-KANAT-LOGO.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Adsiz-tasarim-3.png\",\r\n normal_price: \"400.00 TL\",\r\n sale_price: \"200.0 TL\"\r\n },\r\n\t{\r\n id: 7,\r\n title: \"Ki\u015fiye \u00d6zel Kap\u0131 Alt\u0131 Logo\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Kapi-alti-logo.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Adsiz-tasarim-2.png\",\r\n normal_price: \"800.00 TL\",\r\n sale_price: \"600.00 TL\"\r\n },\r\n {\r\n id: 8,\r\n title: \"SMX Susuz Motor Temizleme Spreyi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/SUSUZ.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/SUSUZ.jpeg\",\r\n normal_price: \"350.00 TL\",\r\n sale_price: \"300.00 TL\"\r\n },\r\n\t{\r\n id: 9,\r\n title: \"SMX Tampon Plastik Yenileyici\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/tamo.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/tamo.jpeg\",\r\n normal_price: \"350.00 TL\",\r\n sale_price: \"300.00 TL\"\r\n },\r\n {\r\n id: 9,\r\n title: \"SMX Klima Bombas\u0131\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/klima.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/klima.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"175.00 TL\"\r\n },\r\n\t{\r\n id: 10,\r\n title: \"SMX Lastik Parlatma Spreyi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/lastik.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/lastik.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"250.00 TL\"\r\n },\r\n\t{\r\n id: 11,\r\n title: \"SMX Demir tozu\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/demir.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/demir.jpeg\",\r\n normal_price: \"350.00 TL\",\r\n sale_price: \"300.00 TL\"\r\n },\r\n\t{\r\n id: 12,\r\n title: \"SMX Neon Jant Lastik Temizleyici\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/neon.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/neon.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"250.00 TL\"\r\n },\r\n\t{\r\n id: 13,\r\n title: \"SMX Hipersonik D\u00fcnyan\u0131n En H\u0131zl\u0131 Temizleyicisi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/hiper.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/hiper.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"250.00 TL\"\r\n },\r\n\t{\r\n id: 14,\r\n title: \"SMX \u015earjl\u0131 Ara\u00e7 S\u00fcp\u00fcrgesi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/supur.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/supur.jpeg\",\r\n normal_price: \"2500.00 TL\",\r\n sale_price: \"1800.00 TL\"\r\n },\r\n\t{\r\n id: 15,\r\n title: \"SMX Cam Su Kayd\u0131r\u0131c\u0131 | Cam Pastas\u0131\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/cam.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/cam.jpeg\",\r\n normal_price: \"750.00 TL\",\r\n sale_price: \"550.00 TL\"\r\n },\r\n\t{\r\n id: 16,\r\n title: \"SMX Tank Bezi 750 GSM | 75x55 cm\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/bez.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/bez.jpeg\",\r\n normal_price: \"580.00 TL\",\r\n sale_price: \"450.00 TL\"\r\n },\r\n\t\r\n ];\r\n\r\n function generateVideoCard(data) {\r\n \/\/ \u2705 D\u00fczg\u00fcn WhatsApp linki olu\u015fturuluyor\r\n const whatsappLink = `https:\/\/wa.me\/${WHATSAPP_NUMBER}`;\r\n const videoId = `video-${data.id}`;\r\n const playId = `play-${data.id}`;\r\n const posterId = `poster-${data.id}`;\r\n\r\n return `\r\n <div id=\"card-${data.id}\" class=\"video-card bg-white rounded-xl shadow-xl overflow-hidden\">\r\n <div class=\"p-4 sm:p-6 flex flex-col\">\r\n <div class=\"relative aspect-ratio-9-16 mb-4 overflow-hidden rounded-lg\">\r\n <img decoding=\"async\" src=\"${data.poster_url}\" alt=\"${data.title}\" id=\"${posterId}\"\r\n class=\"absolute inset-0 w-full h-full object-cover rounded-lg transition-opacity duration-500 opacity-100\">\r\n \r\n <div id=\"${playId}\" class=\"play-icon\"><i class=\"fas fa-play\"><\/i><\/div>\r\n\r\n <video id=\"${videoId}\" preload=\"none\" playsinline muted controls\r\n class=\"absolute inset-0 w-full h-full object-cover rounded-lg opacity-0 transition-opacity duration-700\">\r\n <source src=\"${data.video_url}\" type=\"video\/mp4\">\r\n Taray\u0131c\u0131n\u0131z video etiketini desteklemiyor.\r\n <\/video>\r\n <\/div>\r\n\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2 text-center\">${data.title}<\/h3>\r\n <div class=\"text-center mb-3\">\r\n <p class=\"text-sm line-through text-gray-500 font-medium\">Normal Fiyat: ${data.normal_price}<\/p>\r\n <p class=\"text-3xl font-extrabold text-red-600 mt-1\">Sadece: ${data.sale_price}<\/p>\r\n <\/div>\r\n\r\n <a href=\"${whatsappLink}\" target=\"_blank\"\r\n class=\"whatsapp-button mt-auto py-2 bg-green-500 text-white font-bold rounded-lg text-center text-base hover:bg-green-600 focus:outline-none focus:ring-4 focus:ring-green-300 transition duration-300 flex items-center justify-center space-x-2\">\r\n <i class=\"fab fa-whatsapp text-lg\"><\/i>\r\n <span>WhatsApp'tan Bilgi Al<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n const videoListContainer = document.getElementById('video-list');\r\n\r\n videoData.forEach(data => {\r\n videoListContainer.insertAdjacentHTML('beforeend', generateVideoCard(data));\r\n\r\n const video = document.getElementById(`video-${data.id}`);\r\n const poster = document.getElementById(`poster-${data.id}`);\r\n const playButton = document.getElementById(`play-${data.id}`);\r\n\r\n \/\/ Arka planda videolar\u0131 s\u0131rayla y\u00fckle\r\n setTimeout(() => video.load(), 300 + data.id * 150);\r\n\r\n \/\/ \u25b6\ufe0f Play ikonuna t\u0131klan\u0131nca video ba\u015flas\u0131n\r\n playButton.addEventListener('click', () => {\r\n playButton.style.opacity = \"0\";\r\n poster.style.opacity = \"0\";\r\n video.style.opacity = \"1\";\r\n video.play();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Kampanyal\u0131 Landing Page (Dikey Format) Han Garage20 2. \u00dcr\u00fcne \u00d6zel Kampanya<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":93,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/167"}],"wp:attachment":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Video Kampanyal\u0131 Landing Page (Dikey Format)<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\" \/>\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f7f9fb;\r\n }\r\n .whatsapp-button {\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px -5px rgba(34, 197, 94, 0.7), 0 2px 4px -2px rgba(34, 197, 94, 0.3);\r\n }\r\n .whatsapp-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 20px -5px rgba(34, 197, 94, 0.9), 0 4px 6px -4px rgba(34, 197, 94, 0.5);\r\n }\r\n .video-card {\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n .video-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \/* Dikey oran: 9:16 *\/\r\n .aspect-ratio-9-16 {\r\n position: relative;\r\n width: 100%;\r\n padding-top: 177.78%;\r\n }\r\n .aspect-ratio-9-16 video,\r\n .aspect-ratio-9-16 img {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 0.75rem;\r\n }\r\n .play-icon {\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n font-size: 3rem;\r\n color: white;\r\n background: rgba(0, 0, 0, 0.4);\r\n width: 70px; height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n z-index: 5;\r\n }\r\n .play-icon:hover {\r\n background: rgba(0, 0, 0, 0.6);\r\n transform: translate(-50%, -50%) scale(1.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container mx-auto p-4 md:p-8 lg:px-16\">\r\n <header class=\"text-center mb-12 bg-white p-6 rounded-xl shadow-lg\">\r\n <h1 class=\"text-4xl sm:text-5xl font-extrabold text-gray-900 mb-3 tracking-tight\">\r\n <span class=\"text-green-600\">Han Garage20<\/span> <br> 2. \u00dcr\u00fcne \u00d6zel Kampanya\r\n <\/h1>\r\n <\/header>\r\n\r\n <div id=\"video-list\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u2705 Do\u011fru WhatsApp numaras\u0131 format\u0131\r\n const WHATSAPP_NUMBER = \"905011229031\"; \r\n\r\n const videoData = [\r\n \r\n\t{\r\n id: 1,\r\n title: \"Eva Paspas(2 Y\u0131l Garantili)\",\r\n\tvideo_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-11-at-23.02.56.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-11-at-23.01.30.jpeg\",\r\n normal_price: \"2000.00 TL\",\r\n sale_price: \"1800.0 TL\"\r\n },\r\n\t{\r\n id: 2,\r\n title: \"Ki\u015fiye \u00d6zel Plakal\u0131k\",\r\n\tvideo_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-11-at-22.55.21.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-11-at-22.39.17.jpeg\",\r\n normal_price: \"750.00 TL\",\r\n sale_price: \"500.0 TL\"\r\n },\r\n \t{\r\n id: 3,\r\n title: \"Aynal\u0131 Kap\u0131 E\u015fi\u011fi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/HANGARAGE-4.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Ekran-goruntusu-2025-10-26-142858.png\",\r\n normal_price: \"650.00 TL\",\r\n sale_price: \"400.0 TL\"\r\n },\r\n\t{\r\n id: 4,\r\n title: \"5'li Metal Sticker\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/IMG_0395.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Ekran-goruntusu-2025-10-26-152238-2.png\",\r\n normal_price: \"400.00 TL\",\r\n sale_price: \"200.0 TL\"\r\n },\r\n\t{\r\n id: 5,\r\n title: \"\u00c7izik \u00d6nleyici\",\r\n\tvideo_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-11-at-22.55.01.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-11-at-22.37.00.jpeg\",\r\n normal_price: \"400.00 TL\",\r\n sale_price: \"200.0 TL\"\r\n },\r\n\t{\r\n id: 6,\r\n title: \"Hologram Kanat Logo\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/HOLOGRAM-KANAT-LOGO.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Adsiz-tasarim-3.png\",\r\n normal_price: \"400.00 TL\",\r\n sale_price: \"200.0 TL\"\r\n },\r\n\t{\r\n id: 7,\r\n title: \"Ki\u015fiye \u00d6zel Kap\u0131 Alt\u0131 Logo\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Kapi-alti-logo.mp4\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2025\/10\/Adsiz-tasarim-2.png\",\r\n normal_price: \"800.00 TL\",\r\n sale_price: \"600.00 TL\"\r\n },\r\n {\r\n id: 8,\r\n title: \"SMX Susuz Motor Temizleme Spreyi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/SUSUZ.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/SUSUZ.jpeg\",\r\n normal_price: \"350.00 TL\",\r\n sale_price: \"300.00 TL\"\r\n },\r\n\t{\r\n id: 9,\r\n title: \"SMX Tampon Plastik Yenileyici\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/tamo.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/tamo.jpeg\",\r\n normal_price: \"350.00 TL\",\r\n sale_price: \"300.00 TL\"\r\n },\r\n {\r\n id: 9,\r\n title: \"SMX Klima Bombas\u0131\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/klima.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/klima.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"175.00 TL\"\r\n },\r\n\t{\r\n id: 10,\r\n title: \"SMX Lastik Parlatma Spreyi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/lastik.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/lastik.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"250.00 TL\"\r\n },\r\n\t{\r\n id: 11,\r\n title: \"SMX Demir tozu\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/demir.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/demir.jpeg\",\r\n normal_price: \"350.00 TL\",\r\n sale_price: \"300.00 TL\"\r\n },\r\n\t{\r\n id: 12,\r\n title: \"SMX Neon Jant Lastik Temizleyici\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/neon.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/neon.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"250.00 TL\"\r\n },\r\n\t{\r\n id: 13,\r\n title: \"SMX Hipersonik D\u00fcnyan\u0131n En H\u0131zl\u0131 Temizleyicisi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/hiper.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/hiper.jpeg\",\r\n normal_price: \"300.00 TL\",\r\n sale_price: \"250.00 TL\"\r\n },\r\n\t{\r\n id: 14,\r\n title: \"SMX \u015earjl\u0131 Ara\u00e7 S\u00fcp\u00fcrgesi\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/supur.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/supur.jpeg\",\r\n normal_price: \"2500.00 TL\",\r\n sale_price: \"1800.00 TL\"\r\n },\r\n\t{\r\n id: 15,\r\n title: \"SMX Cam Su Kayd\u0131r\u0131c\u0131 | Cam Pastas\u0131\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/cam.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/cam.jpeg\",\r\n normal_price: \"750.00 TL\",\r\n sale_price: \"550.00 TL\"\r\n },\r\n\t{\r\n id: 16,\r\n title: \"SMX Tank Bezi 750 GSM | 75x55 cm\",\r\n video_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/bez.jpeg\",\r\n poster_url: \"https:\/\/hangarage20.com.tr\/wp-content\/uploads\/2026\/06\/bez.jpeg\",\r\n normal_price: \"580.00 TL\",\r\n sale_price: \"450.00 TL\"\r\n },\r\n\t\r\n ];\r\n\r\n function generateVideoCard(data) {\r\n \/\/ \u2705 D\u00fczg\u00fcn WhatsApp linki olu\u015fturuluyor\r\n const whatsappLink = `https:\/\/wa.me\/${WHATSAPP_NUMBER}`;\r\n const videoId = `video-${data.id}`;\r\n const playId = `play-${data.id}`;\r\n const posterId = `poster-${data.id}`;\r\n\r\n return `\r\n <div id=\"card-${data.id}\" class=\"video-card bg-white rounded-xl shadow-xl overflow-hidden\">\r\n <div class=\"p-4 sm:p-6 flex flex-col\">\r\n <div class=\"relative aspect-ratio-9-16 mb-4 overflow-hidden rounded-lg\">\r\n <img decoding=\"async\" src=\"${data.poster_url}\" alt=\"${data.title}\" id=\"${posterId}\"\r\n class=\"absolute inset-0 w-full h-full object-cover rounded-lg transition-opacity duration-500 opacity-100\">\r\n \r\n <div id=\"${playId}\" class=\"play-icon\"><i class=\"fas fa-play\"><\/i><\/div>\r\n\r\n <video id=\"${videoId}\" preload=\"none\" playsinline muted controls\r\n class=\"absolute inset-0 w-full h-full object-cover rounded-lg opacity-0 transition-opacity duration-700\">\r\n <source src=\"${data.video_url}\" type=\"video\/mp4\">\r\n Taray\u0131c\u0131n\u0131z video etiketini desteklemiyor.\r\n <\/video>\r\n <\/div>\r\n\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-2 text-center\">${data.title}<\/h3>\r\n <div class=\"text-center mb-3\">\r\n <p class=\"text-sm line-through text-gray-500 font-medium\">Normal Fiyat: ${data.normal_price}<\/p>\r\n <p class=\"text-3xl font-extrabold text-red-600 mt-1\">Sadece: ${data.sale_price}<\/p>\r\n <\/div>\r\n\r\n <a href=\"${whatsappLink}\" target=\"_blank\"\r\n class=\"whatsapp-button mt-auto py-2 bg-green-500 text-white font-bold rounded-lg text-center text-base hover:bg-green-600 focus:outline-none focus:ring-4 focus:ring-green-300 transition duration-300 flex items-center justify-center space-x-2\">\r\n <i class=\"fab fa-whatsapp text-lg\"><\/i>\r\n <span>WhatsApp'tan Bilgi Al<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n const videoListContainer = document.getElementById('video-list');\r\n\r\n videoData.forEach(data => {\r\n videoListContainer.insertAdjacentHTML('beforeend', generateVideoCard(data));\r\n\r\n const video = document.getElementById(`video-${data.id}`);\r\n const poster = document.getElementById(`poster-${data.id}`);\r\n const playButton = document.getElementById(`play-${data.id}`);\r\n\r\n \/\/ Arka planda videolar\u0131 s\u0131rayla y\u00fckle\r\n setTimeout(() => video.load(), 300 + data.id * 150);\r\n\r\n \/\/ \u25b6\ufe0f Play ikonuna t\u0131klan\u0131nca video ba\u015flas\u0131n\r\n playButton.addEventListener('click', () => {\r\n playButton.style.opacity = \"0\";\r\n poster.style.opacity = \"0\";\r\n video.style.opacity = \"1\";\r\n video.play();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Kampanyal\u0131 Landing Page (Dikey Format) Han Garage20 2. \u00dcr\u00fcne \u00d6zel Kampanya<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":93,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions\/167"}],"wp:attachment":[{"href":"https:\/\/hangarage20.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}