Merge pull request #24 from pythonsul/add-buy-a-ticket-section

Add buy a ticket section [Hacktoberfest]

Author: PySulBR

config/_default/menu/menu.en.toml

@@ -4,13 +4,13 @@ url = "/"
 weight = 1
 
 [[main]]
-name = "About"
-url = "#about"
+name = "Keynotes"
+url = "#keynotes"
 weight = 2
 
 [[main]]
-name = "Call for Papers"
-url = "#cfp"
+name = "Talks"
+url = "#buy-a-ticket"
 weight = 3
 
 [[main]]
@@ -20,7 +20,7 @@ weight = 4
 
 [[main]]
 name = "Sponsors"
-url = "#sponsors/"
+url = "#sponsors"
 weight = 5
 
 [[main]]

config/_default/menu/menu.es.toml

@@ -4,13 +4,13 @@ url = "/"
 weight = 1
 
 [[main]]
-name = "Sobre"
-url = "#about"
+name = "Keynotes"
+url = "#keynotes"
 weight = 2
 
 [[main]]
-name = "Envío de Charlas"
-url = "#cfp"
+name = "Charlas"
+url = "#buy-a-ticket"
 weight = 3
 
 [[main]]

config/_default/menu/menus.pt-br.toml

@@ -4,13 +4,13 @@ url = "/"
 weight = 1
 
 [[main]]
-name = "Sobre"
-url = "#about"
+name = "Keynotes"
+url = "#keynotes"
 weight = 2
 
 [[main]]
-name = "Submissão de Palestras"
-url = "#cfp"
+name = "Palestras"
+url = "#buy-a-ticket"
 weight = 3
 
 [[main]]

content/data/section/buyticket.json

@@ -0,0 +1,104 @@
+[
+  {
+    "language": "pt-br",
+    "badge": "Grade de palestras em breve",
+    "title": "Enquanto finalizamos a programação, garanta seu ingresso",
+    "description": "Estamos cuidando de cada detalhe da grade com conteúdos que inspiram, informam e acolhem a comunidade Python. Assim que tudo estiver confirmado, avisaremos por aqui e nas redes sociais.",
+    "helper": "Ao comprar um ingresso você ajuda a viabilizar a PySul 2025 e mantém o evento acessível para toda a comunidade.",
+    "schedule": {
+      "title": "Programação",
+      "description": "Publicaremos a grade completa em breve. <br>Acesse o grupo no WhatsApp e Telegram ou companhe o Instagram para ser avisado em primeira mão."
+    },
+    "cta": {
+      "label": "Comprar ingresso",
+      "link": "https://www.sympla.com.br/evento/python-sul-2025-porto-alegre/3092007?lang=pt"
+    },
+    "tickets": [
+      {
+        "name": "Cancioneira (meia-entrada)",
+        "tag": "50% off",
+        "description": "Quero acompanhar as palestras e faço parte do grupo com direito à meia-entrada."
+      },
+      {
+        "name": "Vivente mateador (inteira)",
+        "description": "Quero acompanhar as palestras, compartilhar o mate e garantir meu certificado."
+      },
+      {
+        "name": "Cusco de estância (inteira com camiseta)",
+        "description": "Quero acompanhar as palestras + todos os benefícios da modalidade padrão e garantir minha camiseta."
+      },
+      {
+        "name": "Chimarrão de ouro (Também quero apoiar)",
+        "description": "Quero apoiar o evento e a comunidade, com agradecimento e brinde exclusivo ao final."
+      }
+    ]
+  },
+  {
+    "language": "en",
+    "badge": "Talk schedule coming soon",
+    "title": "While we finalize the program, secure your ticket",
+    "description": "We’re taking care of every detail of the schedule, with content that inspires, informs, and embraces the Python community. Once everything is confirmed, we’ll announce it here and on social media.",
+    "helper": "By purchasing a ticket, you help make PySul 2025 possible and keep the event accessible for the entire community.",
+    "schedule": {
+      "title": "Schedule",
+      "description": "The full agenda will be published soon. <br>Join our WhatsApp and Telegram groups or follow us on Instagram to be notified first."
+    },
+    "cta": {
+      "label": "Buy ticket",
+      "link": "https://www.sympla.com.br/evento/python-sul-2025-porto-alegre/3092007/?lang=en"
+    },
+    "tickets": [
+      {
+        "name": "Cancioneira (half-price ticket)",
+        "tag": "50% off",
+        "description": "I want to attend the talks and I’m eligible for the half-price ticket."
+      },
+      {
+        "name": "Vivente Mateador (regular ticket)",
+        "description": "I want to attend the talks, share some mate, and get my participation certificate."
+      },
+      {
+        "name": "Cusco de Estância (regular + T-shirt)",
+        "description": "I want to attend the talks, enjoy all regular benefits, and get an exclusive T-shirt."
+      },
+      {
+        "name": "Chimarrão de Ouro (supporter ticket)",
+        "description": "I want to support the event and community, with a thank-you and an exclusive gift at the end."
+      }
+    ]
+  },
+  {
+    "language": "es",
+    "badge": "Agenda de charlas próximamente",
+    "title": "Mientras terminamos la programación, asegurá tu entrada",
+    "description": "Estamos cuidando cada detalle del cronograma con contenidos que inspiran, informan y fortalecen a la comunidad Python. Apenas todo esté confirmado, lo anunciaremos por acá y en las redes sociales.",
+    "helper": "Al comprar una entrada ayudás a hacer posible la PySul 2025 y mantenés el evento accesible para toda la comunidad.",
+    "schedule": {
+      "title": "Programación",
+      "description": "Publicaremos la agenda completa muy pronto. <br>Unite al grupo de WhatsApp o Telegram, o seguí el Instagram para enterarte antes que nadie."
+    },
+    "cta": {
+      "label": "Comprar entrada",
+      "link": "https://www.sympla.com.br/evento/python-sul-2025-porto-alegre/3092007/?lang=es"
+    },
+    "tickets": [
+      {
+        "name": "Cancionera (media entrada)",
+        "tag": "50% off",
+        "description": "Quiero asistir a las charlas y formo parte del grupo con derecho a media entrada."
+      },
+      {
+        "name": "Viviente matero (entrada completa)",
+        "description": "Quiero participar en las charlas, compartir unos mates y asegurar mi certificado."
+      },
+      {
+        "name": "Cusco de estancia (entrada + remera)",
+        "description": "Quiero asistir a las charlas, disfrutar de todos los beneficios de la modalidad estándar y llevarme mi remera."
+      },
+      {
+        "name": "Mate de oro (también quiero apoyar)",
+        "description": "Quiero apoyar el evento y a la comunidad, con un agradecimiento y un regalo exclusivo al final."
+      }
+    ]
+  }
+]

