{"id":11,"date":"2026-02-03T17:54:41","date_gmt":"2026-02-03T17:54:41","guid":{"rendered":"http:\/\/localhost\/gds\/?page_id=11"},"modified":"2026-03-05T18:35:09","modified_gmt":"2026-03-05T18:35:09","slug":"home","status":"publish","type":"page","link":"https:\/\/gdsproductions.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82cd62b e-con-full e-flex e-con e-parent\" data-id=\"82cd62b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a252bb elementor-widget elementor-widget-html\" data-id=\"4a252bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nhtml,body{height:100%;}\r\nbody{\r\n  font-family:'Montserrat',sans-serif;\r\n  overflow-x:hidden;\r\n  background:#000;\r\n  color:#fff;\r\n}\r\n\r\n\/* ================= PAGE TRANSITION FIX ================= *\/\r\n#pt{\r\n  position:fixed;\r\n  inset:0;\r\n  background:#000;\r\n  z-index:9999;\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transition:opacity .7s ease;\r\n}\r\n#pt.show{opacity:1;}\r\n#pt.hide{opacity:0;}\r\n\r\n\/* ================= BRAND NAME ================= *\/\r\n.brand-name{\r\n  position:absolute;\r\n  top:30px;\r\n  left:40px;\r\n  z-index:3;\r\n  font-weight:600;\r\n  letter-spacing:2px;\r\n}\r\n.brand-name span{\r\n  display:block;\r\n  font-size:12px;\r\n  margin-top:4px;\r\n}\r\n\r\n\/* ================= SOCIAL ICONS ================= *\/\r\n.social-icons{\r\n  position:absolute;\r\n  top:30px;\r\n  right:40px;\r\n  z-index:3;\r\n  display:flex;\r\n  gap:18px;\r\n}\r\n.social-icons a{\r\n  color:#fff;\r\n  font-size:18px;\r\n  transition:.4s ease;\r\n}\r\n.social-icons a:hover{\r\n  color:#e50914;\r\n  transform:translateY(-3px);\r\n}\r\n\r\n\/* ================= HERO ================= *\/\r\n.scene{\r\n  position:relative;\r\n  min-height:100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:url(\"https:\/\/gdsproductions.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_cmf4hccmf4hccmf4-e1772735691889.png\")\r\n  center\/cover no-repeat;\r\n}\r\n.scene::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;right:0;bottom:0;\r\n  height:180px;\r\n  background:linear-gradient(to bottom, rgba(0,0,0,0), #000 80%);\r\n  z-index:1;\r\n}\r\n.overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to bottom,#000 ,rgba(0,0,0,.2));\r\n}\r\n\r\n.center{\r\n  position:relative;\r\n  z-index:2;\r\n  text-align:center;\r\n}\r\n\r\n.welcome,.title-arc,.center p,.enter{opacity:0;}\r\n\r\n\/* \ud83d\udd25 SPACING FIX ADDED *\/\r\n.welcome{\r\n  letter-spacing:4px;\r\n  transform:translateY(20px);\r\n  transition:1s ease;\r\n  margin-bottom:-80px;   \/* reduced gap below welcome *\/\r\n}\r\n.welcome.show{opacity:1;transform:translateY(0);}\r\n\r\n\/* ===== LOGO INSTEAD OF TEXT ===== *\/\r\n.title-arc{\r\n  opacity:0;\r\n  transform:perspective(1000px) rotateX(25deg) scale(.9);\r\n  transition:1.4s cubic-bezier(.19,1,.22,1);\r\n  margin:0 auto -70px auto;  \/* reduced gap below logo *\/\r\n}\r\n.title-arc img{\r\n  width:1000px;\r\n  max-width:90%;\r\n  height:auto;\r\n  display:block;\r\n  margin:auto;\r\n}\r\n.title-arc.show{\r\n  opacity:1;\r\n  transform:perspective(1000px) rotateX(18deg) scale(1);\r\n}\r\n\r\n.center p{\r\n  margin:0 0 25px 0;   \/* tighter spacing *\/\r\n  color:#eee;\r\n  transform:translateY(15px);\r\n  transition:1s ease;\r\n}\r\n.center p.show{opacity:1;transform:translateY(0);}\r\n\r\n.enter{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:14px 32px;\r\n  border-radius:50px;\r\n  background:#fff;\r\n  color:#000;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  font-size:15px;\r\n  border:none;\r\n  transition:.3s ease;\r\n}\r\n.enter i{\r\n  font-size:14px;\r\n}\r\n.enter.show{opacity:1;}\r\n.enter:hover{\r\n  transform:scale(1.05);\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"pt\"><\/div>\r\n\r\n<section class=\"scene\">\r\n  <div class=\"overlay\"><\/div>\r\n\r\n  <div class=\"brand-name\">\r\n    Gagandeep Singh\r\n    <span>(Founder)<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"social-icons\">\r\n    <a href=\"https:\/\/www.instagram.com\/gds_productions_?utm_source=qr&igsh=MXJrcXN0cHFvNG9sbQ%3D%3D\" target=\"_blank\">\r\n      <i class=\"fab fa-instagram\"><\/i>\r\n    <\/a>\r\n    <a href=\"https:\/\/www.linkedin.com\/in\/gds-productions-36794b3b0\/\" target=\"_blank\">\r\n      <i class=\"fab fa-linkedin-in\"><\/i>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"center\">\r\n    <div class=\"welcome\">WELCOME TO<\/div>\r\n\r\n    <!-- LOGO ADDED HERE -->\r\n    <div class=\"title-arc\">\r\n      <img decoding=\"async\" src=\"https:\/\/gdsproductions.com\/wp-content\/uploads\/2026\/02\/Logo-on-black-BG.png\" alt=\"GDS Productions Logo\">\r\n    <\/div>\r\n\r\n    <p>Turning footage into films.<\/p>\r\n\r\n    <a class=\"enter page-link\" href=\"https:\/\/gdsproductions.com\/index.php\/services\/\">\r\n      <i class=\"fas fa-play\"><\/i>\r\n      Play\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= FOUNDER \/ VISION SECTION ================= -->\r\n\r\n<style>\r\n.founder-section{\r\n  min-height:100vh;\r\n  padding:140px 100px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:120px;\r\n  background:#000;\r\n}\r\n.founder-image{\r\n  width:38%;\r\n  position:relative;\r\n}\r\n.founder-image::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  border-radius:32px;\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(255,255,255,.08),\r\n    0 40px 120px rgba(0,0,0,.9);\r\n}\r\n.founder-image img{\r\n  width:100%;\r\n  aspect-ratio:3\/4;\r\n  object-fit:cover;\r\n  border-radius:32px;\r\n}\r\n.founder-content{width:62%;}\r\n.founder-content h2{\r\n  font-family:'Bebas Neue',sans-serif;\r\n  font-size:88px;\r\n  letter-spacing:5px;\r\n}\r\n.founder-content .role{\r\n  font-size:15px;\r\n  letter-spacing:3px;\r\n  color:#999;\r\n  margin-top:8px;\r\n}\r\n.founder-content .divider{\r\n  width:70px;height:2px;\r\n  background:#fff;opacity:.2;\r\n  margin:35px 0;\r\n}\r\n.founder-content p{\r\n  max-width:700px;\r\n  font-size:19px;\r\n  line-height:1.9;\r\n  color:#cfcfcf;\r\n}\r\n@media(max-width:1000px){\r\n  .founder-section{\r\n    flex-direction:column;\r\n    padding:120px 40px;\r\n    gap:70px;\r\n  }\r\n  .founder-image,.founder-content{width:100%;}\r\n  .founder-content h2{font-size:64px;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"founder-section\">\r\n  <div class=\"founder-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/gdsproductions.com\/wp-content\/uploads\/2026\/02\/for-web-1.png\" alt=\"Gagandeep Singh\">\r\n  <\/div>\r\n\r\n  <div class=\"founder-content\">\r\n    <h2>GAGANDEEP SINGH<\/h2>\r\n    <div class=\"role\">Founder<\/div>\r\n    <div class=\"divider\"><\/div>\r\n    <p>\r\n      GDS Production was built with one clear vision \u2014 to craft visuals that feel\r\n      cinematic, intentional and timeless. We don\u2019t chase trends, we create impact.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nwindow.addEventListener(\"load\",()=>{\r\n  document.getElementById(\"pt\")?.classList.add(\"hide\");\r\n\r\n  setTimeout(()=>document.querySelector(\".welcome\")?.classList.add(\"show\"),400);\r\n  setTimeout(()=>document.querySelector(\".title-arc\")?.classList.add(\"show\"),900);\r\n  setTimeout(()=>document.querySelector(\".center p\")?.classList.add(\"show\"),1500);\r\n  setTimeout(()=>document.querySelector(\".enter\")?.classList.add(\"show\"),1900);\r\n});\r\n\r\ndocument.querySelectorAll(\".page-link\").forEach(link=>{\r\n  link.addEventListener(\"click\",e=>{\r\n    const href=link.getAttribute(\"href\");\r\n    if(!href || href===\"#\") return;\r\n    e.preventDefault();\r\n    const pt=document.getElementById(\"pt\");\r\n    pt.classList.add(\"show\");\r\n    setTimeout(()=>window.location.href=href,700);\r\n  });\r\n});\r\n<\/script>\r\n<!-- ================= WHY CHOOSE US ================= -->\r\n<!-- \u2b07\ufe0f BELOW CODE IS 100% SAME AS YOU SENT \u2b07\ufe0f -->\r\n\r\n<style>\r\n\/* ================= WHY SECTION ================= *\/\r\n.why-section{\r\n  min-height:100vh;\r\n  background:#000;\r\n  padding:120px 80px;\r\n  color:#fff;\r\n  overflow:hidden;\r\n}\r\n\r\n.why-head{\r\n  text-align:center;\r\n  margin-bottom:80px;\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  transition:1.4s cubic-bezier(.19,1,.22,1);\r\n}\r\n\r\n.why-head.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.why-head h2{\r\n  font-family:'Bebas Neue',sans-serif;\r\n  font-size:90px;\r\n  letter-spacing:6px;\r\n  color:#e50914;\r\n}\r\n\r\n.why-head p{\r\n  margin-top:10px;\r\n  color:#ccc;\r\n  font-size:18px;\r\n}\r\n\r\n\/* ================= CARDS ================= *\/\r\n.why-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:30px;\r\n}\r\n\r\n.why-card{\r\n  background:#111;\r\n  border-radius:26px;\r\n  padding:40px 30px;\r\n  box-shadow:0 0 35px rgba(229,9,20,.25);\r\n  text-align:center;\r\n\r\n  opacity:0;\r\n  transform:translateY(120px) scale(.96);\r\n  transition:1.3s cubic-bezier(.19,1,.22,1);\r\n}\r\n\r\n.why-card.show{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n}\r\n\r\n.why-card:hover{\r\n  transform:scale(1.06);\r\n  box-shadow:0 0 45px rgba(229,9,20,.45);\r\n}\r\n<\/style>\r\n\r\n<section class=\"why-section\">\r\n  <div class=\"why-head\">\r\n    <h2>WHY CHOOSE US<\/h2>\r\n    <p>Not just edits \u2014 cinematic storytelling.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"why-grid\">\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\ud83c\udfac<\/div>\r\n      <h3>Cinematic Quality<\/h3>\r\n      <p>Every frame is color-graded, paced and polished to feel like a film.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\u26a1<\/div>\r\n      <h3>Story Driven<\/h3>\r\n      <p>We don\u2019t just cut clips \u2014 we craft emotion and flow.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\ud83c\udfb5<\/div>\r\n      <h3>Beat Perfect Sync<\/h3>\r\n      <p>Edits aligned perfectly with music, drops and transitions.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\ud83d\ude80<\/div>\r\n      <h3>Premium Finish<\/h3>\r\n      <p>High-end polish, smooth pacing and visuals that feel cinematic.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst whySection = document.querySelector('.why-section');\r\nconst whyHead = document.querySelector('.why-head');\r\nconst whyCards = document.querySelectorAll('.why-card');\r\n\r\nconst whyObserver = new IntersectionObserver(entries=>{\r\n  entries.forEach(entry=>{\r\n    if(entry.isIntersecting){\r\n      setTimeout(()=>whyHead.classList.add('show'),300);\r\n      whyCards.forEach((card,i)=>{\r\n        setTimeout(()=>card.classList.add('show'),700+i*260);\r\n      });\r\n      whyObserver.unobserve(whySection);\r\n    }\r\n  });\r\n},{ threshold:0.3 });\r\n\r\nwhyObserver.observe(whySection);\r\n<\/script>\r\n\r\n<!-- ================= TESTIMONIALS ================= -->\r\n<!-- \u2b07\ufe0f BELOW CODE IS 100% SAME AS YOU SENT \u2b07\ufe0f -->\r\n\r\n<style>\r\n\/* ================= TESTIMONIALS ================= *\/\r\n.testi-section{\r\n  min-height:100vh;\r\n  background:#000;\r\n  padding:120px 80px;\r\n  color:#fff;\r\n  overflow:hidden;\r\n}\r\n\r\n.testi-head{\r\n  text-align:center;\r\n  margin-bottom:80px;\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  transition:1.4s cubic-bezier(.19,1,.22,1);\r\n}\r\n\r\n.testi-head.show{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.testi-head h2{\r\n  font-family:'Bebas Neue',sans-serif;\r\n  font-size:90px;\r\n  letter-spacing:6px;\r\n  color:#e50914;\r\n}\r\n\r\n.testi-head p{\r\n  margin-top:10px;\r\n  color:#ccc;\r\n  font-size:18px;\r\n}\r\n\r\n\/* ================= CARDS ================= *\/\r\n.testi-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:40px;\r\n}\r\n\r\n.testi-card{\r\n  background:#111;\r\n  border-radius:30px;\r\n  padding:45px 40px;\r\n  box-shadow:0 0 35px rgba(229,9,20,.25);\r\n\r\n  opacity:0;\r\n  transform:translateY(120px) scale(.96);\r\n  transition:1.3s cubic-bezier(.19,1,.22,1);\r\n}\r\n\r\n.testi-card.show{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n}\r\n\r\n.testi-card:hover{\r\n  transform:scale(1.05);\r\n  box-shadow:0 0 45px rgba(229,9,20,.45);\r\n}\r\n\/* ================= MOBILE FIX SAFE ================= *\/\r\n@media(max-width:768px){\r\n\r\n  .scene{\r\n    padding:110px 20px 70px 20px;\r\n  }\r\n\r\n  .welcome{\r\n    font-size:12px;\r\n    margin-bottom:-10px !important;\r\n  }\r\n\r\n  .title-arc{\r\n    margin:0 auto -15px auto !important;\r\n  }\r\n\r\n  .title-arc img{\r\n    width:100% !important;\r\n    max-width:768px;\r\n  }\r\n\r\n  .center p{\r\n    font-size:15px;\r\n    line-height:1.6;\r\n  }\r\n\r\n  .enter{\r\n    padding:14px 24px;\r\n    font-size:14px;\r\n  }\r\n\r\n  .brand-name{\r\n    top:18px;\r\n    left:18px;\r\n    font-size:12px;\r\n  }\r\n\r\n  .social-icons{\r\n    top:18px;\r\n    right:18px;\r\n    gap:14px;\r\n  }\r\n\r\n  .why-grid{\r\n    grid-template-columns:1fr !important;\r\n  }\r\n\r\n  .testi-grid{\r\n    grid-template-columns:1fr !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"testi-section\">\r\n  <div class=\"testi-head\">\r\n    <h2>OUR CLIENTS<\/h2>\r\n    <p>What creators & brands say about GDS Production.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"testi-grid\">\r\n    <div class=\"testi-card\">\u201cThe edits feel cinematic and powerful.\u201d<\/div>\r\n    <div class=\"testi-card\">\u201cPremium finish & clean cuts.\u201d<\/div>\r\n    <div class=\"testi-card\">\u201cHighly recommended.\u201d<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst testiSection = document.querySelector('.testi-section');\r\nconst testiHead = document.querySelector('.testi-head');\r\nconst testiCards = document.querySelectorAll('.testi-card');\r\n\r\nconst testiObserver = new IntersectionObserver(entries=>{\r\n  entries.forEach(entry=>{\r\n    if(entry.isIntersecting){\r\n      setTimeout(()=>testiHead.classList.add('show'),300);\r\n      testiCards.forEach((card,i)=>{\r\n        setTimeout(()=>card.classList.add('show'),700+i*300);\r\n      });\r\n      testiObserver.unobserve(testiSection);\r\n    }\r\n  });\r\n},{ threshold:0.3 });\r\n\r\ntestiObserver.observe(testiSection);\r\n<\/script>\r\n\r\n\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>Gagandeep Singh (Founder) WELCOME TO Turning footage into films. Play GAGANDEEP SINGH Founder GDS Production was built with one clear vision \u2014 to craft visuals that feel cinematic, intentional and timeless. We don\u2019t chase trends, we create impact. WHY CHOOSE US Not just edits \u2014 cinematic storytelling. \ud83c\udfac Cinematic Quality Every frame is color-graded, paced [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":319,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":827,"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/827"}],"wp:attachment":[{"href":"https:\/\/gdsproductions.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}