Sample Page – My Blog

import { useState } from “react”; import { motion } from “framer-motion”; export default function ThenextlevelLanding() { const [mobileOpen, setMobileOpen] = useState(false); const navItems = [ { href: “#sobre”, label: “Sobre” }, { href: “#programas”, label: “Programas” }, { href: “#horarios”, label: “Horários” }, { href: “#precos”, label: “Preços” }, { href: “#contactos”, label: “Contactos” }, ]; return (

{/* Skip link */} Saltar para o conteúdo {/* Top bar */}

Centro de Inglês The Next Level

{/* Mobile */}

{mobileOpen && (

{navItems.map((n) => ( setMobileOpen(false)} className=”px-3 py-2 rounded-lg text-slate-700 hover:bg-slate-100″> {n.label} ))} setMobileOpen(false)} className=”px-3 py-2 rounded-xl bg-indigo-600 text-white text-center font-medium”> Marcar Aula Experimental

)}

{/* Hero */}

Inglês prático e divertido para crianças — e eficaz para adultos.

Espaço acolhedor em Paredes & Penafiel (até 8 alunos por sessão). Metodologia comunicativa, professores certificados e progressão acompanhada.

Agendar aula experimental Ver preços

Turmas pequenas: Até 8 alunos por sessão para atenção total.
Níveis Kids, Teens & Seniors: Conteúdo ajustado à idade e objetivos.

{/* Card de marcação */}

Marcar aula experimental

Sem compromisso. Duração ~30 min. Resposta no mesmo dia.

{/* Sobre */}

Aprender inglês sem medo de falar.

Usamos uma abordagem comunicativa baseada em projetos curtos e desafios de conversação. As aulas combinam jogos, storytelling e prática real para máxima retenção.

✓ {f}

Capacidade e ambiente

Turmas até 8 alunos por sessão para garantir foco e atenção.

Paredes: Centro, junto ao campo da feira.
Penafiel: Espaço confortável e acessível.

{/* Programas */}

Programas

{[ { title: “Kids”, desc: “Jogos, canções e storytelling para aprender a brincar.”, age: “6–10” }, { title: “Teens”, desc: “Projetos práticos e exames A2–B2.”, age: “11–17” }, { title: “Adultos”, desc: “Inglês para trabalho, viagens e certificações.”, age: “18+” }, { title: “Seniors”, desc: “Conversação leve, memória e socialização.”, age: “60+” }, ].map((p) => (

{p.title}

{p.age}

{p.desc}

Saber mais → ))}

{/* Horários */}

Horários & Inscrições

Horários flexíveis após as 17h para crianças/teens e manhãs para seniors e adultos. Vagas limitadas.

Manhãs: 09:00–12:00 (Adultos/Seniors)
Tardes: 14:30–17:30 (Estudo acompanhado)
Noites: 18:00–20:30 (Kids/Teens/Adultos)

Próximas turmas

{[{curso: “Kids A1”, inicio: “2 Setembro”, vagas: 3},{curso: “Teens B1”, inicio: “9 Setembro”, vagas: 2},{curso: “Adultos Conversação”, inicio: “16 Setembro”, vagas: 4}].map((t, i) => (

{t.curso}

Início: {t.inicio}

{t.vagas} vagas Inscrever

))}

{/* Preços */}

Planos simples e transparentes

Sem fidelização. Mensalidades com materiais incluídos.

{[ {nome: “1x/semana”, preco: “39€”, nota: “Ideal para seniors”, inclui: [“Aula 60 min”, “Relatório mensal”, “Materiais incluídos”]}, {nome: “2x/semana”, preco: “69€”, nota: “Mais procurado”, inclui: [“2× 60 min”, “Plano por objetivos”, “Simulados de exame”]}, {nome: “Intensivo”, preco: “99€”, nota: “Resultados rápidos”, inclui: [“3× 60 min”, “Mentoria 1:1”, “Certificação interna”]}, ].map((p, idx) => (

{p.nome}

{p.nota}

{p.preco}/mês

•{li}

Escolher plano

))}

{/* Depoimentos */}

O que dizem os nossos alunos

{[{t:”A turma pequena ajuda imenso — o meu filho perdeu a vergonha de falar em 3 semanas.”, n:”Marta, mãe do Tiago”},{t:”Precisava de inglês para o trabalho; gostei do foco em conversação e vocabulário útil.”, n:”Rui, 34″},{t:”Aulas leves e divertidas. Já não falhava palavras nas viagens!”, n:”D. Emília, 67″}].map((d,i)=>(

“{d.t}”

— {d.n}

))}

{/* FAQ */}

Perguntas frequentes

{[{q:”A aula experimental é paga?”,a:”Não. É gratuita e sem compromisso.”},{q:”Há taxa de inscrição?”,a:”Não cobramos taxa de inscrição.”},{q:”Como funcionam as turmas?”,a:”Organizamos por idade e nível. Máx. 8 alunos.”},{q:”Têm aulas individuais?”,a:”Sim, sob consulta.”}].map((f,i)=>(

{f.q} ＋

{f.a}

))}

{/* Contactos */}

Contactos

Respostas rápidas via WhatsApp ou email.

WhatsApp: +351 9xx xxx xxx
Email: ola@thenextlevel.pt
Paredes: Centro — junto ao campo da feira
Penafiel: A definir

Envie uma mensagem

e.preventDefault()}>

