{"id":2071,"date":"2025-12-11T11:45:05","date_gmt":"2025-12-11T11:45:05","guid":{"rendered":"https:\/\/harmonia-digital.com\/home-2\/"},"modified":"2026-02-03T15:35:55","modified_gmt":"2026-02-03T15:35:55","slug":"home-2","status":"publish","type":"page","link":"https:\/\/harmonia-digital.com\/el\/","title":{"rendered":"\u0391\u03c1\u03c7\u03b9\u03ba\u03ae"},"content":{"rendered":"<h1>Website<br \/>Leasing<\/h1>\n<p>\t\t\t\t\t\t\t\t\t\t<a href=\"#pricing\"><br \/>\n\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-143.6-28.9L288 302.6V120c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24v182.6l-72.4-75.5c-9.3-9.7-24.8-9.9-34.3-.4l-10.9 11c-9.4 9.4-9.4 24.6 0 33.9L239 404.3c9.4 9.4 24.6 9.4 33.9 0l132.7-132.7c9.4-9.4 9.4-24.6 0-33.9l-10.9-11c-9.5-9.5-25-9.3-34.3.4z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\tLease with 29,99\u20ac<br \/>\n\t\t\t\t\t<\/a><\/p>\n<h1>Website<br \/>Leasing<\/h1>\n<p>\t\t\t\t\t\t\t\t\t\t<a href=\"#pricing\"><br \/>\n\t\t\t\t<svg aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-143.6-28.9L288 302.6V120c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24v182.6l-72.4-75.5c-9.3-9.7-24.8-9.9-34.3-.4l-10.9 11c-9.4 9.4-9.4 24.6 0 33.9L239 404.3c9.4 9.4 24.6 9.4 33.9 0l132.7-132.7c9.4-9.4 9.4-24.6 0-33.9l-10.9-11c-9.5-9.5-25-9.3-34.3.4z\"><\/path><\/svg><br \/>\n\t\t\t\t\t\t\t\t\tLease with 29,99\u20ac<br \/>\n\t\t\t\t\t<\/a><\/p>\n<style>\n.violet-led-line {\n\twidth: 100%;\n\theight: 1px;\n\tmargin: 1.5rem 0;\n\tbackground: linear-gradient(\n\t\tto right,\n\t\ttransparent 0%,\n\t\trgba(155, 140, 255, 0.6) 20%,\n\t\t#9B8CFF 50%,\n\t\trgba(155, 140, 255, 0.6) 80%,\n\t\ttransparent 100%\n\t);\n\tbox-shadow:\n\t\t0 0 6px rgba(155, 140, 255, 0.6),\n\t\t0 0 14px rgba(155, 140, 255, 0.25);\n}\n<\/style>\n<style>\n.violet-led-line {\n\twidth: 100%;\n\theight: 1px;\n\tmargin: 1.5rem 0;\n\tbackground: linear-gradient(\n\t\tto right,\n\t\ttransparent 0%,\n\t\trgba(155, 140, 255, 0.6) 20%,\n\t\t#9B8CFF 50%,\n\t\trgba(155, 140, 255, 0.6) 80%,\n\t\ttransparent 100%\n\t);\n\tbox-shadow:\n\t\t0 0 6px rgba(155, 140, 255, 0.6),\n\t\t0 0 14px rgba(155, 140, 255, 0.25);\n}\n<\/style>\n<h2>Designed for your needs<\/h2>\n<blockquote data-start=\"438\" data-end=\"799\">\n<p data-start=\"440\" data-end=\"799\">Every website we create is built around the needs, goals and vision of each client. We don\u2019t believe in generic solutions or predefined templates as every project has its own structure, identity and purpose. By focusing on clarity, functionality and detail, we design digital experiences that feel authentic, tailored and aligned with the brand they represent.<\/p>\n<\/blockquote>\n<style>\n.violet-led-line {\n\twidth: 100%;\n\theight: 1px;\n\tmargin: 1.5rem 0;\n\tbackground: linear-gradient(\n\t\tto right,\n\t\ttransparent 0%,\n\t\trgba(155, 140, 255, 0.6) 20%,\n\t\t#9B8CFF 50%,\n\t\trgba(155, 140, 255, 0.6) 80%,\n\t\ttransparent 100%\n\t);\n\tbox-shadow:\n\t\t0 0 6px rgba(155, 140, 255, 0.6),\n\t\t0 0 14px rgba(155, 140, 255, 0.25);\n}\n<\/style>\n<section id=\"hd-tiers\">\n<h2>\n    Our service<br \/>\n    tiers<br \/>\n  <\/h2>\n<p>    <!-- SINGLE PAGE --><br \/>\n          <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-16_at_08.45.21-removebg-preview.png\" alt=\"Screenshot 2025 12 16 At 08.45.21 Removebg Preview\" title=\"Home\"><\/p>\n<h3>Single Page<\/h3>\n<p>Ideal for personal brands and businesses that want a fast, impactful online presence.<\/p>\n<p>From<\/p>\n<p><big>29,99\u20ac \/ month<\/big><\/p>\n<p>          <button type=\"button\">View details<\/button><\/p>\n<h3>Single Page<\/h3>\n<p>29,99\u20ac \/ month<\/p>\n<ul>\n<li>Modern single-page website<\/li>\n<li>Mobile &#038; tablet optimized<\/li>\n<li>Basic on-page SEO<\/li>\n<li>Hosting &#038; SSL included<\/li>\n<li>Monthly updates<\/li>\n<li>No upfront cost<\/li>\n<\/ul>\n<p>          <button type=\"button\">Back<\/button><br \/>\n    <!-- BUSINESS --><br \/>\n          <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-16_at_08.45.26-removebg-preview.png\" alt=\"Screenshot 2025 12 16 At 08.45.26 Removebg Preview\" title=\"Home\"><\/p>\n<h3>Business<\/h3>\n<p>A modern, high-performing website that builds trust and showcases your brand professionally.<\/p>\n<p>From<\/p>\n<p><big>49,99\u20ac \/ month<\/big><\/p>\n<p>          <button type=\"button\">View details<\/button><\/p>\n<h3>Business<\/h3>\n<p>49,99\u20ac \/ month<\/p>\n<ul>\n<li>Multi-page website<\/li>\n<li>Advanced SEO &#038; performance<\/li>\n<li>Conversion-focused structure<\/li>\n<li>Premium hosting<\/li>\n<li>Ongoing support<\/li>\n<li>Scalable leasing<\/li>\n<\/ul>\n<p>          <button type=\"button\">Back<\/button><br \/>\n    <!-- E-SHOP --><br \/>\n          <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-16_at_08.45.37-removebg-preview.png\" alt=\"Screenshot 2025 12 16 At 08.45.37 Removebg Preview\" title=\"Home\"><\/p>\n<h3>e-Shop<\/h3>\n<p>A powerful e-commerce experience designed to sell, scale and grow with your business.<\/p>\n<p>From<\/p>\n<p><big>89,99\u20ac \/ month<\/big><\/p>\n<p>          <button type=\"button\">View details<\/button><\/p>\n<h3>e-Shop<\/h3>\n<p>89,99\u20ac \/ month<\/p>\n<ul>\n<li>Full e-commerce setup<\/li>\n<li>Products &#038; payments<\/li>\n<li>SEO &#038; speed optimization<\/li>\n<li>Secure hosting<\/li>\n<li>Continuous updates<\/li>\n<li>Built to scale<\/li>\n<\/ul>\n<p>          <button type=\"button\">Back<\/button><br \/>\n<\/section>\n<style>\n\/* ===============================\n   SCOPE (NO CONFLICTS)\n================================ *\/\n.hd-tiers {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 80px 20px;\n  background: transparent;\n  color: #fff;\n  font-family: \"DM Sans\", sans-serif;\n}\n\/* LED LINE *\/\n.hd-led-line {\n  width: 100%;\n  height: 1px;\n  margin-bottom: 40px;\n  background: linear-gradient(\n    to right,\n    transparent,\n    rgba(155,140,255,0.6),\n    #9B8CFF,\n    rgba(155,140,255,0.6),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(155,140,255,0.35);\n}\n\/* HEADING *\/\n.hd-heading {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(2.6rem, 5vw, 4rem);\n  font-weight: 600;\n  margin-bottom: 80px;\n  letter-spacing: -0.02em;\n}\n.hd-white { color: #fff; }\n.hd-violet { color: #9B8CFF; }\n\/* GRID *\/\n.hd-flip-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n}\n\/* FLIP CARD *\/\n.hd-flip-card {\n  perspective: 1400px;\n  cursor: pointer;\n  \/* failsafe visible by default *\/\n  opacity: 1;\n  transform: none;\n}\n\/* Enable animation only when JS sets .hd-anim *\/\n.hd-tiers.hd-anim .hd-flip-card {\n  opacity: 0;\n  transform: translateY(22px);\n}\n.hd-tiers.hd-anim.hd-inview .hd-flip-card {\n  animation: hdRiseIn .65s ease forwards;\n}\n.hd-tiers.hd-anim.hd-inview .hd-flip-card:nth-child(1) { animation-delay: .05s; }\n.hd-tiers.hd-anim.hd-inview .hd-flip-card:nth-child(2) { animation-delay: .18s; }\n.hd-tiers.hd-anim.hd-inview .hd-flip-card:nth-child(3) { animation-delay: .31s; }\n@keyframes hdRiseIn {\n  to { opacity: 1; transform: translateY(0); }\n}\n.hd-flip-inner {\n  display: grid;\n  grid-template-areas: \"stack\";\n  transform-style: preserve-3d;\n  transition: transform 0.9s cubic-bezier(.4,.2,.2,1);\n}\n.hd-flip-card.hd-active .hd-flip-inner {\n  transform: rotateY(180deg);\n}\n\/* CARD SIDES *\/\n.hd-flip-front,\n.hd-flip-back {\n  grid-area: stack;\n  backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  padding: 40px 32px;\n  border-radius: 24px;\n  background: radial-gradient(\n    120% 120% at bottom right,\n    rgba(155,140,255,0.55),\n    rgba(155,140,255,0.15) 45%,\n    rgba(0,0,0,0.95) 70%\n  );\n  border: 1px solid rgba(155,140,255,0.35);\n  box-shadow:\n    inset 0 0 0 1px rgba(155,140,255,0.4),\n    0 0 40px rgba(155,140,255,0.15);\n}\n.hd-flip-back { transform: rotateY(180deg); }\n\/* featured *\/\n.hd-featured .hd-flip-front,\n.hd-featured .hd-flip-back {\n  background: radial-gradient(\n    130% 130% at bottom right,\n    rgba(155,140,255,0.9),\n    rgba(155,140,255,0.35) 50%,\n    rgba(0,0,0,0.9) 72%\n  );\n}\n\/* ICON *\/\n.hd-card-icon {\n  align-self: flex-end;\n  width: 72px;\n  margin-bottom: 20px;\n  filter: drop-shadow(0 0 20px rgba(155,140,255,0.45));\n}\n\/* TEXT *\/\n.hd-flip-front h3,\n.hd-flip-back h3 {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 1.6rem;\n  margin: 0 0 16px;\n}\n.hd-flip-front p {\n  font-size: 0.95rem;\n  margin: 0 0 10px;\n  max-width: 90%;\n}\n.hd-flip-front big {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 1.25rem;\n  font-weight: 600;\n}\n\/* BACK CONTENT *\/\n.hd-price {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 1.4rem;\n  color: #9B8CFF;\n  margin: 0 0 24px;\n}\n.hd-features {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 30px;\n}\n.hd-features li {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: 12px;\n  font-size: 0.95rem;\n}\n.hd-features li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 7px;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #9B8CFF;\n  box-shadow: 0 0 10px rgba(155,140,255,0.6);\n}\n\/* BUTTON *\/\n.hd-flip-btn {\n  margin-top: auto;\n  align-self: flex-start;\n  background: #6B5BFF;\n  border: none;\n  color: #000;\n  padding: 10px 22px;\n  border-radius: 999px;\n  cursor: pointer;\n  font-family: \"DM Sans\", sans-serif;\n  font-weight: 500;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n}\n.hd-flip-btn:hover {\n  background: #9B8CFF;\n  color: #3D2FD6 !important;\n  box-shadow: 0 8px 30px rgba(155,140,255,0.45);\n}\n\/* force white text inside cards *\/\n.hd-flip-front *,\n.hd-flip-back * { color: #fff !important; }\n\/* responsive *\/\n@media (max-width: 900px) {\n  .hd-flip-grid { grid-template-columns: 1fr; }\n}\n\/* reduced motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .hd-tiers.hd-anim .hd-flip-card { opacity: 1 !important; transform: none !important; animation: none !important; }\n  .hd-flip-inner { transition: none !important; }\n}\n<\/style>\n<section id=\"hd-testimonials\">\n<h2>\n    What our<br \/>\n    clients<br \/>\n     say<br \/>\n  <\/h2>\n<p>      e-Shop<\/p>\n<p>\n        We started with a simple website to present our local products, and the result exceeded our expectations. The process was easy, the support was excellent, and now we\u2019re moving forward to build our e-shop with real excitement. It feels like a natural next step for our business.\n      <\/p>\n<p>      John<br \/>\n      E-shop Owner<br \/>\n      Business Website<\/p>\n<p>\n        Our website perfectly reflects the quality of our accommodations in Mykonos. Guests can easily explore our properties and contact us, and the whole experience feels premium and effortless. Exactly what we needed for an international audience.\n      <\/p>\n<p>      George<br \/>\n      Rental Property Owner<br \/>\n      Catalogue Website<\/p>\n<p>\n        We needed a professional website that could present our products in an organized catalogue without online payments. Harmonia Digital delivered exactly that \u2014 a clean, functional and easy-to-manage website. Our products are now showcased the right way.\n      <\/p>\n<p>      Nick<br \/>\n      Manufacturing Company Owner<br \/>\n      Real Estate Website<\/p>\n<p>\n        The website allows us to present our properties clearly and professionally, with dedicated listings that are easy to update. It has improved how clients discover and contact us, and it truly supports our daily workflow.\n      <\/p>\n<p>      Teo<br \/>\n      Real Estate Agency Owner<br \/>\n<\/section>\n<style>\n\/* ===============================\n   SECTION BASE (SCOPED)\n================================ *\/\n.hd-testimonials {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 100px 20px;\n  color: #fff;\n  font-family: \"DM Sans\", sans-serif;\n  overflow: hidden;\n}\n\/* LED LINE *\/\n.hd-testimonials-line {\n  width: 100%;\n  height: 1px;\n  margin-bottom: 50px;\n  background: linear-gradient(\n    to right,\n    transparent,\n    rgba(155,140,255,0.6),\n    #9B8CFF,\n    rgba(155,140,255,0.6),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(155,140,255,0.35);\n}\n\/* HEADING *\/\n.hd-testimonials-heading {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(2.4rem, 5vw, 3.8rem);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  margin-bottom: 80px;\n}\n.hd-white { color: #fff; }\n.hd-violet { color: #9B8CFF; }\n\/* GRID *\/\n.hd-testimonials-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 32px;\n}\n\/* CARD \u2013 default visible (failsafe) *\/\n.hd-testimonial-card {\n  position: relative;\n  padding: 36px 32px;\n  border-radius: 24px;\n  min-height: 260px;\n  background: radial-gradient(\n    120% 120% at bottom right,\n    rgba(155,140,255,0.35),\n    rgba(155,140,255,0.12) 45%,\n    rgba(0,0,0,0.95) 72%\n  );\n  border: 1px solid rgba(155,140,255,0.35);\n  box-shadow:\n    inset 0 0 0 1px rgba(155,140,255,0.35),\n    0 0 40px rgba(155,140,255,0.12);\n  display: flex;\n  flex-direction: column;\n  opacity: 1;\n  transform: none;\n}\n\/* animation mode enabled by JS *\/\n.hd-testimonials.hd-anim .hd-testimonial-card {\n  opacity: 0;\n  transform: translateX(-36px);\n}\n.hd-testimonials.hd-anim.hd-inview .hd-testimonial-card {\n  animation: hdTestimonialReveal .85s ease forwards;\n}\n\/* stagger *\/\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(1) { animation-delay: .1s; }\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(2) { animation-delay: .25s; }\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(3) { animation-delay: .4s; }\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(4) { animation-delay: .55s; }\n\/* shine *\/\n.hd-testimonial-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 60%;\n  height: 100%;\n  background: linear-gradient(\n    120deg,\n    transparent,\n    rgba(155,140,255,0.15),\n    transparent\n  );\n  transform: skewX(-20deg);\n  opacity: 0;\n  pointer-events: none;\n}\n.hd-testimonials.hd-inview .hd-testimonial-card::before {\n  animation: hdShine 1.4s ease forwards;\n}\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(1)::before { animation-delay: .3s; }\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(2)::before { animation-delay: .45s; }\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(3)::before { animation-delay: .6s; }\n.hd-testimonials.hd-inview .hd-testimonial-card:nth-child(4)::before { animation-delay: .75s; }\n\/* SERVICE TAG *\/\n.hd-service-tag {\n  align-self: flex-start;\n  margin-bottom: 18px;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  letter-spacing: .02em;\n  background: rgba(155,140,255,0.15);\n  border: 1px solid rgba(155,140,255,0.45);\n  color: #9B8CFF;\n}\n\/* TEXT *\/\n.hd-testimonial-text {\n  font-size: 0.95rem;\n  line-height: 1.7;\n  margin-bottom: 32px;\n}\n.hd-testimonial-author {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 1.05rem;\n  font-weight: 600;\n}\n.hd-testimonial-role {\n  font-size: 0.85rem;\n  color: rgba(255,255,255,0.7);\n}\n\/* ANIMATIONS *\/\n@keyframes hdTestimonialReveal {\n  to { opacity: 1; transform: translateX(0); }\n}\n@keyframes hdShine {\n  to { left: 120%; opacity: 1; }\n}\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n  .hd-testimonials-grid { grid-template-columns: 1fr; }\n}\n\/* REDUCED MOTION *\/\n@media (prefers-reduced-motion: reduce) {\n  .hd-testimonials.hd-anim .hd-testimonial-card {\n    opacity: 1 !important;\n    transform: none !important;\n    animation: none !important;\n  }\n}\n<\/style>\n<section id=\"hd-projects-logos\">\n<h2>\n    Some of our<br \/>\n    projects<br \/>\n  <\/h2>\n<p>    <a href=\"https:\/\/callistimykonostown.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/ChatGPT_Image_Dec_31__2025__08_06_29_PM-removebg-preview.png\" alt=\"CallistiMykonosTown\" title=\"Home\"><br \/>\n      Callisti Mykonos Town<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/xwmatourgika-xeliwtis.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-01_at_20.32.30-removebg-preview.png\" alt=\"Xwmatourgika Xeliwtis\" title=\"Home\"><br \/>\n      Xwmatourgika Xeliwtis<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/mimosaretreatmykonos.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-01_at_20.27.25-removebg-preview.png\" alt=\"Mimosa Retreat Mykonos\" title=\"Home\"><br \/>\n      Mimosa Retreat Mykonos<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/vrohidis.gr\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-01_at_20.38.30-removebg-preview.png\" alt=\"Vrohidis SA\" title=\"Home\"><br \/>\n      Vrohidis S.A.<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/nostosmykonossuites.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2026\/01\/ChatGPT_Image_Jan_16__2026__01_02_26_PM-removebg-preview.png\" alt=\"Ivi Mykonean Suites\" title=\"Home\"><br \/>\n      Nostos Mykonos Suites<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/ammos-kefalonia.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-01_at_20.20.18-removebg-preview.png\" alt=\"Ammos Retreat Kefalonia\" title=\"Home\"><br \/>\n      Ammos Retreat Kefalonia<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/agnondelphi.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-01_at_20.19.26-removebg-preview.png\" alt=\"Agnon Delphi\" title=\"Home\"><br \/>\n      Agnon Delphi<br \/>\n    <\/a><br \/>\n    <a href=\"https:\/\/ivimykoneansuites.com\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/harmonia-digital.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-12-01_at_20.14.07-removebg-preview.png\" alt=\"Ivi Mykonean Suites\" title=\"Home\"><br \/>\n      Ivi Mykonean Suites<br \/>\n    <\/a><br \/>\n<\/section>\n<style>\n\/* ===============================\n   SECTION\n================================ *\/\n.hd-projects-logos {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 90px 20px;\n  color: #fff;\n  font-family: \"DM Sans\", sans-serif;\n  overflow: hidden;\n}\n\/* LED LINE *\/\n.hd-projects-line {\n  width: 100%;\n  height: 1px;\n  margin-bottom: 40px;\n  background: linear-gradient(\n    to right,\n    transparent,\n    rgba(155,140,255,0.6),\n    #9B8CFF,\n    rgba(155,140,255,0.6),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(155,140,255,0.35);\n}\n\/* TITLE *\/\n.hd-projects-title {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(2.1rem, 4.5vw, 3.4rem);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  margin-bottom: 56px;\n}\n.hd-white { color: #fff; }\n.hd-violet { color: #9B8CFF; }\n\/* GRID *\/\n.hd-logo-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px;\n}\n\/* CARD (default visible \u2013 failsafe) *\/\n.hd-logo-card {\n  position: relative;\n  border-radius: 22px;\n  padding: 22px;\n  min-height: 120px;\n  background: radial-gradient(\n    120% 120% at bottom right,\n    rgba(155,140,255,0.35),\n    rgba(155,140,255,0.12) 45%,\n    rgba(0,0,0,0.95) 72%\n  );\n  border: 1px solid rgba(155,140,255,0.30);\n  box-shadow:\n    inset 0 0 0 1px rgba(155,140,255,0.22),\n    0 0 40px rgba(155,140,255,0.10);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  cursor: pointer;\n  opacity: 1;\n  transform: none;\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\/* hover *\/\n.hd-logo-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(155,140,255,0.55);\n  box-shadow:\n    inset 0 0 0 1px rgba(155,140,255,0.32),\n    0 18px 55px rgba(155,140,255,0.18);\n}\n\/* IMAGE *\/\n.hd-logo-img {\n  max-width: 82%;\n  max-height: 62px;\n  object-fit: contain;\n  opacity: .78;\n  filter: grayscale(1) brightness(1.9) contrast(1.15);\n  transition:\n    opacity .25s ease,\n    filter .25s ease,\n    transform .35s ease;\n}\n.hd-logo-card:hover .hd-logo-img {\n  opacity: 1;\n  transform: scale(1.05);\n  filter: grayscale(1) brightness(2.2) contrast(1.2)\n    drop-shadow(0 0 18px rgba(155,140,255,0.35))\n    drop-shadow(0 0 34px rgba(155,140,255,0.18));\n}\n\/* OVERLAY *\/\n.hd-logo-overlay {\n  position: absolute;\n  inset: 0;\n  border-radius: 22px;\n  background: linear-gradient(\n    to top,\n    rgba(0,0,0,0.85),\n    rgba(0,0,0,0.45) 35%,\n    rgba(0,0,0,0.0) 70%\n  );\n  opacity: 0;\n  transition: opacity .25s ease;\n  pointer-events: none;\n}\n.hd-logo-card:hover .hd-logo-overlay {\n  opacity: 1;\n}\n\/* TITLE *\/\n.hd-logo-title {\n  position: absolute;\n  left: 18px;\n  bottom: 16px;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 0.78rem;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n  color: #9B8CFF;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity .25s ease, transform .25s ease;\n  text-shadow:\n    0 2px 6px rgba(0,0,0,0.65),\n    0 0 14px rgba(155,140,255,0.45);\n}\n.hd-logo-card:hover .hd-logo-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* ===============================\n   ENTRANCE ANIMATION\n================================ *\/\n.hd-projects-logos.hd-anim .hd-logo-card {\n  opacity: 0;\n  transform: translateY(28px);\n}\n.hd-projects-logos.hd-inview .hd-logo-card {\n  animation: hdLogoReveal .8s ease forwards;\n}\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(1) { animation-delay: .05s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(2) { animation-delay: .12s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(3) { animation-delay: .19s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(4) { animation-delay: .26s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(5) { animation-delay: .33s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(6) { animation-delay: .40s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(7) { animation-delay: .47s; }\n.hd-projects-logos.hd-inview .hd-logo-card:nth-child(8) { animation-delay: .54s; }\n@keyframes hdLogoReveal {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n  .hd-logo-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 520px) {\n  .hd-projects-logos { padding: 70px 16px; }\n  .hd-logo-card { min-height: 104px; padding: 18px; border-radius: 18px; }\n  .hd-logo-img { max-height: 54px; }\n}\n<\/style>\n<h2>Contact us<\/h2>\n<p>Share your goals and ideas with us, and we\u2019ll guide you through the right website solution for your business.<\/p>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/css\/intlTelInput.css\">\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=DM+Sans:wght@400;500&#038;family=Space+Grotesk:wght@500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/css\/intlTelInput.css\">\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=DM+Sans:wght@400;500&#038;family=Space+Grotesk:wght@500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<section id=\"leasing-build\">\n<h2 data-build>\n      Start your<br \/>\n      website leasing<br \/>\n    <\/h2>\n<p data-build>\n      Choose the website type that fits your business and get started.\n    <\/p>\n<form id=\"leasingForm\">\n        <label>Full Name *<\/label><br \/>\n        <input type=\"text\" name=\"fullname\" placeholder=\"Your full name\" required><br \/>\n        <label>Email *<\/label><br \/>\n        <input type=\"email\" name=\"email\" placeholder=\"you@email.com\" required><br \/>\n        <label>Phone *<\/label><br \/>\n        <input type=\"tel\" id=\"phone\" name=\"phone\" required><br \/>\n        <label>Website Type *<\/label><br \/>\n        <select name=\"website_type\" required><option value=\"\">Select website type<\/option><option value=\"Single Page\">Single Page<\/option><option value=\"Business Website\">Business Website<\/option><option value=\"E-Shop\">E-Shop<\/option><\/select><br \/>\n        <label>Message<\/label><br \/>\n        <textarea name=\"message\" rows=\"3\" placeholder=\"Tell us a bit about your project (optional)\"><\/textarea><br \/>\n      <!-- GDPR CONSENT --><br \/>\n        <label><br \/>\n          <input type=\"checkbox\" name=\"gdpr_consent\" required><br \/>\n          I have read and agree to the <a href=\"\/privacy-policy\" target=\"_blank\" rel=\"noopener\">Privacy Policy<br \/>\n          <\/a><br \/>\n        <\/label><br \/>\n      <button type=\"submit\" data-build><br \/>\n        Request quote \u2192<br \/>\n      <\/button><br \/>\n    <\/form>\n<\/section>\n<style>\n\/* ===============================\n   SECTION\n================================ *\/\n.leasing-form-section {\n  background: #000;\n  padding: 80px 20px;\n  font-family: \"DM Sans\", sans-serif;\n}\n\/* ===============================\n   WRAPPER\n================================ *\/\n.leasing-form-wrapper {\n  position: relative;\n  max-width: 560px;\n  margin: 0 auto;\n  padding: 40px;\n  border-radius: 28px;\n  background: radial-gradient(\n    140% 140% at bottom right,\n    rgba(155,140,255,0.45),\n    rgba(155,140,255,0.15) 45%,\n    rgba(0,0,0,0.95) 75%\n  );\n  border: 1px solid rgba(155,140,255,0.35);\n  box-shadow:\n    inset 0 0 0 1px rgba(155,140,255,0.35),\n    0 0 60px rgba(155,140,255,0.18);\n}\n\/* ===============================\n   LED LINE\n================================ *\/\n.led-line {\n  width: 100%;\n  height: 1px;\n  margin-bottom: 32px;\n  background: linear-gradient(\n    to right,\n    transparent,\n    rgba(155,140,255,0.6),\n    #9B8CFF,\n    rgba(155,140,255,0.6),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(155,140,255,0.35);\n}\n\/* ===============================\n   TITLES\n================================ *\/\n.leasing-title {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: clamp(1.7rem, 2.4vw, 2.2rem);\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n.leasing-title .white { color: #fff; }\n.leasing-title .violet { color: #9B8CFF; }\n.leasing-subtitle {\n  font-size: 0.9rem;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 28px;\n}\n\/* ===============================\n   FORM\n================================ *\/\n#leasingForm label {\n  display: block;\n  margin-top: 14px;\n  font-size: 0.82rem;\n  font-weight: 500;\n  color: rgba(255,255,255,0.8);\n}\n#leasingForm input,\n#leasingForm select,\n#leasingForm textarea {\n  width: 100%;\n  padding: 12px 14px;\n  margin-top: 6px;\n  border-radius: 10px;\n  background: rgba(0,0,0,0.6);\n  border: 1px solid rgba(155,140,255,0.35);\n  color: #fff;\n  font-size: 0.9rem;\n}\ntextarea { resize: none; }\n\/* ===============================\n   GDPR FIX (IMPORTANT)\n================================ *\/\n#leasingForm .gdpr-consent {\n  margin-top: 18px;\n}\n#leasingForm .gdpr-label {\n  display: inline-flex !important;\n  align-items: center;\n  gap: 10px;\n  margin-top: 0;\n  font-size: 0.78rem;\n  line-height: 1.45;\n  color: rgba(255,255,255,0.75);\n  cursor: pointer;\n}\n#leasingForm .gdpr-label input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  margin: 0;\n  flex-shrink: 0;\n  accent-color: #9B8CFF;\n}\n#leasingForm .gdpr-label a {\n  color: #9B8CFF;\n  text-decoration: underline;\n}\n\/* ===============================\n   BUTTON\n================================ *\/\n.leasing-btn {\n  margin-top: 26px;\n  width: 100%;\n  padding: 13px;\n  background: #9B8CFF;\n  color: #3D2FD6;\n  border: none;\n  border-radius: 999px;\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 0.9rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n.leasing-btn:hover {\n  transform: translateY(-2px);\n  background: #6B5BFF !important;\n  color: #fff !important;\n  box-shadow:\n    0 12px 30px rgba(155,140,255,0.55),\n    0 0 0 1px rgba(155,140,255,0.6);\n}\n\/* ===============================\n   MESSAGE\n================================ *\/\n.form-message {\n  margin-top: 14px;\n  text-align: center;\n  font-size: 0.85rem;\n  color: #9B8CFF;\n}\n\/* ===============================\n   SELECT DROPDOWN FIX (WHITE TEXT)\n================================ *\/\n#leasingForm select {\n  color: #ffffff !important;\n  background-color: rgba(0,0,0,0.6) !important;\n}\n#leasingForm select option {\n  color: #ffffff !important;\n  background-color: #0a0a0a !important;\n}\n\/* Placeholder \/ disabled option *\/\n#leasingForm select option[value=\"\"] {\n  color: rgba(255,255,255,0.65) !important;\n}\n\/* ===============================\n   FORM SUCCESS STATE\n================================ *\/\n.form-fields {\n  transition: opacity .4s ease, transform .4s ease;\n}\n.form-fields.form-hidden {\n  opacity: 0;\n  transform: translateY(-10px);\n  pointer-events: none;\n  height: 0;\n  overflow: hidden;\n}\n#leasingMessage {\n  display: none;\n  font-size: 0.95rem;\n  line-height: 1.6;\n}\n#leasingMessage.visible {\n  display: block;\n  text-align: center;\n  color: #9B8CFF;\n  animation: fadeUp .5s ease forwards;\n}\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>WebsiteLeasing Lease with 29,99\u20ac WebsiteLeasing Lease with 29,99\u20ac Designed for your needs Every website we create is built around the needs, goals and vision of each client. We don\u2019t believe in generic solutions or predefined templates as every project has its own structure, identity and purpose. By focusing on clarity, functionality and detail, we design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2071","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/pages\/2071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/comments?post=2071"}],"version-history":[{"count":508,"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/pages\/2071\/revisions"}],"predecessor-version":[{"id":2784,"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/pages\/2071\/revisions\/2784"}],"wp:attachment":[{"href":"https:\/\/harmonia-digital.com\/el\/wp-json\/wp\/v2\/media?parent=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}