{"id":2,"date":"2026-07-08T12:04:48","date_gmt":"2026-07-08T12:04:48","guid":{"rendered":"https:\/\/eikonestudio.com\/?page_id=2"},"modified":"2026-07-08T20:38:15","modified_gmt":"2026-07-08T20:38:15","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/eikonestudio.com\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n  <!-- HERO -->\n  <section class=\"eikon-hero\">\n    <div class=\"eikon-hero-media\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492633423870-43d1cd2775eb?auto=format&amp;fit=crop&amp;w=1800&amp;q=80\" alt=\"Retrato editorial para Eikon Estudio\">\n    <\/div>\n\n    <div class=\"eikon-hero-content\">\n      <h1 class=\"eikon-hero-title\">Imagen, memoria e identidad.<\/h1>\n      <p class=\"eikon-hero-text\">\n        Fotograf\u00eda e imagen visual para personas, familias, marcas y proyectos que quieren mostrarse con verdad, belleza y car\u00e1cter.\n      <\/p>\n\n      <div class=\"eikon-hero-actions\">\n        <a class=\"eikon-btn eikon-btn-gold\" href=\"#\">Ver galer\u00edas<\/a>\n        <a class=\"eikon-btn eikon-btn-outline-light\" href=\"#\">Reservar sesi\u00f3n<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TIPOGRAF\u00cdA Y COLORES -->\n  <section class=\"eikon-section eikon-bg-ivory\">\n    <div class=\"eikon-container\">\n      <span class=\"eikon-label eikon-gold\">Sistema visual<\/span>\n      <h2 class=\"eikon-title-xl\">Eikon Aethel<\/h2>\n      <p class=\"eikon-text-lg\">\n        Esta secci\u00f3n prueba titulares, textos, etiquetas, colores, botones y espaciados generales de la marca.\n      <\/p>\n\n      <div class=\"eikon-hr\"><\/div>\n\n      <div class=\"eikon-actions\" style=\"justify-content:flex-start;\">\n        <a class=\"eikon-btn eikon-btn-primary\" href=\"#\">Bot\u00f3n principal<\/a>\n        <a class=\"eikon-btn eikon-btn-outline\" href=\"#\">Bot\u00f3n secundario<\/a>\n        <a class=\"eikon-link\" href=\"#\">Enlace editorial<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTRO EDITORIAL -->\n  <section class=\"eikon-section eikon-bg-soft\">\n    <div class=\"eikon-container eikon-grid-2\">\n      <div>\n        <span class=\"eikon-label eikon-gold\">Manifiesto<\/span>\n        <h2 class=\"eikon-title-xl\">Una imagen no solo muestra.<\/h2>\n        <p class=\"eikon-text-lg\">\n          Tambi\u00e9n conserva, representa y comunica. En Eikon Estudio creamos fotograf\u00edas y proyectos visuales pensados para contar qui\u00e9n eres, c\u00f3mo quieres recordarte y c\u00f3mo quieres que te vean.\n        <\/p>\n        <a class=\"eikon-link\" href=\"#\">Nuestra historia<\/a>\n      <\/div>\n\n      <div class=\"eikon-image-zoom\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"Retrato elegante en luz natural\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICIOS -->\n  <section class=\"eikon-section eikon-bg-white\">\n    <div class=\"eikon-container\">\n      <div style=\"text-align:center; margin-bottom:64px;\">\n        <span class=\"eikon-label eikon-gold\">Servicios<\/span>\n        <h2 class=\"eikon-title-xl\">Servicios especializados<\/h2>\n      <\/div>\n\n      <div class=\"eikon-card-grid\">\n        <article class=\"eikon-service-card\">\n          <span class=\"eikon-service-number eikon-label-sm\">01<\/span>\n          <h3 class=\"eikon-title-sm\">Retrato personal<\/h3>\n          <p class=\"eikon-text\">Sesiones pensadas para mostrar presencia, naturalidad y car\u00e1cter.<\/p>\n          <a class=\"eikon-link\" href=\"#\">Detalles<\/a>\n        <\/article>\n\n        <article class=\"eikon-service-card\">\n          <span class=\"eikon-service-number eikon-label-sm\">02<\/span>\n          <h3 class=\"eikon-title-sm\">Familia y memoria<\/h3>\n          <p class=\"eikon-text\">Fotograf\u00eda familiar con intenci\u00f3n, cuidado y sensibilidad.<\/p>\n          <a class=\"eikon-link\" href=\"#\">Detalles<\/a>\n        <\/article>\n\n        <article class=\"eikon-service-card\">\n          <span class=\"eikon-service-number eikon-label-sm\">03<\/span>\n          <h3 class=\"eikon-title-sm\">Marca personal<\/h3>\n          <p class=\"eikon-text\">Imagen profesional para webs, redes, perfiles y comunicaci\u00f3n.<\/p>\n          <a class=\"eikon-link\" href=\"#\">Detalles<\/a>\n        <\/article>\n\n        <article class=\"eikon-service-card\">\n          <span class=\"eikon-service-number eikon-label-sm\">04<\/span>\n          <h3 class=\"eikon-title-sm\">Proyectos visuales<\/h3>\n          <p class=\"eikon-text\">Fotograf\u00eda y direcci\u00f3n visual para marcas y proyectos especiales.<\/p>\n          <a class=\"eikon-link\" href=\"#\">Detalles<\/a>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- GALER\u00cdAS DESTACADAS -->\n  <section class=\"eikon-section eikon-bg-ivory\">\n    <div class=\"eikon-container\">\n      <div style=\"display:flex; justify-content:space-between; gap:32px; align-items:end; margin-bottom:64px; flex-wrap:wrap;\">\n        <div>\n          <span class=\"eikon-label eikon-gold\">Portfolio<\/span>\n          <h2 class=\"eikon-title-xl\">Galer\u00edas destacadas<\/h2>\n        <\/div>\n\n        <a class=\"eikon-btn eikon-btn-outline\" href=\"#\">Ver todas<\/a>\n      <\/div>\n\n      <div class=\"eikon-grid-2\">\n        <article class=\"eikon-gallery-card\">\n          <div class=\"eikon-gallery-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502823403499-6ccfcf4fb453?auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"Galer\u00eda de retratos\">\n          <\/div>\n\n          <div class=\"eikon-gallery-meta\">\n            <div>\n              <h3 class=\"eikon-title-md\">Retratos<\/h3>\n              <p class=\"eikon-text\">Presencia y car\u00e1cter<\/p>\n            <\/div>\n            <span class=\"eikon-label eikon-gold\">Ver galer\u00eda<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"eikon-gallery-card\">\n          <div class=\"eikon-gallery-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511895426328-dc8714191300?auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"Galer\u00eda familiar\">\n          <\/div>\n\n          <div class=\"eikon-gallery-meta\">\n            <div>\n              <h3 class=\"eikon-title-md\">Familia<\/h3>\n              <p class=\"eikon-text\">Memoria y tiempo<\/p>\n            <\/div>\n            <span class=\"eikon-label eikon-gold\">Ver galer\u00eda<\/span>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MASONRY GALER\u00cdA -->\n  <section class=\"eikon-section eikon-bg-white\">\n    <div class=\"eikon-container\">\n      <span class=\"eikon-label eikon-gold\">Galer\u00eda masonry<\/span>\n      <h2 class=\"eikon-title-xl\">Retratos<\/h2>\n      <p class=\"eikon-text-lg\">\n        Prueba de galer\u00eda con muchas im\u00e1genes en composici\u00f3n editorial.\n      <\/p>\n\n      <div class=\"eikon-hr\"><\/div>\n\n      <div class=\"eikon-masonry\">\n        <div class=\"eikon-masonry-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n        <div class=\"eikon-masonry-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n        <div class=\"eikon-masonry-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529626455594-4ff0802cfb7e?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n        <div class=\"eikon-masonry-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n        <div class=\"eikon-masonry-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488426862026-3ee34a7d66df?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n        <div class=\"eikon-masonry-item\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512316609839-ce289d3eba0a?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROYECTO INDIVIDUAL -->\n  <section class=\"eikon-project-hero\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1495603889488-42d1d66e5523?auto=format&amp;fit=crop&amp;w=1800&amp;q=80\" alt=\"Proyecto de marca personal\">\n  <\/section>\n\n  <section class=\"eikon-project-intro eikon-bg-ivory\">\n    <div class=\"eikon-project-intro-inner\">\n      <span class=\"eikon-label eikon-gold\">Marca personal<\/span>\n      <h2 class=\"eikon-display\">La esencia de Elena<\/h2>\n\n      <div class=\"eikon-project-copy\">\n        <div class=\"eikon-hr\"><\/div>\n        <p class=\"eikon-project-quote\">\n          Una plantilla para probar c\u00f3mo se ver\u00eda un proyecto individual con introducci\u00f3n editorial, im\u00e1genes protagonistas y bloques narrativos.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"eikon-section eikon-bg-ivory\">\n    <div class=\"eikon-container-wide eikon-project-split\">\n      <div class=\"eikon-image-zoom\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1487412720507-e7ab37603c6f?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\">\n      <\/div>\n\n      <div class=\"eikon-image-zoom\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"eikon-section eikon-bg-ivory\">\n    <div class=\"eikon-container-wide eikon-project-feature\">\n      <div class=\"eikon-project-feature-image eikon-image-zoom\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&amp;fit=crop&amp;w=1200&amp;q=80\" alt=\"\">\n      <\/div>\n\n      <div class=\"eikon-project-feature-text\">\n        <h3 class=\"eikon-title-md\">Luz y composici\u00f3n<\/h3>\n        <p class=\"eikon-text\">\n          Este bloque prueba el efecto editorial de texto superpuesto sobre imagen grande, usando el azul marino como fondo protagonista.\n        <\/p>\n        <div class=\"eikon-hr\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"eikon-section eikon-bg-ivory\">\n    <div class=\"eikon-container-wide eikon-project-collage\">\n      <div class=\"eikon-project-collage-side eikon-image-zoom\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521572163474-6864f9cf17ab?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\">\n      <\/div>\n\n      <div class=\"eikon-project-collage-main\">\n        <div class=\"eikon-project-collage-wide eikon-image-zoom\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&amp;fit=crop&amp;w=1200&amp;q=80\" alt=\"\">\n        <\/div>\n\n        <div class=\"eikon-project-collage-square eikon-image-zoom\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"\">\n        <\/div>\n\n        <div class=\"eikon-project-collage-brand\">\n          <div>\n            <div class=\"eikon-monogram\">EE<\/div>\n            <p class=\"eikon-title-sm\">Identidad en cada imagen.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- IMAGEN \u00daNICA -->\n  <section class=\"eikon-section eikon-bg-white\">\n    <div class=\"eikon-container-wide eikon-single-image-layout\">\n      <div class=\"eikon-single-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516726817505-f5ed825624d8?auto=format&amp;fit=crop&amp;w=1400&amp;q=80\" alt=\"Retrato de identidad\">\n        <div class=\"eikon-watermark\">EE<\/div>\n      <\/div>\n\n      <div>\n        <span class=\"eikon-label eikon-gold\">Imagen \u00fanica<\/span>\n        <h2 class=\"eikon-title-xl\">Retrato de identidad<\/h2>\n        <p class=\"eikon-text-lg\">\n          Bloque pensado para cuando una sola fotograf\u00eda debe tener todo el protagonismo visual.\n        <\/p>\n        <a class=\"eikon-link\" href=\"#\">Ver detalle<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SOBRE M\u00cd OSCURO -->\n  <section class=\"eikon-section eikon-about-dark\">\n    <div class=\"eikon-container eikon-grid-2\">\n      <div class=\"eikon-framed-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"Fot\u00f3grafo de Eikon Estudio\">\n      <\/div>\n\n      <div>\n        <span class=\"eikon-label eikon-gold\">Sobre m\u00ed<\/span>\n        <h2 class=\"eikon-title-xl\">Detr\u00e1s de Eikon Estudio<\/h2>\n        <p class=\"eikon-text-lg\">\n          Esta secci\u00f3n prueba los bloques oscuros, las im\u00e1genes enmarcadas y los textos claros sobre fondo azul marino.\n        <\/p>\n        <a class=\"eikon-btn eikon-btn-gold\" href=\"#\">Conocer m\u00e1s<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROCESO -->\n  <section class=\"eikon-section eikon-bg-ivory\">\n    <div class=\"eikon-container\">\n      <div style=\"text-align:center; margin-bottom:72px;\">\n        <span class=\"eikon-label eikon-gold\">Proceso<\/span>\n        <h2 class=\"eikon-title-xl\">C\u00f3mo trabajamos<\/h2>\n      <\/div>\n\n      <div class=\"eikon-process\">\n        <div class=\"eikon-process-step\">\n          <div class=\"eikon-process-number\">01<\/div>\n          <h3 class=\"eikon-title-sm\">Conversamos<\/h3>\n          <p class=\"eikon-text\">Entendemos qu\u00e9 imagen quieres construir.<\/p>\n        <\/div>\n\n        <div class=\"eikon-process-step\">\n          <div class=\"eikon-process-number\">02<\/div>\n          <h3 class=\"eikon-title-sm\">Creamos<\/h3>\n          <p class=\"eikon-text\">Cuidamos la luz, la composici\u00f3n y el ambiente.<\/p>\n        <\/div>\n\n        <div class=\"eikon-process-step\">\n          <div class=\"eikon-process-number\">03<\/div>\n          <h3 class=\"eikon-title-sm\">Entregamos<\/h3>\n          <p class=\"eikon-text\">Seleccionamos y editamos una historia visual coherente.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FORMULARIO -->\n  <section class=\"eikon-section eikon-bg-soft\">\n    <div class=\"eikon-container\">\n      <span class=\"eikon-label eikon-gold\">Contacto<\/span>\n      <h2 class=\"eikon-title-xl\">Hablemos de tu sesi\u00f3n<\/h2>\n\n      <div class=\"eikon-hr\"><\/div>\n\n      <form class=\"eikon-form\">\n        <div class=\"eikon-field\">\n          <label for=\"nombre\">Nombre<\/label>\n          <input id=\"nombre\" type=\"text\" placeholder=\"Tu nombre\">\n        <\/div>\n\n        <div class=\"eikon-field\">\n          <label for=\"email\">Email<\/label>\n          <input id=\"email\" type=\"email\" placeholder=\"tu@email.com\">\n        <\/div>\n\n        <div class=\"eikon-field\">\n          <label for=\"servicio\">Servicio<\/label>\n          <select id=\"servicio\">\n            <option>Retrato personal<\/option>\n            <option>Familia y memoria<\/option>\n            <option>Marca personal<\/option>\n            <option>Proyecto visual<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"eikon-field\">\n          <label for=\"mensaje\">Mensaje<\/label>\n          <textarea id=\"mensaje\" rows=\"5\" placeholder=\"Cu\u00e9ntanos qu\u00e9 quieres crear\"><\/textarea>\n        <\/div>\n\n        <button class=\"eikon-btn eikon-btn-primary\" type=\"submit\">Enviar consulta<\/button>\n      <\/form>\n    <\/div>\n  <\/section>\n\n  <!-- CTA FINAL -->\n  <section class=\"eikon-cta\">\n    <div class=\"eikon-cta-inner\">\n      <h2 class=\"eikon-title-xl\">Tu imagen tambi\u00e9n cuenta una historia.<\/h2>\n      <p class=\"eikon-text-lg\">\n        Hablemos de la sesi\u00f3n, proyecto o idea que quieres crear.\n      <\/p>\n\n      <div class=\"eikon-actions\">\n        <a class=\"eikon-btn eikon-btn-gold\" href=\"#\">Reservar sesi\u00f3n<\/a>\n        <a class=\"eikon-btn eikon-btn-outline-light\" href=\"#\">WhatsApp<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Imagen, memoria e identidad. Fotograf\u00eda e imagen visual para personas, familias, marcas y proyectos que quieren mostrarse con verdad, belleza y car\u00e1cter. Ver galer\u00edas Reservar sesi\u00f3n Sistema visual Eikon Aethel Esta secci\u00f3n prueba titulares, textos, etiquetas, colores, botones y espaciados generales de la marca. Bot\u00f3n principal Bot\u00f3n secundario Enlace editorial Manifiesto Una imagen no solo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eikonestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eikonestudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eikonestudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eikonestudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eikonestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/eikonestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/eikonestudio.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/eikonestudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}