{"id":59,"date":"2025-12-16T09:34:47","date_gmt":"2025-12-16T09:34:47","guid":{"rendered":"https:\/\/sivastasimacilik.com\/?page_id=59"},"modified":"2025-12-16T20:08:40","modified_gmt":"2025-12-16T20:08:40","slug":"galeri","status":"publish","type":"page","link":"https:\/\/sivastasimacilik.com\/?page_id=59","title":{"rendered":"Galeri"},"content":{"rendered":"\n<section class=\"sv-media-gallery\">\n\n  <!-- FOTO\u011eRAF GALER\u0130S\u0130 -->\n  <div class=\"sv-gallery-block\">\n    <header class=\"sv-gallery-header\">\n      <span class=\"sv-gallery-label\">Saha \u00c7al\u0131\u015fmalar\u0131m\u0131z<\/span>\n      <h2>Foto\u011fraf Galerimiz<\/h2>\n      <p>\n        Asans\u00f6rl\u00fc evden eve nakliyat, \u015fehir i\u00e7i ve \u015fehirleraras\u0131\n        ta\u015f\u0131mac\u0131l\u0131k \u00e7al\u0131\u015fmalar\u0131m\u0131zdan ger\u00e7ek kareler.\n      <\/p>\n    <\/header>\n\n    <div class=\"sv-photo-grid\" id=\"photoGrid\"><\/div>\n  <\/div>\n\n  <!-- V\u0130DEO GALER\u0130S\u0130 -->\n  <div class=\"sv-video-block\">\n    <header class=\"sv-gallery-header light\">\n      <span class=\"sv-gallery-label\">Hizmet S\u00fcreci<\/span>\n      <h2>Video Galerimiz<\/h2>\n      <p>\n        Ger\u00e7ek ta\u015f\u0131nma s\u00fcre\u00e7lerimizden al\u0131nan videolar ile\n        hizmet kalitemizi yak\u0131ndan inceleyebilirsiniz.\n      <\/p>\n    <\/header>\n\n    <div class=\"sv-video-grid\">\n      <div class=\"sv-video-box\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/_tB3Dq72bzw\"\n          allowfullscreen loading=\"lazy\"><\/iframe>\n      <\/div>\n\n      <div class=\"sv-video-box\">\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/Oh0cqQm0daE\"\n          allowfullscreen loading=\"lazy\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<!-- LIGHTBOX -->\n<div class=\"sv-lightbox\" id=\"svLightbox\">\n  <button class=\"sv-lightbox-close\" id=\"lbClose\">\u2715<\/button>\n  <button class=\"sv-lightbox-nav prev\" id=\"lbPrev\">\u2039<\/button>\n  <button class=\"sv-lightbox-nav next\" id=\"lbNext\">\u203a<\/button>\n  <div class=\"sv-lightbox-content\" id=\"lbContent\"><\/div>\n<\/div>\n\n<style>\n\/* ===================== *\/\n\/* GALER\u0130 \u2013 BEYAZ TEMA *\/\n\/* ===================== *\/\n\n.sv-media-gallery{\n  background:\n    radial-gradient(1200px 500px at 10% 0%, rgba(15,108,178,.06), transparent 60%),\n    linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%);\n  padding:120px 20px;\n  font-family:\"Segoe UI\",Arial,sans-serif;\n  color:#0d2b45;\n}\n\n\/* BLOKLAR *\/\n.sv-gallery-block{\n  max-width:1400px;\n  margin:0 auto 140px;\n}\n.sv-video-block{\n  max-width:1400px;\n  margin:0 auto;\n  background:#0f6cb2;\n  padding:120px 40px;\n  border-radius:36px;\n}\n\n\/* HEADER *\/\n.sv-gallery-header{\n  text-align:center;\n  max-width:900px;\n  margin:0 auto 70px;\n}\n.sv-gallery-header.light h2,\n.sv-gallery-header.light p{color:#fff}\n.sv-gallery-header.light .sv-gallery-label{\n  background:rgba(255,255,255,.18);\n  color:#fff;\n  border-color:rgba(255,255,255,.35);\n}\n\n.sv-gallery-label{\n  display:inline-block;\n  padding:8px 14px;\n  border-radius:999px;\n  font-size:13px;\n  font-weight:800;\n  margin-bottom:14px;\n  background:rgba(15,108,178,.10);\n  border:1px solid rgba(15,108,178,.18);\n}\n\n.sv-gallery-header h2{\n  font-size:42px;\n  margin-bottom:14px;\n}\n.sv-gallery-header p{\n  font-size:18px;\n  line-height:1.9;\n  color:#44576b;\n}\n\n\/* FOTO GRID *\/\n.sv-photo-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));\n  gap:24px;\n}\n\n.sv-photo-grid img{\n  width:100%;\n  height:230px;\n  object-fit:cover;\n  border-radius:22px;\n  cursor:pointer;\n  background:#fff;\n  box-shadow:0 18px 45px rgba(10,40,80,.18);\n  transition:.35s ease;\n}\n.sv-photo-grid img:hover{\n  transform:translateY(-8px) scale(1.03);\n  box-shadow:0 28px 65px rgba(10,40,80,.28);\n}\n\n\/* VIDEO *\/\n.sv-video-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(420px,1fr));\n  gap:50px;\n}\n.sv-video-box{\n  position:relative;\n  padding-top:56.25%;\n  border-radius:26px;\n  overflow:hidden;\n  box-shadow:0 30px 70px rgba(0,0,0,.45);\n}\n.sv-video-box iframe{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  border:0;\n}\n\n\/* ===================== *\/\n\/* LIGHTBOX *\/\n\/* ===================== *\/\n\n.sv-lightbox{\n  position:fixed;\n  inset:0;\n  background:rgba(0,0,0,.92);\n  display:none;\n  align-items:center;\n  justify-content:center;\n  z-index:99999;\n}\n\n.sv-lightbox-content img{\n  max-width:94vw;\n  max-height:92vh;\n  border-radius:16px;\n  box-shadow:0 40px 120px rgba(0,0,0,.6);\n}\n\n\/* CLOSE *\/\n.sv-lightbox-close{\n  position:absolute;\n  top:28px;\n  right:32px;\n  font-size:34px;\n  color:#fff;\n  background:rgba(255,255,255,.12);\n  border:1px solid rgba(255,255,255,.25);\n  border-radius:50%;\n  width:52px;\n  height:52px;\n  cursor:pointer;\n}\n.sv-lightbox-close:hover{background:#fff;color:#000}\n\n\/* NAV *\/\n.sv-lightbox-nav{\n  position:absolute;\n  top:50%;\n  transform:translateY(-50%);\n  font-size:60px;\n  color:#fff;\n  background:none;\n  border:none;\n  cursor:pointer;\n  opacity:.85;\n}\n.sv-lightbox-nav:hover{opacity:1}\n.sv-lightbox-nav.prev{left:30px}\n.sv-lightbox-nav.next{right:30px}\n\n\/* RESPONSIVE *\/\n@media(max-width:768px){\n  .sv-gallery-header h2{font-size:32px}\n  .sv-video-grid{grid-template-columns:1fr}\n}\n<\/style>\n\n<script>\nconst grid = document.getElementById(\"photoGrid\");\nconst lightbox = document.getElementById(\"svLightbox\");\nconst content = document.getElementById(\"lbContent\");\nconst btnClose = document.getElementById(\"lbClose\");\nconst btnPrev = document.getElementById(\"lbPrev\");\nconst btnNext = document.getElementById(\"lbNext\");\n\nconst photos = [];\nlet index = 0;\n\n\/* NUMARALI FOTO\u011eRAFLAR *\/\nfor(let i=1;i<=34;i++){\n  const img=document.createElement(\"img\");\n  img.src=`http:\/\/sivasevdenevetasima.com\/wp-content\/uploads\/2025\/12\/${i}.jpg`;\n  grid.appendChild(img);\n  photos.push(img);\n}\n\n\/* \u00d6ZEL FOTO\u011eRAFLAR *\/\n[\n \"a101.jpg\",\"ambalaj.jpg\",\"asansor_1.jpg\",\"asansorluevden.jpg\",\n \"asansorluevdeneve.jpg\",\"asansorlusehirici.jpg\",\n \"sehiricitasimacilik.jpg\",\"sivastasimacilik.jpg\",\"vista_plus.jpg\"\n].forEach(name=>{\n  const img=document.createElement(\"img\");\n  img.src=`http:\/\/sivasevdenevetasima.com\/wp-content\/uploads\/2025\/12\/${name}`;\n  grid.appendChild(img);\n  photos.push(img);\n});\n\nfunction openLB(i){\n  index=i;\n  render();\n  lightbox.style.display=\"flex\";\n}\n\nfunction render(){\n  content.innerHTML=\"\";\n  const img=document.createElement(\"img\");\n  img.src=photos[index].src;\n  content.appendChild(img);\n}\n\nphotos.forEach((img,i)=>img.addEventListener(\"click\",()=>openLB(i)));\n\nbtnClose.onclick=()=>lightbox.style.display=\"none\";\nbtnNext.onclick=()=>{index=(index+1)%photos.length;render();}\nbtnPrev.onclick=()=>{index=(index-1+photos.length)%photos.length;render();}\n\n\/* ESC TAMAMEN KAPALI *\/\ndocument.addEventListener(\"keydown\",()=>{});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Saha \u00c7al\u0131\u015fmalar\u0131m\u0131z Foto\u011fraf Galerimiz Asans\u00f6rl\u00fc evden eve nakliyat, \u015fehir i\u00e7i ve \u015fehirleraras\u0131 ta\u015f\u0131mac\u0131l\u0131k \u00e7al\u0131\u015fmalar\u0131m\u0131zdan ger\u00e7ek kareler. Hizmet S\u00fcreci Video Galerimiz Ger\u00e7ek ta\u015f\u0131nma s\u00fcre\u00e7lerimizden al\u0131nan videolar ile hizmet kalitemizi yak\u0131ndan inceleyebilirsiniz. \u2715 \u2039 \u203a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=59"}],"version-history":[{"count":3,"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":199,"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions\/199"}],"wp:attachment":[{"href":"https:\/\/sivastasimacilik.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}