src/assets/scss/components/_header.scss

@@ -132,6 +132,11 @@
           width: auto;
           margin-bottom: -$space-2;
         }
+
+        svg {
+          width: $header-height;
+          margin-right: -1.5rem;
+        }
       }
     }
   }

src/assets/scss/main.scss

@@ -26,6 +26,7 @@
 @import "./sections/sponsors"; // Sponsors section
 @import "./sections/supporters"; // Supporters section
 @import "./sections/subscribe"; // Newsletter subscribe section
+@import "./sections/buy-ticket"; // buy-ticket/tickets section
 @import "./sections/keynotes"; // Keynote speakers section
 
 @import "./pages/single-post"; // Single blog post layout

src/assets/scss/pages/_content-list.scss

@@ -1,3 +1,5 @@
+@import "./list/pagination";
+
 .card-list {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -125,47 +127,4 @@
       }
     }
   }
-
-  .pagination {
-    @include responsive-container;
-    padding-block: $space-6;
-
-    &__wrapper {
-      @include flex-center;
-      gap: $space-2;
-
-      .btn {
-        padding: $space-2 $space-4;
-        gap: $space-3;
-      }
-
-      .separator {
-        line-height: 1;
-        padding: 0 $space-2;
-        padding-top: $space-4;
-        color: var(--color-content-list-separator);
-      }
-    }
-
-    &__pages {
-      display: flex;
-      align-items: center;
-      gap: $space-1;
-
-      .btn {
-        padding: $space-2 $space-4;
-
-        &.active {
-          background-color: var(--color-content-list-page-active-bg);
-          border: 1px solid var(--color-content-list-page-active-border);
-          color: var(--color-content-list-page-active-text);
-        }
-      }
-    }
-
-    &__ellipsis {
-      padding: 0 $space-2;
-      color: var(--color-content-list-ellipsis);
-    }
-  }
-}
+}