<button className="rounded-2xl bg-indigo-600 px-4 py-2.5 text-white font-semibold hover:bg-indigo-700">Enviar</button>
                </form>
              </div>
            </div>
          </div>
        </section>
      </main>

<footer className="border-t border-slate-200">
        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-10 text-sm text-slate-600 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
          <p>© {new Date().getFullYear()} The Next Level — Centro de Inglês.</p>
          <nav className="flex gap-5">
            <a href="#" className="hover:text-slate-900">Privacidade</a>
            <a href="#" className="hover:text-slate-900">Termos</a>
            <a href="#" className="hover:text-slate-900">RGPD</a>
          </nav>
        </div>
      </footer>
    </div>
  );
}

<p></p>

<p class="wp-block-site-tagline has-small-font-size">My WordPress Blog</p>
			</div>
			
		</div>

<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
			
			<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-e5edad21 wp-block-group-is-layout-flex">
				
				<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-353c4f5a wp-block-group-is-layout-flex">
					
					<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Sobre</h2>

<nav style="font-style:normal;font-weight:400;" class="has-small-font-size  is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Sobre Sobre"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size  is-vertical wp-block-navigation has-small-font-size" aria-label="Sobre"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Equipa</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">História</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Carreiras</span></a></li></ul></nav>

</div>
					
				</div>

<div class="wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-353c4f5a wp-block-group-is-layout-flex">
					
					<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600">Privacidade</h2>

<nav style="font-style:normal;font-weight:400;" class="has-small-font-size  is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Privacidade Privacidade"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size  is-vertical wp-block-navigation has-small-font-size" aria-label="Privacidade"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Política de privacidade</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Termos e condições</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contacte-nos</span></a></li></ul></nav>

</div>
					
				</div>

<nav style="font-style:normal;font-weight:400;" class="has-small-font-size  is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-ea0cb840 wp-block-navigation-is-layout-flex" aria-label="Redes sociais Redes sociais"><ul style="font-style:normal;font-weight:400;" class="wp-block-navigation__container has-small-font-size  is-vertical wp-block-navigation has-small-font-size" aria-label="Redes sociais"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Facebook</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Instagram</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Twitter/X</span></a></li></ul></nav>

</div>
					
				</div>
				
			</div>
			
		</div>
		
	</div>

<div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0">
		
		<p class="has-contrast-2-color has-text-color has-link-color has-small-font-size wp-elements-fca95940a7333b2c94f4c21656bde396">
		Criado com <a href="https://pt.wordpress.org" rel="nofollow">WordPress</a>		</p>
		
	</div>
	
</div>

</footer>
</div>
<script type="module" src="https://thenextlevel.pt/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=b0f909c3ec791c383210" id="@wordpress/block-library/navigation/view-js-module" fetchpriority="low" data-wp-router-options="{"loadOnClientNavigation":true}"></script>
<script id="wp-block-template-skip-link-js-after">
	( function() {
		var skipLinkTarget = document.querySelector( 'main' ),
			sibling,
			skipLinkTargetID,
			skipLink;

// Early exit if a skip-link target can't be located.
		if ( ! skipLinkTarget ) {
			return;
		}

/*
		 * Get the site wrapper.
		 * The skip-link will be injected in the beginning of it.
		 */
		sibling = document.querySelector( '.wp-site-blocks' );

// Early exit if the root element was not found.
		if ( ! sibling ) {
			return;
		}

// Get the skip-link target's ID, and generate one if it doesn't exist.
		skipLinkTargetID = skipLinkTarget.id;
		if ( ! skipLinkTargetID ) {
			skipLinkTargetID = 'wp--skip-link--target';
			skipLinkTarget.id = skipLinkTargetID;
		}

// Create the skip link.
		skipLink = document.createElement( 'a' );
		skipLink.classList.add( 'skip-link', 'screen-reader-text' );
		skipLink.id = 'wp-skip-link';
		skipLink.href = '#' + skipLinkTargetID;
		skipLink.innerText = 'Saltar para o conteúdo';

// Inject the skip link.
		sibling.parentElement.insertBefore( skipLink, sibling );
	}() );
	
//# sourceURL=wp-block-template-skip-link-js-after
</script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://thenextlevel.pt/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://thenextlevel.pt/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>