{"id":811,"date":"2026-07-02T16:35:17","date_gmt":"2026-07-02T13:35:17","guid":{"rendered":"https:\/\/shopion.ro\/?page_id=811"},"modified":"2026-07-19T13:38:41","modified_gmt":"2026-07-19T10:38:41","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/shopion.ro\/ro\/portfolio\/","title":{"rendered":"Portofoliu"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\">\n<style data-wp-block-html=\"css\">\n.prh-section {\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #E8E8EB;\n  padding: 90px 20px;\n  font-family: 'Montserrat', sans-serif;\n}\n.poh-section {\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #E8E8EB;\n  padding: 90px 20px;\n  font-family: 'Montserrat', sans-serif;\n}\n\n.poh-inner {\n  max-width: 720px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.poh-eyebrow {\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: #FF6B2C;\n  margin-bottom: 20px;\n}\n\n.poh-title {\n  font-size: 50px;\n  line-height: 1.08;\n  font-weight: 800;\n  letter-spacing: -1.5px;\n  color: #18181B;\n  margin: 0;\n}\n\n.poh-bar {\n  display: block;\n  width: 60px;\n  height: 4px;\n  background: #FF6B2C;\n  border-radius: 2px;\n  margin: 24px auto 26px;\n}\n\n.poh-sub {\n  font-size: 18px;\n  line-height: 1.65;\n  font-weight: 500;\n  color: #55555C;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n  .poh-section { padding: 72px 20px; }\n  .poh-title { font-size: 40px; letter-spacing: -1px; }\n  .poh-sub { font-size: 17px; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .poh-section { padding: 58px 16px; }\n  .poh-title { font-size: 32px; letter-spacing: -0.5px; }\n  .poh-sub { font-size: 15px; }\n}\n.prh-inner {\n  max-width: 720px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.prh-eyebrow {\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: #FF6B2C;\n  margin-bottom: 20px;\n}\n\n.prh-title {\n  font-size: 48px;\n  line-height: 1.08;\n  font-weight: 800;\n  letter-spacing: -1.5px;\n  color: #18181B;\n  margin: 0;\n}\n\n.prh-bar {\n  display: block;\n  width: 60px;\n  height: 4px;\n  background: #FF6B2C;\n  border-radius: 2px;\n  margin: 24px auto 26px;\n}\n\n.prh-sub {\n  font-size: 18px;\n  line-height: 1.65;\n  font-weight: 500;\n  color: #55555C;\n  max-width: 580px;\n  margin: 0 auto;\n}\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n  .prh-section { padding: 72px 20px; }\n  .prh-title { font-size: 38px; letter-spacing: -1px; }\n  .prh-sub { font-size: 17px; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .prh-section { padding: 58px 16px; }\n  .prh-title { font-size: 30px; letter-spacing: -0.5px; }\n  .prh-sub { font-size: 15px; }\n}\n<\/style>\n\n<section class=\"poh-section\">\n  <div class=\"poh-inner\">\n\n    <div class=\"poh-eyebrow\">PORTFOLIO<\/div>\n    <h1 class=\"poh-title\">Our work.<\/h1>\n    <span class=\"poh-bar\"><\/span>\n    <p class=\"poh-sub\">Ecommerce stores, business websites and the design that makes them stand out \u2014 a look at what our team ships.<\/p>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.pst-section {\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #FFFFFF;\n  padding: 96px 20px;\n  font-family: 'Montserrat', sans-serif;\n}\n.pst-head {\n  max-width: 680px;\n  margin: 0 auto 56px;\n  text-align: center;\n}\n.pst-eyebrow {\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: #FF6B2C;\n  margin-bottom: 16px;\n}\n.pst-title {\n  font-size: 40px;\n  font-weight: 800;\n  letter-spacing: -1px;\n  color: #18181B;\n  margin: 0;\n}\n.pst-bar {\n  display: block;\n  width: 60px;\n  height: 4px;\n  background: #FF6B2C;\n  border-radius: 2px;\n  margin: 22px auto 24px;\n}\n.pst-sub {\n  font-size: 17px;\n  line-height: 1.6;\n  font-weight: 500;\n  color: #55555C;\n  margin: 0;\n}\n.pst-grid {\n  max-width: 1120px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n.pst-card {\n  display: flex;\n  flex-direction: column;\n  background: #FFFFFF;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n.pst-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.10);\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.pst-shot {\n  position: relative;\n  display: block;\n  aspect-ratio: 16 \/ 10;\n  min-height: 180px;\n  background-color: #F1F1F3;\n  background-image: linear-gradient(135deg, #FFF4EE 0%, #F1F1F3 100%);\n  background-size: cover;\n  background-position: top center;\n  background-repeat: no-repeat;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n  text-decoration: none;\n}\n.pst-plat {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #18181B;\n  background: #FFFFFF;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n  padding: 5px 12px;\n  border-radius: 16px;\n}\n.pst-body {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n  padding: 24px 24px 26px;\n}\n.pst-count {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: #FF6B2C;\n  background: #FFEFE6;\n  padding: 5px 12px;\n  border-radius: 16px;\n  margin-bottom: 14px;\n}\n.pst-name {\n  font-size: 20px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  color: #18181B;\n  margin: 0 0 6px;\n}\n.pst-desc {\n  font-size: 15px;\n  line-height: 1.5;\n  font-weight: 500;\n  color: #55555C;\n  margin: 0 0 18px;\n}\n.pst-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: auto;\n  font-size: 15px;\n  font-weight: 700;\n  color: #FF6B2C;\n  text-decoration: none;\n  transition: color 0.25s ease;\n}\n.pst-link:link,\n.pst-link:visited { color: #FF6B2C !important; }\n.pst-link:hover { color: #E85A1C !important; }\n.pst-arrow {\n  display: inline-block;\n  transition: transform 0.3s ease;\n}\n.pst-link:hover .pst-arrow { transform: translateX(4px); }\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n  .pst-section { padding: 72px 20px; }\n  .pst-title { font-size: 32px; }\n  .pst-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .pst-title { font-size: 27px; }\n  .pst-sub { font-size: 15px; }\n  .pst-grid { grid-template-columns: 1fr; }\n  .pst-shot {\n    min-height: 0;\n    aspect-ratio: 4 \/ 3;\n  }\n  .pst-card:hover { transform: none; }\n}\n<\/style>\n\n<section class=\"pst-section\">\n  <div class=\"pst-head\">\n    <div class=\"pst-eyebrow\">ECOMMERCE STORES<\/div>\n    <h2 class=\"pst-title\">Stores we manage.<\/h2>\n    <span class=\"pst-bar\"><\/span>\n    <p class=\"pst-sub\">Live stores on Shopify and WooCommerce, from a thousand products to over eight thousand.<\/p>\n  <\/div>\n\n  <div class=\"pst-grid\">\n\n    <div class=\"pst-card\">\n      <a class=\"pst-shot\" href=\"https:\/\/orioudh.ro\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deschide orioudh.ro\"\n         style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/oriro-color.jpg');\">\n        <span class=\"pst-plat\">Shopify<\/span>\n      <\/a>\n      <div class=\"pst-body\">\n        <span class=\"pst-count\">1,500+ products<\/span>\n        <h3 class=\"pst-name\">orioudh.ro<\/h3>\n        <p class=\"pst-desc\">Oriental perfumes.<\/p>\n        <a class=\"pst-link\" href=\"https:\/\/orioudh.ro\" target=\"_blank\" rel=\"noopener noreferrer\">Visit site <span class=\"pst-arrow\">\u203a<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pst-card\">\n      <a class=\"pst-shot\" href=\"https:\/\/orioudh.com\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deschide orioudh.com\"\n         style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/oricom-color.jpg');\">\n        <span class=\"pst-plat\">Shopify<\/span>\n      <\/a>\n      <div class=\"pst-body\">\n        <span class=\"pst-count\">1,500+ products<\/span>\n        <h3 class=\"pst-name\">orioudh.com<\/h3>\n        <p class=\"pst-desc\">Oriental perfumes \u00b7 international.<\/p>\n        <a class=\"pst-link\" href=\"https:\/\/orioudh.com\" target=\"_blank\" rel=\"noopener noreferrer\">Visit site <span class=\"pst-arrow\">\u203a<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pst-card\">\n      <a class=\"pst-shot\" href=\"https:\/\/carespot.ro\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deschide carespot.ro\"\n         style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/carespot-color.jpg');\">\n        <span class=\"pst-plat\">Shopify<\/span>\n      <\/a>\n      <div class=\"pst-body\">\n        <span class=\"pst-count\">8,000+ products<\/span>\n        <h3 class=\"pst-name\">carespot.ro<\/h3>\n        <p class=\"pst-desc\">Perfumes &amp; cosmetics.<\/p>\n        <a class=\"pst-link\" href=\"https:\/\/carespot.ro\" target=\"_blank\" rel=\"noopener noreferrer\">Visit site <span class=\"pst-arrow\">\u203a<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pst-card\">\n      <a class=\"pst-shot\" href=\"https:\/\/lefragrance.ro\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deschide lefragrance.ro\"\n         style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/lf-color.jpg');\">\n        <span class=\"pst-plat\">Shopify<\/span>\n      <\/a>\n      <div class=\"pst-body\">\n        <span class=\"pst-count\">5,000+ products<\/span>\n        <h3 class=\"pst-name\">lefragrance.ro<\/h3>\n        <p class=\"pst-desc\">Designer fragrances.<\/p>\n        <a class=\"pst-link\" href=\"https:\/\/lefragrance.ro\" target=\"_blank\" rel=\"noopener noreferrer\">Visit site <span class=\"pst-arrow\">\u203a<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pst-card\">\n      <a class=\"pst-shot\" href=\"https:\/\/my-k.ro\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deschide my-k.ro\"\n         style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/myk-color.jpg');\">\n        <span class=\"pst-plat\">Shopify<\/span>\n      <\/a>\n      <div class=\"pst-body\">\n        <span class=\"pst-count\">2,000+ products<\/span>\n        <h3 class=\"pst-name\">my-k.ro<\/h3>\n        <p class=\"pst-desc\">Korean cosmetics.<\/p>\n        <a class=\"pst-link\" href=\"https:\/\/my-k.ro\" target=\"_blank\" rel=\"noopener noreferrer\">Visit site <span class=\"pst-arrow\">\u203a<\/span><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pst-card\">\n      <a class=\"pst-shot\" href=\"https:\/\/bluelens.ro\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Deschide bluelens.ro\"\n         style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/blue-lens.jpg');\">\n        <span class=\"pst-plat\">WooCommerce<\/span>\n      <\/a>\n      <div class=\"pst-body\">\n        <span class=\"pst-count\">1,000+ products<\/span>\n        <h3 class=\"pst-name\">bluelens.ro<\/h3>\n        <p class=\"pst-desc\">Dash Cams.<\/p>\n        <a class=\"pst-link\" href=\"https:\/\/bluelens.ro\" target=\"_blank\" rel=\"noopener noreferrer\">Visit site <span class=\"pst-arrow\">\u203a<\/span><\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.dsn-section {\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #F4F4F5;\n  padding: 96px 20px;\n  font-family: 'Montserrat', sans-serif;\n}\n\n.dsn-head {\n  max-width: 680px;\n  margin: 0 auto 56px;\n  text-align: center;\n}\n\n.dsn-eyebrow {\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: #FF6B2C;\n  margin-bottom: 16px;\n}\n\n.dsn-title-main {\n  font-size: 40px;\n  font-weight: 800;\n  letter-spacing: -1px;\n  color: #18181B;\n  margin: 0;\n}\n\n.dsn-bar {\n  display: block;\n  width: 60px;\n  height: 4px;\n  background: #FF6B2C;\n  border-radius: 2px;\n  margin: 22px auto 24px;\n}\n\n.dsn-sub {\n  font-size: 17px;\n  line-height: 1.6;\n  font-weight: 500;\n  color: #55555C;\n  margin: 0;\n}\n\n.dsn-grid {\n  max-width: 1120px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.dsn-card {\n  position: relative;\n  display: block;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  aspect-ratio: 4 \/ 3;\n  border-radius: 18px;\n  overflow: hidden;\n  background-color: #E7E7EA;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.dsn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.14);\n}\n\n.dsn-card:focus-visible {\n  outline: 3px solid #FF6B2C;\n  outline-offset: 3px;\n}\n\n.dsn-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: 24px;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0) 100%);\n  transition: background 0.35s ease;\n}\n\n.dsn-card:hover .dsn-overlay {\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.45) 100%);\n}\n\n.dsn-tag {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: #FF6B2C;\n  margin-bottom: 8px;\n}\n\n.dsn-title {\n  font-size: 21px;\n  font-weight: 800;\n  letter-spacing: -0.5px;\n  color: #FFFFFF;\n  margin: 0;\n}\n\n.dsn-reveal {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease, opacity 0.35s ease, margin-top 0.4s ease;\n}\n\n.dsn-card:hover .dsn-reveal,\n.dsn-card:focus-within .dsn-reveal {\n  max-height: 140px;\n  opacity: 1;\n  margin-top: 10px;\n}\n\n.dsn-desc {\n  font-size: 14px;\n  line-height: 1.55;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  margin: 0;\n}\n\n\/* ===== Lightbox ===== *\/\n.dsn-lb {\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  background: rgba(10, 10, 12, 0.92);\n  backdrop-filter: blur(4px);\n}\n\n.dsn-lb.is-open {\n  display: flex;\n  animation: dsnFade 0.22s ease;\n}\n\n@keyframes dsnFade {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n.dsn-lb-figure {\n  margin: 0;\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 14px;\n}\n\n.dsn-lb-img {\n  display: block;\n  max-width: 92vw;\n  max-height: 82vh;\n  width: auto;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);\n}\n\n.dsn-lb-caption {\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  color: rgba(255, 255, 255, 0.75);\n  text-align: center;\n}\n\n.dsn-lb-close {\n  position: absolute;\n  top: 18px;\n  right: 22px;\n  width: 44px;\n  height: 44px;\n  border: 0;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.12);\n  color: #FFFFFF;\n  font-size: 26px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.25s ease;\n}\n.dsn-lb-close:hover { background: #FF6B2C; }\n\n.dsn-lb-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px;\n  height: 48px;\n  border: 0;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.12);\n  color: #FFFFFF;\n  font-size: 30px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 0.25s ease;\n}\n.dsn-lb-nav:hover { background: #FF6B2C; }\n.dsn-lb-prev { left: 18px; }\n.dsn-lb-next { right: 18px; }\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n  .dsn-section { padding: 72px 20px; }\n  .dsn-title-main { font-size: 32px; }\n  .dsn-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .dsn-title-main { font-size: 27px; }\n  .dsn-sub { font-size: 15px; }\n  .dsn-grid { grid-template-columns: 1fr; gap: 16px; }\n  .dsn-reveal { max-height: 140px; opacity: 1; margin-top: 10px; }\n  .dsn-overlay { background: linear-gradient(to top, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.4) 100%); }\n  .dsn-card:hover { transform: none; }\n  .dsn-lb { padding: 20px 12px; }\n  .dsn-lb-img { max-width: 94vw; max-height: 74vh; }\n  .dsn-lb-nav { width: 40px; height: 40px; font-size: 24px; }\n  .dsn-lb-prev { left: 8px; }\n  .dsn-lb-next { right: 8px; }\n}\n\n\/* Remove the default WordPress vertical gap between stacked full-width sections *\/\n.entry-content > *,\n.wp-block-post-content > * {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n<\/style>\n\n<section class=\"dsn-section\">\n  <div class=\"dsn-head\">\n    <div class=\"dsn-eyebrow\">DESIGN &amp; BRANDING<\/div>\n    <h2 class=\"dsn-title-main\">Design that sells.<\/h2>\n    <span class=\"dsn-bar\"><\/span>\n    <p class=\"dsn-sub\">Logos, rebrands and campaign creatives from our in-house designer.<\/p>\n  <\/div>\n\n  <div class=\"dsn-grid\">\n\n    <button type=\"button\" class=\"dsn-card\"\n      style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/logos.webp');\"\n      data-dsn-full=\"https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/logos.webp\"\n      data-dsn-caption=\"Logo Design\">\n      <div class=\"dsn-overlay\">\n        <span class=\"dsn-tag\">Branding<\/span>\n        <h3 class=\"dsn-title\">Logo Design<\/h3>\n        <div class=\"dsn-reveal\">\n          <p class=\"dsn-desc\">Custom logos and brand marks built from scratch.<\/p>\n        <\/div>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dsn-card\"\n      style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/rebranding.webp');\"\n      data-dsn-full=\"https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/rebranding.webp\"\n      data-dsn-caption=\"Rebranding\">\n      <div class=\"dsn-overlay\">\n        <span class=\"dsn-tag\">Branding<\/span>\n        <h3 class=\"dsn-title\">Rebranding<\/h3>\n        <div class=\"dsn-reveal\">\n          <p class=\"dsn-desc\">Full visual refreshes for stores ready to level up.<\/p>\n        <\/div>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dsn-card\"\n      style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/banners.webp');\"\n      data-dsn-full=\"https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/banners.webp\"\n      data-dsn-caption=\"Campaign Banners\">\n      <div class=\"dsn-overlay\">\n        <span class=\"dsn-tag\">Campaigns<\/span>\n        <h3 class=\"dsn-title\">Campaign Banners<\/h3>\n        <div class=\"dsn-reveal\">\n          <p class=\"dsn-desc\">Weekly promotional banners across every placement.<\/p>\n        <\/div>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dsn-card\"\n      style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/photo-edit.webp');\"\n      data-dsn-full=\"https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/photo-edit.webp\"\n      data-dsn-caption=\"Product Graphics\">\n      <div class=\"dsn-overlay\">\n        <span class=\"dsn-tag\">Store graphics<\/span>\n        <h3 class=\"dsn-title\">Product Graphics<\/h3>\n        <div class=\"dsn-reveal\">\n          <p class=\"dsn-desc\">Clean, on-brand visuals for product and category pages.<\/p>\n        <\/div>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dsn-card\"\n      style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/BF.webp');\"\n      data-dsn-full=\"https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/BF.webp\"\n      data-dsn-caption=\"Black Friday Creatives\">\n      <div class=\"dsn-overlay\">\n        <span class=\"dsn-tag\">Campaigns<\/span>\n        <h3 class=\"dsn-title\">Black Friday Creatives<\/h3>\n        <div class=\"dsn-reveal\">\n          <p class=\"dsn-desc\">High-impact sale graphics for peak season.<\/p>\n        <\/div>\n      <\/div>\n    <\/button>\n\n    <button type=\"button\" class=\"dsn-card\"\n      style=\"background-image:url('https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/nl.webp');\"\n      data-dsn-full=\"https:\/\/shopion.ro\/wp\/wp-content\/uploads\/2026\/07\/nl.webp\"\n      data-dsn-caption=\"Newsletter Graphics\">\n      <div class=\"dsn-overlay\">\n        <span class=\"dsn-tag\">Email<\/span>\n        <h3 class=\"dsn-title\">Newsletter Graphics<\/h3>\n        <div class=\"dsn-reveal\">\n          <p class=\"dsn-desc\">Email visuals that match every campaign, end to end.<\/p>\n        <\/div>\n      <\/div>\n    <\/button>\n\n  <\/div>\n\n  <!-- Lightbox -->\n  <div class=\"dsn-lb\" id=\"dsnLb\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\">\n    <button type=\"button\" class=\"dsn-lb-close\" aria-label=\"\u00cenchide\">\u00d7<\/button>\n    <button type=\"button\" class=\"dsn-lb-nav dsn-lb-prev\" aria-label=\"Imaginea anterioar\u0103\">\u2039<\/button>\n    <button type=\"button\" class=\"dsn-lb-nav dsn-lb-next\" aria-label=\"Imaginea urm\u0103toare\">\u203a<\/button>\n    <figure class=\"dsn-lb-figure\">\n      <img decoding=\"async\" class=\"dsn-lb-img\" src=\"\" alt=\"\">\n      <figcaption class=\"dsn-lb-caption\"><\/figcaption>\n    <\/figure>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var lb = document.getElementById('dsnLb');\n  if (!lb) return;\n\n  var cards = Array.prototype.slice.call(document.querySelectorAll('.dsn-card[data-dsn-full]'));\n  var img = lb.querySelector('.dsn-lb-img');\n  var cap = lb.querySelector('.dsn-lb-caption');\n  var idx = 0;\n  var lastFocused = null;\n\n  function show(i) {\n    idx = (i + cards.length) % cards.length;\n    var c = cards[idx];\n    img.src = c.getAttribute('data-dsn-full');\n    img.alt = c.getAttribute('data-dsn-caption') || '';\n    cap.textContent = c.getAttribute('data-dsn-caption') || '';\n  }\n\n  function open(i) {\n    lastFocused = document.activeElement;\n    show(i);\n    lb.classList.add('is-open');\n    lb.setAttribute('aria-hidden', 'false');\n    document.body.style.overflow = 'hidden';\n    lb.querySelector('.dsn-lb-close').focus();\n  }\n\n  function close() {\n    lb.classList.remove('is-open');\n    lb.setAttribute('aria-hidden', 'true');\n    document.body.style.overflow = '';\n    img.src = '';\n    if (lastFocused) lastFocused.focus();\n  }\n\n  cards.forEach(function (c, i) {\n    c.addEventListener('click', function () { open(i); });\n  });\n\n  lb.querySelector('.dsn-lb-close').addEventListener('click', close);\n  lb.querySelector('.dsn-lb-prev').addEventListener('click', function (e) { e.stopPropagation(); show(idx - 1); });\n  lb.querySelector('.dsn-lb-next').addEventListener('click', function (e) { e.stopPropagation(); show(idx + 1); });\n\n  lb.addEventListener('click', function (e) {\n    if (e.target === lb || e.target.classList.contains('dsn-lb-figure')) close();\n  });\n\n  document.addEventListener('keydown', function (e) {\n    if (!lb.classList.contains('is-open')) return;\n    if (e.key === 'Escape') close();\n    if (e.key === 'ArrowLeft') show(idx - 1);\n    if (e.key === 'ArrowRight') show(idx + 1);\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.octa-section {\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: radial-gradient(circle at 50% 0%, rgba(255, 107, 44, 0.13), rgba(255, 107, 44, 0) 60%), #131316;\n  padding: 110px 20px;\n  font-family: 'Montserrat', sans-serif;\n}\n\n.octa-inner {\n  max-width: 720px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.octa-eyebrow {\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  color: #FF6B2C;\n  margin-bottom: 18px;\n}\n\n.octa-title {\n  font-size: 44px;\n  font-weight: 800;\n  letter-spacing: -1px;\n  line-height: 1.1;\n  color: #FFFFFF;\n  margin: 0;\n}\n\n.octa-bar {\n  display: block;\n  width: 60px;\n  height: 4px;\n  background: #FF6B2C;\n  border-radius: 2px;\n  margin: 24px auto 26px;\n}\n\n.octa-sub {\n  font-size: 18px;\n  line-height: 1.6;\n  font-weight: 500;\n  color: #9A9AA2;\n  max-width: 560px;\n  margin: 0 auto 36px;\n}\n\n.octa-actions {\n  display: flex;\n  gap: 14px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n.octa-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #FF6B2C;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 700;\n  padding: 16px 30px;\n  border-radius: 14px;\n  text-decoration: none;\n  box-shadow: 0 8px 22px rgba(255, 107, 44, 0.28);\n  transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\n}\n.octa-btn:link,\n.octa-btn:visited { color: #ffffff !important; }\n.octa-btn:hover,\n.octa-btn:focus,\n.octa-btn:active {\n  background: #E85A1C;\n  color: #ffffff !important;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 26px rgba(255, 107, 44, 0.34);\n}\n.octa-arrow {\n  display: inline-block;\n  transition: transform 0.35s ease;\n}\n.octa-btn:hover .octa-arrow { transform: translateX(4px); }\n\n.octa-btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  background: transparent;\n  color: #FFFFFF;\n  font-size: 16px;\n  font-weight: 700;\n  padding: 16px 28px;\n  border-radius: 14px;\n  border: 1.5px solid rgba(255, 255, 255, 0.22);\n  text-decoration: none;\n  transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s ease;\n}\n.octa-btn-ghost:link,\n.octa-btn-ghost:visited { color: #FFFFFF !important; }\n.octa-btn-ghost:hover,\n.octa-btn-ghost:focus,\n.octa-btn-ghost:active {\n  color: #FFFFFF !important;\n  border-color: rgba(255, 255, 255, 0.55);\n  background: rgba(255, 255, 255, 0.06);\n  transform: translateY(-3px);\n}\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n  .octa-section { padding: 84px 20px; }\n  .octa-title { font-size: 34px; }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .octa-section { padding: 68px 16px; }\n  .octa-title { font-size: 27px; }\n  .octa-sub { font-size: 16px; }\n  .octa-actions { flex-direction: column; }\n  .octa-btn,\n  .octa-btn-ghost { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<section class=\"octa-section\">\n  <div class=\"octa-inner\">\n\n    <div class=\"octa-eyebrow\">GET STARTED<\/div>\n\n    <h2 class=\"octa-title\">Let&#8217;s work together.<\/h2>\n\n    <span class=\"octa-bar\"><\/span>\n\n    <p class=\"octa-sub\">\n      Want your store or brand to look like this? Tell us what you have in mind.\n    <\/p>\n\n    <div class=\"octa-actions\">\n      <a class=\"octa-btn\" href=\"https:\/\/shopion.ro\/contact\/\">\n        Get a free quote\n        <span class=\"octa-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/a>\n\n      <a class=\"octa-btn-ghost\" href=\"https:\/\/shopion.ro\/services\/\">\n        View services\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PORTFOLIO Our work. Ecommerce stores, business websites and the design that makes them stand out \u2014 a look at what our team ships. ECOMMERCE STORES Stores we manage. Live stores on Shopify and WooCommerce, from a thousand products to over eight thousand. Shopify 1,500+ products orioudh.ro Oriental perfumes. Visit site \u203a Shopify 1,500+ products orioudh.com [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-811","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","2338014cd58420ac6277da2eda79d99d":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Acas\u0103"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"07a27012473e42403446aa50c8cce948":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","5cdd21d09401f798d8764e6a3caea1c4":"","hero_structure":"narrow","d5c7b3676b8ae9af5344453b24daefe6":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"871c6fcd94f28db655d92054dbf7163c":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"99111b16e557b08b807a9c73316bc668":"","page_structure_type":"default","15d4f4219e0e895016050992f6d0db09":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"ffae9585e5c22d8689d4b4f5a30bc707":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/pages\/811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/comments?post=811"}],"version-history":[{"count":11,"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/pages\/811\/revisions"}],"predecessor-version":[{"id":939,"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/pages\/811\/revisions\/939"}],"wp:attachment":[{"href":"https:\/\/shopion.ro\/ro\/wp-json\/wp\/v2\/media?parent=811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}