{"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":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2071\" class=\"elementor elementor-2071\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59b31f6 fp-section elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"59b31f6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8fb2cb3 e-con-full e-flex e-con e-child\" data-id=\"8fb2cb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a73e2a2 elementor-widget elementor-widget-heading\" data-id=\"a73e2a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Website<br><span class=\"violet\">Leasing<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-024a2c4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"024a2c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#pricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-down\" 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>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lease with 29,99\u20ac<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aec59f9 fp-section elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"aec59f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1e80ffb e-con-full e-flex e-con e-child\" data-id=\"1e80ffb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-479573f e-con-full e-flex e-con e-child\" data-id=\"479573f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a4f82e elementor-widget elementor-widget-heading\" data-id=\"7a4f82e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Website<br><span class=\"violet\">Leasing<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d048db8 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"d048db8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#pricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-circle-down\" 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>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lease with 29,99\u20ac<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46aecf5 e-flex e-con-boxed e-con e-parent\" data-id=\"46aecf5\" data-element_type=\"container\" data-e-type=\"container\" id=\"vision\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78ead9c elementor-widget elementor-widget-html\" data-id=\"78ead9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"violet-led-line\"><\/div>\n\n<style>\n.violet-led-line {\n\twidth: 100%;\n\theight: 1px;\n\tmargin: 1.5rem 0;\n\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\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\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6e575a e-con-full e-flex e-con e-child\" data-id=\"b6e575a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2281d73 elementor-widget elementor-widget-html\" data-id=\"2281d73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"violet-led-line\"><\/div>\n\n<style>\n.violet-led-line {\n\twidth: 100%;\n\theight: 1px;\n\tmargin: 1.5rem 0;\n\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\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6abb25 e-con-full e-flex e-con e-child\" data-id=\"b6abb25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5343519 e-grid e-con-full e-con e-child\" data-id=\"5343519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d2ce780 e-con-full e-flex e-con e-child\" data-id=\"d2ce780\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96dfda6 elementor-widget elementor-widget-heading\" data-id=\"96dfda6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Designed for <span class=\"violet\">your needs<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cc845c e-con-full e-flex e-con e-child\" data-id=\"3cc845c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eeed98 elementor-widget elementor-widget-text-editor\" data-id=\"1eeed98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<blockquote data-start=\"438\" data-end=\"799\"><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><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94c4d70 e-con-full e-flex e-con e-child\" data-id=\"94c4d70\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b21b67 elementor-widget elementor-widget-html\" data-id=\"2b21b67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"violet-led-line\"><\/div>\n\n<style>\n.violet-led-line {\n\twidth: 100%;\n\theight: 1px;\n\tmargin: 1.5rem 0;\n\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\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\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4dfc448 e-con-full e-flex e-con e-child\" data-id=\"4dfc448\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e082657 e-grid e-con-full e-con e-child\" data-id=\"e082657\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-60039f5 e-con-full e-flex e-con e-child\" data-id=\"60039f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5f8ee7 e-con-full e-flex e-con e-child\" data-id=\"d5f8ee7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-488c883 e-flex e-con-boxed e-con e-parent\" data-id=\"488c883\" data-element_type=\"container\" data-e-type=\"container\" id=\"pricing\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49aaa4f elementor-widget elementor-widget-html\" data-id=\"49aaa4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hd-tiers\" id=\"hd-tiers\">\n\n  <div class=\"hd-led-line\"><\/div>\n\n  <h2 class=\"hd-heading\">\n    <span class=\"hd-white\">Our service <\/span>\n    <span class=\"hd-violet\">tiers<\/span>\n  <\/h2>\n\n  <div class=\"hd-flip-grid\">\n\n    <!-- SINGLE PAGE -->\n    <div class=\"hd-flip-card\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\n      <div class=\"hd-flip-inner\">\n        <div class=\"hd-flip-front\">\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\" class=\"hd-card-icon\" alt=\"Screenshot 2025 12 16 At 08.45.21 Removebg Preview\" title=\"Home\">\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          <button type=\"button\" class=\"hd-flip-btn\">View details<\/button>\n        <\/div>\n\n        <div class=\"hd-flip-back\">\n          <h3>Single Page<\/h3>\n          <p class=\"hd-price\">29,99\u20ac \/ month<\/p>\n          <ul class=\"hd-features\">\n            <li>Modern single-page website<\/li>\n            <li>Mobile & tablet optimized<\/li>\n            <li>Basic on-page SEO<\/li>\n            <li>Hosting & SSL included<\/li>\n            <li>Monthly updates<\/li>\n            <li>No upfront cost<\/li>\n          <\/ul>\n          <button type=\"button\" class=\"hd-flip-btn\">Back<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- BUSINESS -->\n    <div class=\"hd-flip-card hd-featured\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\n      <div class=\"hd-flip-inner\">\n        <div class=\"hd-flip-front\">\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\" class=\"hd-card-icon\" alt=\"Screenshot 2025 12 16 At 08.45.26 Removebg Preview\" title=\"Home\">\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          <button type=\"button\" class=\"hd-flip-btn\">View details<\/button>\n        <\/div>\n\n        <div class=\"hd-flip-back\">\n          <h3>Business<\/h3>\n          <p class=\"hd-price\">49,99\u20ac \/ month<\/p>\n          <ul class=\"hd-features\">\n            <li>Multi-page website<\/li>\n            <li>Advanced SEO & 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          <button type=\"button\" class=\"hd-flip-btn\">Back<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- E-SHOP -->\n    <div class=\"hd-flip-card\" role=\"button\" tabindex=\"0\" aria-pressed=\"false\">\n      <div class=\"hd-flip-inner\">\n        <div class=\"hd-flip-front\">\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\" class=\"hd-card-icon\" alt=\"Screenshot 2025 12 16 At 08.45.37 Removebg Preview\" title=\"Home\">\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          <button type=\"button\" class=\"hd-flip-btn\">View details<\/button>\n        <\/div>\n\n        <div class=\"hd-flip-back\">\n          <h3>e-Shop<\/h3>\n          <p class=\"hd-price\">89,99\u20ac \/ month<\/p>\n          <ul class=\"hd-features\">\n            <li>Full e-commerce setup<\/li>\n            <li>Products & payments<\/li>\n            <li>SEO & speed optimization<\/li>\n            <li>Secure hosting<\/li>\n            <li>Continuous updates<\/li>\n            <li>Built to scale<\/li>\n          <\/ul>\n          <button type=\"button\" class=\"hd-flip-btn\">Back<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\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\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\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\n\/* GRID *\/\n.hd-flip-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n}\n\n\/* FLIP CARD *\/\n.hd-flip-card {\n  perspective: 1400px;\n  cursor: pointer;\n\n  \/* failsafe visible by default *\/\n  opacity: 1;\n  transform: none;\n}\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\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\n@keyframes hdRiseIn {\n  to { opacity: 1; transform: translateY(0); }\n}\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\n.hd-flip-card.hd-active .hd-flip-inner {\n  transform: rotateY(180deg);\n}\n\n\/* CARD SIDES *\/\n.hd-flip-front,\n.hd-flip-back {\n  grid-area: stack;\n  backface-visibility: hidden;\n\n  display: flex;\n  flex-direction: column;\n  padding: 40px 32px;\n  border-radius: 24px;\n\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\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\n.hd-flip-back { transform: rotateY(180deg); }\n\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\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\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\n.hd-flip-front p {\n  font-size: 0.95rem;\n  margin: 0 0 10px;\n  max-width: 90%;\n}\n\n.hd-flip-front big {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 1.25rem;\n  font-weight: 600;\n}\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\n.hd-features {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 30px;\n}\n\n.hd-features li {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: 12px;\n  font-size: 0.95rem;\n}\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\n\/* BUTTON *\/\n.hd-flip-btn {\n  margin-top: auto;\n  align-self: flex-start;\n\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\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\n\/* force white text inside cards *\/\n.hd-flip-front *,\n.hd-flip-back * { color: #fff !important; }\n\n\/* responsive *\/\n@media (max-width: 900px) {\n  .hd-flip-grid { grid-template-columns: 1fr; }\n}\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\n<script>\n\/* ===============================\n   HD TIERS (NO CONFLICTS)\n   - scoped to #hd-tiers\n   - no inline onclick\n   - failsafe: visible if JS fails\n================================ *\/\n(function () {\n  const root = document.getElementById(\"hd-tiers\");\n  if (!root) return;\n\n  \/\/ enable animation mode only if JS is running\n  root.classList.add(\"hd-anim\");\n\n  \/\/ flip logic (click + keyboard)\n  const cards = root.querySelectorAll(\".hd-flip-card\");\n  const toggleCard = (card) => {\n    const isActive = card.classList.toggle(\"hd-active\");\n    card.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n  };\n\n  cards.forEach(card => {\n    card.addEventListener(\"click\", (e) => {\n      \/\/ if user clicks on a button, still flip (same behavior as your original)\n      e.preventDefault();\n      toggleCard(card);\n    });\n\n    card.addEventListener(\"keydown\", (e) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        toggleCard(card);\n      }\n    });\n  });\n\n  \/\/ intersection reveal (run once)\n  if (!(\"IntersectionObserver\" in window)) {\n    root.classList.add(\"hd-inview\");\n    return;\n  }\n\n  const io = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        root.classList.add(\"hd-inview\");\n        obs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.22 });\n\n  io.observe(root);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bc73ae e-flex e-con-boxed e-con e-parent\" data-id=\"5bc73ae\" data-element_type=\"container\" data-e-type=\"container\" id=\"testimonials\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b7593 elementor-widget elementor-widget-html\" data-id=\"06b7593\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hd-testimonials\" id=\"hd-testimonials\">\n\n  <div class=\"hd-testimonials-line\"><\/div>\n\n  <h2 class=\"hd-testimonials-heading\">\n    <span class=\"hd-white\">What our <\/span>\n    <span class=\"hd-violet\">clients<\/span>\n    <span class=\"hd-white\"> say<\/span>\n  <\/h2>\n\n  <div class=\"hd-testimonials-grid\">\n\n    <div class=\"hd-testimonial-card\">\n      <div class=\"hd-service-tag\">e-Shop<\/div>\n      <p class=\"hd-testimonial-text\">\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      <div class=\"hd-testimonial-author\">John<\/div>\n      <div class=\"hd-testimonial-role\">E-shop Owner<\/div>\n    <\/div>\n\n    <div class=\"hd-testimonial-card\">\n      <div class=\"hd-service-tag\">Business Website<\/div>\n      <p class=\"hd-testimonial-text\">\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      <div class=\"hd-testimonial-author\">George<\/div>\n      <div class=\"hd-testimonial-role\">Rental Property Owner<\/div>\n    <\/div>\n\n    <div class=\"hd-testimonial-card\">\n      <div class=\"hd-service-tag\">Catalogue Website<\/div>\n      <p class=\"hd-testimonial-text\">\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      <div class=\"hd-testimonial-author\">Nick<\/div>\n      <div class=\"hd-testimonial-role\">Manufacturing Company Owner<\/div>\n    <\/div>\n\n    <div class=\"hd-testimonial-card\">\n      <div class=\"hd-service-tag\">Real Estate Website<\/div>\n      <p class=\"hd-testimonial-text\">\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      <div class=\"hd-testimonial-author\">Teo<\/div>\n      <div class=\"hd-testimonial-role\">Real Estate Agency Owner<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\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\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\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\n.hd-white { color: #fff; }\n.hd-violet { color: #9B8CFF; }\n\n\/* GRID *\/\n.hd-testimonials-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 32px;\n}\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\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\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\n  display: flex;\n  flex-direction: column;\n\n  opacity: 1;\n  transform: none;\n}\n\n\/* animation mode enabled by JS *\/\n.hd-testimonials.hd-anim .hd-testimonial-card {\n  opacity: 0;\n  transform: translateX(-36px);\n}\n\n.hd-testimonials.hd-anim.hd-inview .hd-testimonial-card {\n  animation: hdTestimonialReveal .85s ease forwards;\n}\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\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\n.hd-testimonials.hd-inview .hd-testimonial-card::before {\n  animation: hdShine 1.4s ease forwards;\n}\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\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\n  font-size: 0.75rem;\n  font-weight: 500;\n  letter-spacing: .02em;\n\n  background: rgba(155,140,255,0.15);\n  border: 1px solid rgba(155,140,255,0.45);\n  color: #9B8CFF;\n}\n\n\/* TEXT *\/\n.hd-testimonial-text {\n  font-size: 0.95rem;\n  line-height: 1.7;\n  margin-bottom: 32px;\n}\n\n.hd-testimonial-author {\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 1.05rem;\n  font-weight: 600;\n}\n\n.hd-testimonial-role {\n  font-size: 0.85rem;\n  color: rgba(255,255,255,0.7);\n}\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\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n  .hd-testimonials-grid { grid-template-columns: 1fr; }\n}\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\n<script>\n\/* ===============================\n   TESTIMONIALS SCROLL REVEAL\n   (safe, scoped, run once)\n================================ *\/\n(function () {\n  const section = document.getElementById(\"hd-testimonials\");\n  if (!section) return;\n\n  section.classList.add(\"hd-anim\");\n\n  if (!(\"IntersectionObserver\" in window)) {\n    section.classList.add(\"hd-inview\");\n    return;\n  }\n\n  const io = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        section.classList.add(\"hd-inview\");\n        obs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.25 });\n\n  io.observe(section);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ed1b90 e-flex e-con-boxed e-con e-parent\" data-id=\"0ed1b90\" data-element_type=\"container\" data-e-type=\"container\" id=\"use_cases\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-434c33d e-con-full e-flex e-con e-child\" data-id=\"434c33d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b89e355 elementor-widget elementor-widget-html\" data-id=\"b89e355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hd-projects-logos\" id=\"hd-projects-logos\">\n\n  <div class=\"hd-projects-line\"><\/div>\n\n  <h2 class=\"hd-projects-title\">\n    <span class=\"hd-white\">Some of our <\/span>\n    <span class=\"hd-violet\">projects<\/span>\n  <\/h2>\n\n  <div class=\"hd-logo-grid\">\n\n    <a href=\"https:\/\/callistimykonostown.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Callisti Mykonos Town<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/xwmatourgika-xeliwtis.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Xwmatourgika Xeliwtis<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/mimosaretreatmykonos.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Mimosa Retreat Mykonos<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/vrohidis.gr\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Vrohidis S.A.<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/nostosmykonossuites.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Nostos Mykonos Suites<\/div>\n    <\/a>\n    \n    <a href=\"https:\/\/ammos-kefalonia.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Ammos Retreat Kefalonia<\/div>\n    <\/a>\n\n    <a href=\"https:\/\/agnondelphi.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Agnon Delphi<\/div>\n    <\/a>\n\n   \n\n    <a href=\"https:\/\/ivimykoneansuites.com\/\" class=\"hd-logo-card\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"hd-logo-img\" 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\">\n      <div class=\"hd-logo-overlay\"><\/div>\n      <div class=\"hd-logo-title\">Ivi Mykonean Suites<\/div>\n    <\/a>\n\n  <\/div>\n<\/section>\n\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\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\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\n.hd-white { color: #fff; }\n.hd-violet { color: #9B8CFF; }\n\n\/* GRID *\/\n.hd-logo-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px;\n}\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\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\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\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n\n  opacity: 1;\n  transform: none;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\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\n\/* IMAGE *\/\n.hd-logo-img {\n  max-width: 82%;\n  max-height: 62px;\n  object-fit: contain;\n\n  opacity: .78;\n  filter: grayscale(1) brightness(1.9) contrast(1.15);\n\n  transition:\n    opacity .25s ease,\n    filter .25s ease,\n    transform .35s ease;\n}\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\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\n.hd-logo-card:hover .hd-logo-overlay {\n  opacity: 1;\n}\n\n\/* TITLE *\/\n.hd-logo-title {\n  position: absolute;\n  left: 18px;\n  bottom: 16px;\n\n  font-family: \"Space Grotesk\", sans-serif;\n  font-size: 0.78rem;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n  color: #9B8CFF;\n\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity .25s ease, transform .25s ease;\n\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\n.hd-logo-card:hover .hd-logo-title {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===============================\n   ENTRANCE ANIMATION\n================================ *\/\n.hd-projects-logos.hd-anim .hd-logo-card {\n  opacity: 0;\n  transform: translateY(28px);\n}\n\n.hd-projects-logos.hd-inview .hd-logo-card {\n  animation: hdLogoReveal .8s ease forwards;\n}\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\n@keyframes hdLogoReveal {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n  .hd-logo-grid { grid-template-columns: repeat(2, 1fr); }\n}\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\n<script>\n\/* ===============================\n   SCROLL REVEAL (SAFE)\n================================ *\/\n(function () {\n  const section = document.getElementById(\"hd-projects-logos\");\n  if (!section) return;\n\n  section.classList.add(\"hd-anim\");\n\n  if (!(\"IntersectionObserver\" in window)) {\n    section.classList.add(\"hd-inview\");\n    return;\n  }\n\n  const io = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        section.classList.add(\"hd-inview\");\n        obs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n\n  io.observe(section);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a75de77 contact e-flex e-con-boxed e-con e-parent\" data-id=\"a75de77\" data-element_type=\"container\" data-e-type=\"container\" id=\"form\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-080c96f e-con-full e-flex e-con e-child\" data-id=\"080c96f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bfe24b5 e-con-full e-flex e-con e-child\" data-id=\"bfe24b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f97c86c e-con-full e-flex e-con e-child\" data-id=\"f97c86c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3e2eea elementor-widget elementor-widget-heading\" data-id=\"f3e2eea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"violet\">Contact<\/span> us<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0b6af elementor-widget elementor-widget-text-editor\" data-id=\"5f0b6af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Share your goals and ideas with us, and we\u2019ll guide you through the right website solution for your business.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe75f8e elementor-widget elementor-widget-html\" data-id=\"fe75f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/css\/intlTelInput.css\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/css\/intlTelInput.css\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"leasing-form-section\" id=\"leasing-build\">\r\n\r\n  <div class=\"leasing-form-wrapper\">\r\n\r\n    <div class=\"led-line\" data-build><\/div>\r\n\r\n    <h2 class=\"leasing-title\" data-build>\r\n      <span class=\"white\">Start your <\/span>\r\n      <span class=\"violet\">website leasing<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"leasing-subtitle\" data-build>\r\n      Choose the website type that fits your business and get started.\r\n    <\/p>\r\n\r\n    <form id=\"leasingForm\">\r\n\r\n      <div class=\"form-fields\">\r\n\r\n      <div data-build>\r\n        <label>Full Name *<\/label>\r\n        <input type=\"text\" name=\"fullname\" placeholder=\"Your full name\" required>\r\n      <\/div>\r\n\r\n      <div data-build>\r\n        <label>Email *<\/label>\r\n        <input type=\"email\" name=\"email\" placeholder=\"you@email.com\" required>\r\n      <\/div>\r\n\r\n      <div data-build>\r\n        <label>Phone *<\/label>\r\n        <input type=\"tel\" id=\"phone\" name=\"phone\" required>\r\n      <\/div>\r\n\r\n      <div data-build>\r\n        <label>Website Type *<\/label>\r\n        <select name=\"website_type\" required>\r\n          <option value=\"\">Select website type<\/option>\r\n          <option value=\"Single Page\">Single Page<\/option>\r\n          <option value=\"Business Website\">Business Website<\/option>\r\n          <option value=\"E-Shop\">E-Shop<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div data-build>\r\n        <label>Message<\/label>\r\n        <textarea name=\"message\" rows=\"3\" placeholder=\"Tell us a bit about your project (optional)\"><\/textarea>\r\n      <\/div>\r\n\r\n      <!-- GDPR CONSENT -->\r\n      <div class=\"gdpr-consent\" data-build>\r\n        <label class=\"gdpr-label\">\r\n          <input type=\"checkbox\" name=\"gdpr_consent\" required>\r\n          I have read and agree to the <a href=\"\/privacy-policy\" target=\"_blank\" rel=\"noopener\">Privacy Policy\r\n          <\/a>\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"leasing-btn\" data-build>\r\n        Request quote \u2192\r\n      <\/button>\r\n        <\/div>\r\n      <div id=\"leasingMessage\" class=\"form-message\"><\/div>\r\n\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* ===============================\r\n   SECTION\r\n================================ *\/\r\n.leasing-form-section {\r\n  background: #000;\r\n  padding: 80px 20px;\r\n  font-family: \"DM Sans\", sans-serif;\r\n}\r\n\r\n\/* ===============================\r\n   WRAPPER\r\n================================ *\/\r\n.leasing-form-wrapper {\r\n  position: relative;\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n  padding: 40px;\r\n  border-radius: 28px;\r\n\r\n  background: radial-gradient(\r\n    140% 140% at bottom right,\r\n    rgba(155,140,255,0.45),\r\n    rgba(155,140,255,0.15) 45%,\r\n    rgba(0,0,0,0.95) 75%\r\n  );\r\n\r\n  border: 1px solid rgba(155,140,255,0.35);\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(155,140,255,0.35),\r\n    0 0 60px rgba(155,140,255,0.18);\r\n}\r\n\r\n\/* ===============================\r\n   LED LINE\r\n================================ *\/\r\n.led-line {\r\n  width: 100%;\r\n  height: 1px;\r\n  margin-bottom: 32px;\r\n  background: linear-gradient(\r\n    to right,\r\n    transparent,\r\n    rgba(155,140,255,0.6),\r\n    #9B8CFF,\r\n    rgba(155,140,255,0.6),\r\n    transparent\r\n  );\r\n  box-shadow: 0 0 14px rgba(155,140,255,0.35);\r\n}\r\n\r\n\/* ===============================\r\n   TITLES\r\n================================ *\/\r\n.leasing-title {\r\n  font-family: \"Space Grotesk\", sans-serif;\r\n  font-size: clamp(1.7rem, 2.4vw, 2.2rem);\r\n  font-weight: 600;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.leasing-title .white { color: #fff; }\r\n.leasing-title .violet { color: #9B8CFF; }\r\n\r\n.leasing-subtitle {\r\n  font-size: 0.9rem;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\/* ===============================\r\n   FORM\r\n================================ *\/\r\n#leasingForm label {\r\n  display: block;\r\n  margin-top: 14px;\r\n  font-size: 0.82rem;\r\n  font-weight: 500;\r\n  color: rgba(255,255,255,0.8);\r\n}\r\n\r\n#leasingForm input,\r\n#leasingForm select,\r\n#leasingForm textarea {\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  margin-top: 6px;\r\n  border-radius: 10px;\r\n  background: rgba(0,0,0,0.6);\r\n  border: 1px solid rgba(155,140,255,0.35);\r\n  color: #fff;\r\n  font-size: 0.9rem;\r\n}\r\n\r\ntextarea { resize: none; }\r\n\r\n\/* ===============================\r\n   GDPR FIX (IMPORTANT)\r\n================================ *\/\r\n#leasingForm .gdpr-consent {\r\n  margin-top: 18px;\r\n}\r\n\r\n#leasingForm .gdpr-label {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 0;\r\n  font-size: 0.78rem;\r\n  line-height: 1.45;\r\n  color: rgba(255,255,255,0.75);\r\n  cursor: pointer;\r\n}\r\n\r\n#leasingForm .gdpr-label input[type=\"checkbox\"] {\r\n  width: 18px;\r\n  height: 18px;\r\n  margin: 0;\r\n  flex-shrink: 0;\r\n  accent-color: #9B8CFF;\r\n}\r\n\r\n#leasingForm .gdpr-label a {\r\n  color: #9B8CFF;\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* ===============================\r\n   BUTTON\r\n================================ *\/\r\n.leasing-btn {\r\n  margin-top: 26px;\r\n  width: 100%;\r\n  padding: 13px;\r\n  background: #9B8CFF;\r\n  color: #3D2FD6;\r\n  border: none;\r\n  border-radius: 999px;\r\n  font-family: \"Space Grotesk\", sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.leasing-btn:hover {\r\n  transform: translateY(-2px);\r\n  background: #6B5BFF !important;\r\n  color: #fff !important;\r\n  box-shadow:\r\n    0 12px 30px rgba(155,140,255,0.55),\r\n    0 0 0 1px rgba(155,140,255,0.6);\r\n}\r\n\r\n\/* ===============================\r\n   MESSAGE\r\n================================ *\/\r\n.form-message {\r\n  margin-top: 14px;\r\n  text-align: center;\r\n  font-size: 0.85rem;\r\n  color: #9B8CFF;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   SELECT DROPDOWN FIX (WHITE TEXT)\r\n================================ *\/\r\n#leasingForm select {\r\n  color: #ffffff !important;\r\n  background-color: rgba(0,0,0,0.6) !important;\r\n}\r\n\r\n#leasingForm select option {\r\n  color: #ffffff !important;\r\n  background-color: #0a0a0a !important;\r\n}\r\n\r\n\/* Placeholder \/ disabled option *\/\r\n#leasingForm select option[value=\"\"] {\r\n  color: rgba(255,255,255,0.65) !important;\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\n   FORM SUCCESS STATE\r\n================================ *\/\r\n.form-fields {\r\n  transition: opacity .4s ease, transform .4s ease;\r\n}\r\n\r\n.form-fields.form-hidden {\r\n  opacity: 0;\r\n  transform: translateY(-10px);\r\n  pointer-events: none;\r\n  height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n#leasingMessage {\r\n  display: none;\r\n  font-size: 0.95rem;\r\n  line-height: 1.6;\r\n}\r\n\r\n#leasingMessage.visible {\r\n  display: block;\r\n  text-align: center;\r\n  color: #9B8CFF;\r\n  animation: fadeUp .5s ease forwards;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/js\/intlTelInput.min.js\"><\/script>\r\n\r\n<script>\r\n\/* ===============================\r\n   BUILD ON SCROLL\r\n================================ *\/\r\n(function () {\r\n  const section = document.getElementById(\"leasing-build\");\r\n  if (!section) return;\r\n\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        section.classList.add(\"build-in\");\r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { threshold: 0.25 });\r\n\r\n  observer.observe(section);\r\n})();\r\n\r\n\/* ===============================\r\n   FORM SUBMIT + SUCCESS GLOW\r\n================================ *\/\r\nwindow.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const phoneInput = document.querySelector(\"#phone\");\r\n  const iti = window.intlTelInput(phoneInput, {\r\n    initialCountry: \"gr\",\r\n    separateDialCode: true,\r\n    utilsScript: \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/js\/utils.js\"\r\n  });\r\n\r\n  document.querySelector(\"#leasingForm\").addEventListener(\"submit\", function(e) {\r\n    e.preventDefault();\r\n\r\n    const formData = new FormData(this);\r\n    formData.set(\"phone\", iti.getNumber());\r\n\r\n    fetch(\"\/wp-admin\/admin-ajax.php?action=send_leasing_request\", {\r\n      method: \"POST\",\r\n      body: formData\r\n    })\r\n    .then(res => res.text())\r\n    .then(data => {\r\n  const message = document.querySelector(\"#leasingMessage\");\r\n  const fields  = document.querySelector(\".form-fields\");\r\n  const wrapper = document.querySelector(\".leasing-form-wrapper\");\r\n\r\n  message.innerHTML = data;\r\n  message.classList.add(\"visible\");\r\n\r\n  fields.classList.add(\"form-hidden\");\r\n  wrapper.classList.add(\"form-success\");\r\n})\r\n\r\n    .catch(() => {\r\n      document.querySelector(\"#leasingMessage\").innerHTML =\r\n        \"Something went wrong. Please try again.\";\r\n    });\r\n  });\r\n});\r\n<\/script>\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>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<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","solace_meta_sidebar":"","solace_meta_container":"","solace_meta_enable_content_width":"","solace_meta_content_width":0,"solace_meta_title_alignment":"","solace_meta_author_avatar":"","solace_post_elements_order":"","solace_meta_disable_header":"","solace_meta_disable_footer":"","solace_meta_disable_title":"","footnotes":""},"class_list":["post-2071","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"solace-single2":false,"solace-single-default":false,"solace-default-blog":false,"solace-related-posts":false,"solace-wc-shop-layout3-layout4-layout6":false,"solace-blog":false},"uagb_author_info":{"display_name":"theo.vroh@gmail.com","author_link":"https:\/\/harmonia-digital.com\/el\/author\/theo-vrohgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"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","_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}]}}