[EDU-6658] add-nextal-template-landing (#1745)

* added next all template landing

* remoeved deploy url

Author: LuizaVSantos

public/assets/docs/images/uploads/template-showcase/nextjs/nextal.png

@@ -44,6 +44,7 @@ Next.js also allows for Server Side Rendering (SSR) on the Azion Web Platform. F
 | Cosmic Next Blog | Blog | <LinkButton link="/en/documentation/products/templates/cosmic-nextjs-blog/" label="Learn more" severity="secondary" /> |
 | Cosmic Agency | Agency/Starter | <LinkButton link="/en/documentation/products/templates/cosmic-agency/" label="Learn more" severity="secondary" /> |
 | Space Jelly Shop | E-commerce | <LinkButton link="/en/documentation/products/templates/space-jelly-shop/" label="Learn more" severity="secondary" /> |
+| Nextal | Starter | <LinkButton link="/en/documentation/products/templates/nextal/" label="Learn more" severity="secondary" /> |
 
 ### Deploying a template using Azion Console
 

src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/nextjs.mdx

@@ -42,6 +42,7 @@ Templates with other frameworks that also use React:
 | Next.js Store with React | E-commerce | <LinkButton link="/en/documentation/products/templates/nextjs-store/" label="Learn more" severity="secondary" /> |
 | Astro with React | Starter | <LinkButton link="/en/documentation/products/templates/astro-react/" label="Learn more" severity="secondary" /> |
 | Astro With Multiple Frameworks | Starter | <LinkButton link="/en/documentation/products/templates/astro-multiple-frameworks/" label="Learn more" severity="secondary" /> |
+| Nextal | Starter | <LinkButton link="/en/documentation/products/templates/nextal/" label="Learn more" severity="secondary" /> |
 
 ### Deploying a template using Azion Console
 

src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/react.mdx

@@ -0,0 +1,41 @@
+---
+title: "   Nextal"
+description: >-
+  With the Nextal template you can launch a Next.js SSR application that  includes Vitest, Tailwind, Hero icons, and follows modern conventions such as Dark Mode, Atomic Design organization and Absolute imports.
+permalink: /documentation/products/templates/nextal/
+meta_tags: >-
+  Azion, Edge Computing, Azion Bundler framework, Nextjs, JavaScript frameworks,
+  Static Site Generation, SSG, Content-focused, React, OpenNext
+namespace: documentation_template_landing_nextjs_nextal
+menu_namespace: runtimeMenu
+---
+
+import LinkButton from 'azion-webkit/linkbutton';
+import SectionBasicContent from 'azion-webkit/sectionbasiccontent';
+import Container from 'azion-webkit/container';
+
+<div class="[&_.flex.flex-col]:!gap-4 [&_.flex.flex-col]:md:!gap-8 [&_.flex.flex-col]:2xl:!gap-16">
+  <SectionBasicContent
+    titleTag="h2"
+    description="With the Nextal template you can launch a Next.js SSR application that  includes Vitest, Tailwind, Hero icons, and follows modern conventions such as Dark Mode, Atomic Design organization and Absolute imports."
+    buttons={[
+      { label: "Deploy template", link: "https://console.azion.com/create/nextjs/xxxxx", outlined: false, icon: "ai ai-azion", iconPos: "left" },
+      { label: "View demo", link: "https://gz0m3r3yzj.map.azionedge.net", severity: "secondary" }
+    ]}
+  />
+</div>
+
+<div style="display: flex; gap: 1rem; align-items: center; flex-direction: row; flex-wrap: wrap;">
+  <div style="flex: 1; min-width: 300px;">
+    | Item | Details |
+    |:----------|:------|
+    | Repository | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/opennextjs/nextal-next-typescript-tailwind) |
+    | Framework | [Next.js](/en/documentation/products/devtools/azion-edge-runtime/frameworks-compatibility/nextjs/) |
+    | Use Case | General |
+  </div>
+  <div style="display: flex; justify-content: center; align-items: center; flex: 1; min-width: 300px;">
+    <img src="/assets/docs/images/uploads/template-showcase/nextjs/nextal.png" width="400" alt="Nextaltemplate" style="max-width: 100%; height: auto;" />
+  </div>
+</div>
+
+For more information about deploying this template visit the [template guide](/en/documentation/products/guides/nextal/).

