Merge pull request #174 from davidmonterocrespo24/feat-landing-licensing-section

feat(landing): licensing section — AGPLv3 + commercial option

frontend/src/i18n/locales/de/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio ist kostenlos und quelloffen. Wenn es Ihnen Zeit spart, erwägen Sie, seine Entwicklung zu unterstützen.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Spenden via PayPal"
+    },
+    "licensing": {
+      "label": "Lizenzen",
+      "title": "Kostenlos, mit kommerzieller Option.",
+      "subtitle": "AGPLv3 für die Open-Source-Version. Kommerzielle Lizenz für Teams, die Velxio in Closed-Source-Produkte integrieren müssen.",
+      "opensource": {
+        "title": "Open Source — AGPLv3",
+        "desc": "Für immer kostenlos für privaten Gebrauch, Bildung, Forschung und Self-Hosting. Ändern, forken und weiterverteilen — Ihre Änderungen bleiben unter AGPLv3.",
+        "cta": "Quellcode auf GitHub ansehen →"
+      },
+      "commercial": {
+        "badge": "Kommerziell",
+        "title": "Kommerzielle Lizenz",
+        "desc": "Für Closed-Source-Produkte, proprietäre SaaS oder interne Unternehmensnutzung, bei denen die AGPLv3-Reziprozität mit Ihrem Geschäftsmodell nicht vereinbar ist.",
+        "cta": "Preise anfragen →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/en/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio is free and open source. If it saves you time, consider supporting its development.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Donate via PayPal"
+    },
+    "licensing": {
+      "label": "Licensing",
+      "title": "Free, with a commercial option.",
+      "subtitle": "AGPLv3 for the open-source release. A commercial license for teams that need to ship Velxio inside closed-source products.",
+      "opensource": {
+        "title": "Open source — AGPLv3",
+        "desc": "Free forever for personal use, education, research and self-hosting. Modify, fork and redistribute — your changes stay under AGPLv3 too.",
+        "cta": "View source on GitHub →"
+      },
+      "commercial": {
+        "badge": "Commercial",
+        "title": "Commercial license",
+        "desc": "For closed-source products, proprietary SaaS, or internal company use where AGPLv3 reciprocity is incompatible with your business model.",
+        "cta": "Contact for pricing →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/es/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio es gratuito y de código abierto. Si te ahorra tiempo, considera apoyar su desarrollo.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Donar vía PayPal"
+    },
+    "licensing": {
+      "label": "Licencias",
+      "title": "Gratis, con opción comercial.",
+      "subtitle": "AGPLv3 para la versión open-source. Licencia comercial para equipos que necesitan integrar Velxio en productos closed-source.",
+      "opensource": {
+        "title": "Open source — AGPLv3",
+        "desc": "Gratis para siempre para uso personal, educación, investigación y self-hosting. Modificá, forkeá y redistribuí — tus cambios siguen bajo AGPLv3.",
+        "cta": "Ver código en GitHub →"
+      },
+      "commercial": {
+        "badge": "Comercial",
+        "title": "Licencia comercial",
+        "desc": "Para productos closed-source, SaaS propietario o uso interno empresarial donde la reciprocidad AGPLv3 no es compatible con tu modelo de negocio.",
+        "cta": "Contactar para precios →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/fr/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio est gratuit et open-source. S'il vous fait gagner du temps, envisagez de soutenir son développement.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Faire un don via PayPal"
+    },
+    "licensing": {
+      "label": "Licences",
+      "title": "Gratuit, avec option commerciale.",
+      "subtitle": "AGPLv3 pour la version open-source. Licence commerciale pour les équipes qui doivent intégrer Velxio dans des produits propriétaires.",
+      "opensource": {
+        "title": "Open source — AGPLv3",
+        "desc": "Gratuit pour toujours pour un usage personnel, éducatif, de recherche et en self-hosting. Modifiez, forkez et redistribuez — vos modifications restent sous AGPLv3.",
+        "cta": "Voir le code sur GitHub →"
+      },
+      "commercial": {
+        "badge": "Commerciale",
+        "title": "Licence commerciale",
+        "desc": "Pour des produits propriétaires, du SaaS commercial, ou un usage interne en entreprise où la réciprocité AGPLv3 ne correspond pas à votre modèle économique.",
+        "cta": "Nous contacter pour les tarifs →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/it/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio è gratuito e open source. Se ti fa risparmiare tempo, considera di supportarne lo sviluppo.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Dona tramite PayPal"
+    },
+    "licensing": {
+      "label": "Licenze",
+      "title": "Gratuito, con opzione commerciale.",
+      "subtitle": "AGPLv3 per la versione open-source. Licenza commerciale per i team che devono integrare Velxio in prodotti closed-source.",
+      "opensource": {
+        "title": "Open source — AGPLv3",
+        "desc": "Gratis per sempre per uso personale, formazione, ricerca e self-hosting. Modifica, fai il fork e ridistribuisci — le tue modifiche restano sotto AGPLv3.",
+        "cta": "Vedi sorgenti su GitHub →"
+      },
+      "commercial": {
+        "badge": "Commerciale",
+        "title": "Licenza commerciale",
+        "desc": "Per prodotti closed-source, SaaS proprietari o uso interno aziendale dove la reciprocità AGPLv3 non è compatibile con il tuo modello di business.",
+        "cta": "Contatta per prezzi →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/ja/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxioは無料でオープンソースです。時間を節約できたなら、開発を支援することを検討してください。",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "PayPalで寄付"
+    },
+    "licensing": {
+      "label": "ライセンス",
+      "title": "無料、商用オプションあり。",
+      "subtitle": "オープンソース版はAGPLv3。クローズドソース製品にVelxioを組み込む必要があるチーム向けの商用ライセンスもあります。",
+      "opensource": {
+        "title": "オープンソース — AGPLv3",
+        "desc": "個人利用・教育・研究・セルフホスティングは永久無料。改変・フォーク・再配布も自由 — ただし変更内容もAGPLv3で公開する必要があります。",
+        "cta": "GitHubでソースを見る →"
+      },
+      "commercial": {
+        "badge": "商用",
+        "title": "商用ライセンス",
+        "desc": "クローズドソース製品、プロプライエタリSaaS、AGPLv3の相互ライセンス条件がビジネスモデルに合わない社内利用向け。",
+        "cta": "価格を問い合わせる →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/pt-br/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio é gratuito e de código aberto. Se ele economiza seu tempo, considere apoiar seu desenvolvimento.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Doar via PayPal"
+    },
+    "licensing": {
+      "label": "Licenciamento",
+      "title": "Grátis, com opção comercial.",
+      "subtitle": "AGPLv3 para a versão open-source. Licença comercial para times que precisam embarcar o Velxio em produtos de código fechado.",
+      "opensource": {
+        "title": "Open source — AGPLv3",
+        "desc": "Grátis para sempre para uso pessoal, educação, pesquisa e self-hosting. Modifique, faça fork e redistribua — suas alterações também ficam sob AGPLv3.",
+        "cta": "Ver código no GitHub →"
+      },
+      "commercial": {
+        "badge": "Comercial",
+        "title": "Licença comercial",
+        "desc": "Para produtos de código fechado, SaaS proprietário ou uso interno corporativo onde a reciprocidade da AGPLv3 não combina com o modelo de negócio.",
+        "cta": "Contate para preços →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/ru/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio бесплатен и имеет открытый исходный код. Если он экономит ваше время, подумайте о поддержке его разработки.",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "Пожертвовать через PayPal"
+    },
+    "licensing": {
+      "label": "Лицензии",
+      "title": "Бесплатно, с коммерческим вариантом.",
+      "subtitle": "AGPLv3 для open-source версии. Коммерческая лицензия для команд, которым нужно встраивать Velxio в закрытые продукты.",
+      "opensource": {
+        "title": "Open source — AGPLv3",
+        "desc": "Бесплатно навсегда для личного использования, обучения, исследований и self-hosting. Модифицируйте, форкайте и распространяйте — ваши изменения тоже остаются под AGPLv3.",
+        "cta": "Посмотреть исходники на GitHub →"
+      },
+      "commercial": {
+        "badge": "Коммерческая",
+        "title": "Коммерческая лицензия",
+        "desc": "Для закрытых продуктов, проприетарных SaaS или внутреннего корпоративного использования, когда условия взаимности AGPLv3 несовместимы с вашей бизнес-моделью.",
+        "cta": "Узнать цены →"
+      }
     }
   },
   "profile": {

frontend/src/i18n/locales/zh-cn/common.json

@@ -75,6 +75,22 @@
       "subtitle": "Velxio 是免费且开源的。如果它为你节省了时间，请考虑支持其开发。",
       "ctaSponsors": "GitHub Sponsors",
       "ctaPaypal": "通过 PayPal 捐赠"
+    },
+    "licensing": {
+      "label": "许可证",
+      "title": "免费,提供商业选项。",
+      "subtitle": "开源版本采用 AGPLv3 协议。需要将 Velxio 集成到闭源产品中的团队可选择商业许可。",
+      "opensource": {
+        "title": "开源 — AGPLv3",
+        "desc": "个人使用、教育、研究和自托管永久免费。可修改、Fork 并重新分发 — 您的修改也必须以 AGPLv3 协议发布。",
+        "cta": "在 GitHub 上查看源代码 →"
+      },
+      "commercial": {
+        "badge": "商业",
+        "title": "商业许可证",
+        "desc": "适用于闭源产品、专有 SaaS 或 AGPLv3 协议的互惠条款与您的商业模式不兼容的企业内部使用场景。",
+        "cta": "联系咨询定价 →"
+      }
     }
   },
   "profile": {

frontend/src/pages/LandingPage.css

@@ -1101,3 +1101,93 @@
     justify-content: center;
   }
 }
+
+/* ── Licensing ───────────────────────────────────────── */
+.landing-licensing .section-header {
+  margin-bottom: 36px;
+}
+
+.licensing-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 24px;
+}
+
+.licensing-card {
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  border-radius: 20px;
+  padding: 32px 30px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  transition: border-color 160ms ease, transform 160ms ease;
+}
+
+.licensing-card:hover {
+  border-color: rgba(255, 255, 255, 0.14);
+  transform: translateY(-1px);
+}
+
+.licensing-card-badge {
+  align-self: flex-start;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.4px;
+  text-transform: uppercase;
+  padding: 4px 10px;
+  border-radius: 999px;
+  background: rgba(0, 113, 227, 0.18);
+  color: #4ea3ff;
+  border: 1px solid rgba(0, 113, 227, 0.3);
+}
+
+.licensing-card-badge-commercial {
+  background: rgba(245, 158, 11, 0.16);
+  color: #f5a623;
+  border-color: rgba(245, 158, 11, 0.3);
+}
+
+.licensing-card-title {
+  margin: 4px 0 0;
+  font-size: 19px;
+  font-weight: 600;
+  color: var(--text);
+}
+
+.licensing-card-desc {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.65;
+  color: var(--text-dim);
+  flex: 1;
+}
+
+.licensing-card-link {
+  margin-top: 8px;
+  align-self: flex-start;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--accent);
+  text-decoration: none;
+  border-bottom: 1px solid transparent;
+  transition: border-color 160ms ease;
+}
+
+.licensing-card-link:hover {
+  border-bottom-color: var(--accent);
+}
+
+@media (max-width: 720px) {
+  .licensing-grid {
+    grid-template-columns: 1fr;
+    padding: 0 16px;
+  }
+
+  .licensing-card {
+    padding: 24px 22px;
+  }
+}

frontend/src/pages/LandingPage.tsx

@@ -1215,6 +1215,44 @@ export const LandingPage: React.FC = () => {
         </div>
       </section>
 
+      {/* Licensing */}
+      <section className="landing-section landing-licensing">
+        <div className="section-header">
+          <span className="section-label">{t('landing.licensing.label')}</span>
+          <h2 className="section-title">{t('landing.licensing.title')}</h2>
+          <p className="section-sub">{t('landing.licensing.subtitle')}</p>
+        </div>
+        <div className="licensing-grid">
+          <div className="licensing-card">
+            <span className="licensing-card-badge">AGPLv3</span>
+            <h3 className="licensing-card-title">{t('landing.licensing.opensource.title')}</h3>
+            <p className="licensing-card-desc">{t('landing.licensing.opensource.desc')}</p>
+            <a
+              href={GITHUB_URL}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="licensing-card-link"
+              onClick={trackVisitGitHub}
+            >
+              {t('landing.licensing.opensource.cta')}
+            </a>
+          </div>
+          <div className="licensing-card">
+            <span className="licensing-card-badge licensing-card-badge-commercial">
+              {t('landing.licensing.commercial.badge')}
+            </span>
+            <h3 className="licensing-card-title">{t('landing.licensing.commercial.title')}</h3>
+            <p className="licensing-card-desc">{t('landing.licensing.commercial.desc')}</p>
+            <a
+              href="mailto:info@velxio.dev?subject=Velxio%20commercial%20license"
+              className="licensing-card-link"
+            >
+              {t('landing.licensing.commercial.cta')}
+            </a>
+          </div>
+        </div>
+      </section>
+
       {/* Footer */}
       <footer className="landing-footer">
         <div className="footer-brand">