From d9d463f65bbd34864482409eb6ef70b80b08781a Mon Sep 17 00:00:00 2001
From: gustavo <gustavo@estudionexos.com>
Date: Thu, 7 Aug 2025 12:05:50 +0000
Subject: [PATCH] Add afiliarte page

---
 views/templates/page-quieres-afiliarte.twig | 39 ++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/views/templates/page-quieres-afiliarte.twig b/views/templates/page-quieres-afiliarte.twig
index 016440f..6b03aa1 100644
--- a/views/templates/page-quieres-afiliarte.twig
+++ b/views/templates/page-quieres-afiliarte.twig
@@ -1,6 +1,43 @@
 {% extends 'layouts/base.twig' %}
 
 {% block content %}
-<h1 class="text-bg-primary text-wrap">AFILIATE</h1>
+<p class="mb-5 position-relative fs-4 fw-bold sp-module-title">AFÍLIATE</p>
 
+<div class="affiliate-section">
+    <div class="container">
+        <div class="row align-items-center p-5">
+            <!-- Primera columna - Imagen -->
+            <div class="col-md-6">
+                {% if afiliate_fields.imagen_afiliate %}
+                    <div class="affiliate-image">
+                        <img src="{{ afiliate_fields.imagen_afiliate }}" 
+                             class="img-fluid rounded">
+                    </div>
+                {% endif %}
+            </div>
+            
+            <!-- Segunda columna - Contenido y botón -->
+            <div class="col-md-6">
+                <div class="affiliate-content">
+                    <!-- Contenido de la página -->
+                    <div class="page-content">
+                        {{ post.content }}
+                    </div>
+                    
+                    <!-- Botón de afiliado -->
+                    {% if afiliate_fields.enlace_boton_afiliate %}
+                        <div class="affiliate-button-container mt-4">
+                            <a href="{{ afiliate_fields.enlace_boton_afiliate }}" 
+                               class="btn btn-lg btn-primary-cnt" 
+                               target="_blank" 
+                               rel="noopener noreferrer">
+                                {{ afiliate_fields.texto_boton }}
+                            </a>
+                        </div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 {% endblock %}