src/content/docs/en/pages/devtools/azion-edge-runtime/compatibility/frameworks/template-showcase/nextjs/nextal.mdx

@@ -44,6 +44,7 @@ O Next.js também permite a Renderização do Lado do Servidor (SSR) na Azion We
 | Cosmic Next Blog | Blog | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-nextjs-blog/" label="Mais detalhes" severity="secondary" /> |
 | Cosmic Agency | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/cosmic-agency/" label="Mais detalhes" severity="secondary" /> |
 | Space Jelly Shop | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/space-jelly-shop/" label="Mais detalhes" severity="secondary" /> |
+| Nextal | Geral | <LinkButton link="/pt-br/documentacao/produtos/templates/nextal/" label="Mais detalhes" severity="secondary" /> |
 
 ## Realizando deploy de um template no Azion Console
 

src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/nextjs.mdx

@@ -42,6 +42,7 @@ Templates com outras frameworks que também usam React:
 | NextJs Store with React | E-commerce | <LinkButton link="/pt-br/documentacao/produtos/templates/nextjs-store/" label="Mais detalhes" severity="secondary" /> |
 | Astro with React | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-react/" label="Mais detalhes" severity="secondary" /> |
 | Astro With Multiple Frameworks | Starter | <LinkButton link="/pt-br/documentacao/produtos/templates/astro-multiple-frameworks/" label="Mais detalhes" severity="secondary" /> |
+| Nextal | Geral | <LinkButton link="/pt-br/documentacao/produtos/templates/nextal/" label="Mais detalhes" severity="secondary" /> |
 
 ### Realizando deploy de um template no Azion Console
 

src/content/docs/pt-br/pages/devtools/azion-edge-runtime/compatibilidade/frameworks/react.mdx

@@ -0,0 +1,41 @@
+---
+title: "   Nextal"
+description: >-
+    Com o template Nextal, você pode lançar uma aplicação Next.js SSR que inclui Vitest, Tailwind, Hero icons e segue convenções modernas como Modo Escuro, organização por Atomic Design e imports absolutos.
+permalink: /documentation/products/templates/nextal/
+meta_tags: >-
+  Azion, Edge Computing, Azion Bundler framework, Nextjs, JavaScript frameworks,
+  Static Site Generation, SSG, Content-focused, React, OpenNext
+namespace: documentation_template_landing_nextjs_nextal
+menu_namespace: runtimeMenu
+---
+
+import LinkButton from 'azion-webkit/linkbutton';
+import SectionBasicContent from 'azion-webkit/sectionbasiccontent';
+import Container from 'azion-webkit/container';
+
+<div class="[&_.flex.flex-col]:!gap-4 [&_.flex.flex-col]:md:!gap-8 [&_.flex.flex-col]:2xl:!gap-16">
+  <SectionBasicContent
+    titleTag="h2"
+    description="Com o template Nextal, você pode lançar uma aplicação Next.js SSR que inclui Vitest, Tailwind, Hero icons e segue convenções modernas como Modo Escuro, organização por Atomic Design e imports absolutos."
+    buttons={[
+      { label: "Deploy template", link: "https://console.azion.com/create/xxxxxx", outlined: false, icon: "ai ai-azion", iconPos: "left" },
+      { label: "Ver demo", link: "https://gz0m3r3yzj.map.azionedge.net", severity: "secondary" }
+    ]}
+  />
+</div>
+
+<div style="display: flex; gap: 1rem; align-items: center; flex-direction: row; flex-wrap: wrap;">
+  <div style="flex: 1; min-width: 300px;">
+    | Item | Detalhes |
+    |:----------|:------|
+    | Repositório | [Azion Samples](https://github.com/aziontech/azion-samples/tree/dev/templates/opennextjs/nextal-next-typescript-tailwind) |
+    | Framework | [Next.js](/pt-br/documentacao/produtos/devtools/azion-edge-runtime/compatibilidade-frameworks/nextjs/) |
+    | Caso de uso | Geral |
+  </div>
+  <div style="display: flex; justify-content: center; align-items: center; flex: 1; min-width: 300px;">
+    <img src="/assets/docs/images/uploads/template-showcase/nextjs/nextal.png" width="400" alt="Nextaltemplate" style="max-width: 100%; height: auto;" />
+  </div>
+</div>
+
+Para mais informações sobre a implementação deste template, visite o [guia do template](/pt-br/documentacao/produtos/guias/nextal/).