{"id":2,"date":"2025-08-11T16:33:49","date_gmt":"2025-08-11T16:33:49","guid":{"rendered":"http:\/\/thenextlevel.pt\/?page_id=2"},"modified":"2025-08-12T11:31:58","modified_gmt":"2025-08-12T11:31:58","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/thenextlevel.pt\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\nimport { useState } from &#8220;react&#8221;;\nimport { motion } from &#8220;framer-motion&#8221;;\n\nexport default function ThenextlevelLanding() {\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const navItems = [\n    { href: &#8220;#sobre&#8221;, label: &#8220;Sobre&#8221; },\n    { href: &#8220;#programas&#8221;, label: &#8220;Programas&#8221; },\n    { href: &#8220;#horarios&#8221;, label: &#8220;Hor\u00e1rios&#8221; },\n    { href: &#8220;#precos&#8221;, label: &#8220;Pre\u00e7os&#8221; },\n    { href: &#8220;#contactos&#8221;, label: &#8220;Contactos&#8221; },\n  ];\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-50 to-white text-slate-900 selection:bg-indigo-200\/60\">\n      {\/* Skip link *\/}\n      <a href=\"#conteudo\" className=\"sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 bg-white shadow-lg rounded-xl px-3 py-2 text-sm\">\n        Saltar para o conte\u00fado\n      <\/a>\n\n      {\/* Top bar *\/}\n      <header className=\"sticky top-0 z-40 backdrop-blur supports-[backdrop-filter]:bg-white\/70 bg-white\/90 border-b border-slate-200\/60\">\n        <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n          <div className=\"flex items-center justify-between py-4\">\n            <div className=\"flex items-center gap-3\">\n              <div aria-hidden className=\"h-9 w-9 rounded-2xl bg-indigo-600 grid place-content-center text-white font-bold\">NL<\/div>\n              <div className=\"leading-tight\">\n                <span className=\"block text-sm tracking-wide text-slate-500\">Centro de Ingl\u00eas<\/span>\n                <span className=\"block font-semibold\">The Next Level<\/span>\n              <\/div>\n            <\/div>\n\n            <nav className=\"hidden md:flex items-center gap-6\" aria-label=\"Principal\">\n              {navItems.map((n) => (\n                <a key={n.href} href={n.href} className=\"text-sm font-medium text-slate-700 hover:text-indigo-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 rounded\">\n                  {n.label}\n                <\/a>\n              ))}\n              <a href=\"#marcar\" className=\"inline-flex items-center rounded-2xl bg-indigo-600 px-4 py-2 text-white text-sm font-semibold shadow-sm hover:bg-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500\">\n                Marcar Aula Experimental\n              <\/a>\n            <\/nav>\n\n            {\/* Mobile *\/}\n            <button onClick={() => setMobileOpen((v) => !v)} aria-expanded={mobileOpen} className=&#8221;md:hidden inline-flex items-center justify-center h-10 w-10 rounded-xl border border-slate-300\/70&#8243;>\n              <span className=\"sr-only\">Abrir menu<\/span>\n              <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" className=\"text-slate-700\">\n                <path d=\"M4 6h16M4 12h16M4 18h16\" \/>\n              <\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n        {mobileOpen &#038;&#038; (\n          <div className=\"md:hidden border-t border-slate-200\/60\">\n            <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-3 flex flex-col gap-2\">\n              {navItems.map((n) => (\n                <a key={n.href} href={n.href} onClick={() => setMobileOpen(false)} className=&#8221;px-3 py-2 rounded-lg text-slate-700 hover:bg-slate-100&#8243;>\n                  {n.label}\n                <\/a>\n              ))}\n              <a href=\"#marcar\" onClick={() => setMobileOpen(false)} className=&#8221;px-3 py-2 rounded-xl bg-indigo-600 text-white text-center font-medium&#8221;>\n                Marcar Aula Experimental\n              <\/a>\n            <\/div>\n          <\/div>\n        )}\n      <\/header>\n\n      {\/* Hero *\/}\n      <main id=\"conteudo\">\n        <section className=\"relative overflow-hidden\">\n          <div className=\"absolute inset-0 -z-10 opacity-40\">\n            <div className=\"absolute -top-24 -right-24 h-72 w-72 rounded-full bg-indigo-300 blur-3xl\" \/>\n            <div className=\"absolute -bottom-24 -left-24 h-72 w-72 rounded-full bg-sky-200 blur-3xl\" \/>\n          <\/div>\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-14 pb-10 sm:pt-20 sm:pb-16\">\n            <div className=\"grid lg:grid-cols-2 gap-10 items-center\">\n              <div>\n                <motion.h1 initial={{ opacity: 0, y: 10 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.5 }} className=\"text-3xl sm:text-5xl font-black tracking-tight\">\n                  Ingl\u00eas pr\u00e1tico e divertido para crian\u00e7as \u2014 e eficaz para adultos.\n                <\/motion.h1>\n                <p className=\"mt-5 text-slate-600 text-lg leading-relaxed\">\n                  Espa\u00e7o acolhedor em Paredes &#038; Penafiel (at\u00e9 8 alunos por sess\u00e3o). Metodologia comunicativa, professores certificados e progress\u00e3o acompanhada.\n                <\/p>\n                <div className=\"mt-6 flex flex-wrap gap-3\">\n                  <a href=\"#marcar\" className=\"inline-flex items-center rounded-2xl bg-indigo-600 px-5 py-3 text-white font-semibold shadow hover:bg-indigo-700\">\n                    Agendar aula experimental\n                  <\/a>\n                  <a href=\"#precos\" className=\"inline-flex items-center rounded-2xl border border-slate-300 px-5 py-3 font-semibold text-slate-700 hover:bg-slate-50\">\n                    Ver pre\u00e7os\n                  <\/a>\n                <\/div>\n                <dl className=\"mt-8 grid grid-cols-2 gap-6 text-sm\">\n                  <div className=\"rounded-2xl border border-slate-200 p-4\">\n                    <dt className=\"font-semibold\">Turmas pequenas<\/dt>\n                    <dd className=\"text-slate-600\">At\u00e9 8 alunos por sess\u00e3o para aten\u00e7\u00e3o total.<\/dd>\n                  <\/div>\n                  <div className=\"rounded-2xl border border-slate-200 p-4\">\n                    <dt className=\"font-semibold\">N\u00edveis Kids, Teens &#038; Seniors<\/dt>\n                    <dd className=\"text-slate-600\">Conte\u00fado ajustado \u00e0 idade e objetivos.<\/dd>\n                  <\/div>\n                <\/dl>\n              <\/div>\n\n              {\/* Card de marca\u00e7\u00e3o *\/}\n              <motion.div initial={{ opacity: 0, y: 12 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.6, delay: 0.1 }} className=\"bg-white rounded-3xl p-6 shadow-xl border border-slate-100\">\n                <h2 className=\"text-xl font-bold\">Marcar aula experimental<\/h2>\n                <p className=\"mt-1 text-sm text-slate-600\">Sem compromisso. Dura\u00e7\u00e3o ~30 min. Resposta no mesmo dia.<\/p>\n                <form className=\"mt-5 grid gap-4\" onSubmit={(e) => e.preventDefault()}>\n                  <label className=\"grid gap-1\">\n                    <span className=\"text-sm font-medium\">Nome<\/span>\n                    <input className=\"rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500\" placeholder=\"O seu nome\" \/>\n                  <\/label>\n                  <label className=\"grid gap-1\">\n                    <span className=\"text-sm font-medium\">Email<\/span>\n                    <input type=\"email\" className=\"rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500\" placeholder=\"nome@email.com\" \/>\n                  <\/label>\n                  <label className=\"grid gap-1\">\n                    <span className=\"text-sm font-medium\">Tipo de aluno<\/span>\n                    <select className=\"rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500\">\n                      <option>Crian\u00e7a<\/option>\n                      <option>Adolescente<\/option>\n                      <option>Adulto<\/option>\n                      <option>Senior<\/option>\n                    <\/select>\n                  <\/label>\n                  <label className=\"grid gap-1\">\n                    <span className=\"text-sm font-medium\">Local preferido<\/span>\n                    <select className=\"rounded-xl border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-indigo-500\">\n                      <option>Paredes<\/option>\n                      <option>Penafiel<\/option>\n                    <\/select>\n                  <\/label>\n                  <button id=\"marcar\" className=\"mt-2 rounded-2xl bg-indigo-600 px-4 py-2.5 text-white font-semibold hover:bg-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-indigo-500\">\n                    Pedir marca\u00e7\u00e3o\n                  <\/button>\n                  <p className=\"text-xs text-slate-500\">Ao enviar, aceita a nossa <a href=\"#\" className=\"underline\">Pol\u00edtica de Privacidade<\/a>.<\/p>\n                <\/form>\n              <\/motion.div>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* Sobre *\/}\n        <section id=\"sobre\" className=\"py-16 sm:py-24\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <div className=\"grid lg:grid-cols-3 gap-10 items-start\">\n              <div className=\"lg:col-span-2\">\n                <h2 className=\"text-2xl sm:text-3xl font-bold\">Aprender ingl\u00eas sem medo de falar.<\/h2>\n                <p className=\"mt-4 text-slate-600 max-w-2xl\">\n                  Usamos uma abordagem comunicativa baseada em projetos curtos e desafios de conversa\u00e7\u00e3o. As aulas combinam jogos, storytelling e pr\u00e1tica real para m\u00e1xima reten\u00e7\u00e3o.\n                <\/p>\n                <ul className=\"mt-6 grid sm:grid-cols-2 gap-4\">\n                  {[&#8220;Metodologia comunicativa&#8221;,&#8221;Feedback individual&#8221;,&#8221;Planos por objetivos&#8221;,&#8221;Relat\u00f3rios mensais&#8221;].map((f) => (\n                    <li key={f} className=\"flex items-start gap-3\">\n                      <span aria-hidden className=\"mt-1 h-5 w-5 rounded-full bg-green-500 text-white grid place-content-center\">\u2713<\/span>\n                      <span className=\"text-slate-700\">{f}<\/span>\n                    <\/li>\n                  ))}\n                <\/ul>\n              <\/div>\n              <div className=\"lg:pl-8\">\n                <div className=\"rounded-3xl border border-slate-200 p-6 bg-gradient-to-br from-white to-slate-50 shadow-sm\">\n                  <h3 className=\"font-semibold\">Capacidade e ambiente<\/h3>\n                  <p className=\"mt-2 text-sm text-slate-600\">Turmas at\u00e9 <strong>8 alunos<\/strong> por sess\u00e3o para garantir foco e aten\u00e7\u00e3o.<\/p>\n                  <dl className=\"mt-4 grid grid-cols-2 gap-4 text-sm\">\n                    <div className=\"rounded-xl bg-white p-4 border border-slate-200\">\n                      <dt className=\"font-medium\">Paredes<\/dt>\n                      <dd className=\"text-slate-600\">Centro, junto ao campo da feira.<\/dd>\n                    <\/div>\n                    <div className=\"rounded-xl bg-white p-4 border border-slate-200\">\n                      <dt className=\"font-medium\">Penafiel<\/dt>\n                      <dd className=\"text-slate-600\">Espa\u00e7o confort\u00e1vel e acess\u00edvel.<\/dd>\n                    <\/div>\n                  <\/dl>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* Programas *\/}\n        <section id=\"programas\" className=\"py-16 sm:py-24 bg-slate-50\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold\">Programas<\/h2>\n            <div className=\"mt-8 grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n              {[\n                { title: &#8220;Kids&#8221;, desc: &#8220;Jogos, can\u00e7\u00f5es e storytelling para aprender a brincar.&#8221;, age: &#8220;6\u201310&#8221; },\n                { title: &#8220;Teens&#8221;, desc: &#8220;Projetos pr\u00e1ticos e exames A2\u2013B2.&#8221;, age: &#8220;11\u201317&#8221; },\n                { title: &#8220;Adultos&#8221;, desc: &#8220;Ingl\u00eas para trabalho, viagens e certifica\u00e7\u00f5es.&#8221;, age: &#8220;18+&#8221; },\n                { title: &#8220;Seniors&#8221;, desc: &#8220;Conversa\u00e7\u00e3o leve, mem\u00f3ria e socializa\u00e7\u00e3o.&#8221;, age: &#8220;60+&#8221; },\n              ].map((p) => (\n                <motion.article key={p.title} initial={{ opacity: 0, y: 10 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.4 }} className=\"rounded-3xl bg-white p-6 border border-slate-200 shadow-sm\">\n                  <div className=\"flex items-center justify-between\">\n                    <h3 className=\"text-lg font-bold\">{p.title}<\/h3>\n                    <span className=\"text-xs rounded-full border px-2 py-1 text-slate-600\">{p.age}<\/span>\n                  <\/div>\n                  <p className=\"mt-3 text-slate-600 text-sm\">{p.desc}<\/p>\n                  <a href=\"#marcar\" className=\"mt-4 inline-flex text-indigo-700 font-semibold\">Saber mais \u2192<\/a>\n                <\/motion.article>\n              ))}\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* Hor\u00e1rios *\/}\n        <section id=\"horarios\" className=\"py-16 sm:py-24\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <div className=\"grid lg:grid-cols-2 gap-10 items-start\">\n              <div>\n                <h2 className=\"text-2xl sm:text-3xl font-bold\">Hor\u00e1rios &#038; Inscri\u00e7\u00f5es<\/h2>\n                <p className=\"mt-3 text-slate-600\">Hor\u00e1rios flex\u00edveis ap\u00f3s as 17h para crian\u00e7as\/teens e manh\u00e3s para seniors e adultos. Vagas limitadas.<\/p>\n                <ul className=\"mt-5 text-sm text-slate-700 list-disc list-inside\">\n                  <li>Manh\u00e3s: 09:00\u201312:00 (Adultos\/Seniors)<\/li>\n                  <li>Tardes: 14:30\u201317:30 (Estudo acompanhado)<\/li>\n                  <li>Noites: 18:00\u201320:30 (Kids\/Teens\/Adultos)<\/li>\n                <\/ul>\n              <\/div>\n              <div className=\"rounded-3xl bg-white p-6 border border-slate-200 shadow-sm\">\n                <h3 className=\"font-semibold\">Pr\u00f3ximas turmas<\/h3>\n                <div className=\"mt-4 grid gap-3 text-sm\">\n                  {[{curso: &#8220;Kids A1&#8221;, inicio: &#8220;2 Setembro&#8221;, vagas: 3},{curso: &#8220;Teens B1&#8221;, inicio: &#8220;9 Setembro&#8221;, vagas: 2},{curso: &#8220;Adultos Conversa\u00e7\u00e3o&#8221;, inicio: &#8220;16 Setembro&#8221;, vagas: 4}].map((t, i) => (\n                    <div key={i} className=\"flex items-center justify-between rounded-2xl border p-3\">\n                      <div>\n                        <div className=\"font-medium\">{t.curso}<\/div>\n                        <div className=\"text-slate-600\">In\u00edcio: {t.inicio}<\/div>\n                      <\/div>\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"text-xs text-emerald-700 bg-emerald-100 px-2 py-1 rounded-full\">{t.vagas} vagas<\/span>\n                        <a href=\"#marcar\" className=\"text-indigo-700 font-semibold\">Inscrever<\/a>\n                      <\/div>\n                    <\/div>\n                  ))}\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* Pre\u00e7os *\/}\n        <section id=\"precos\" className=\"py-16 sm:py-24 bg-slate-50\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold\">Planos simples e transparentes<\/h2>\n            <p className=\"mt-2 text-slate-600\">Sem fideliza\u00e7\u00e3o. Mensalidades com materiais inclu\u00eddos.<\/p>\n            <div className=\"mt-8 grid md:grid-cols-3 gap-6\">\n              {[\n                {nome: &#8220;1x\/semana&#8221;, preco: &#8220;39\u20ac&#8221;, nota: &#8220;Ideal para seniors&#8221;, inclui: [&#8220;Aula 60 min&#8221;, &#8220;Relat\u00f3rio mensal&#8221;, &#8220;Materiais inclu\u00eddos&#8221;]},\n                {nome: &#8220;2x\/semana&#8221;, preco: &#8220;69\u20ac&#8221;, nota: &#8220;Mais procurado&#8221;, inclui: [&#8220;2\u00d7 60 min&#8221;, &#8220;Plano por objetivos&#8221;, &#8220;Simulados de exame&#8221;]},\n                {nome: &#8220;Intensivo&#8221;, preco: &#8220;99\u20ac&#8221;, nota: &#8220;Resultados r\u00e1pidos&#8221;, inclui: [&#8220;3\u00d7 60 min&#8221;, &#8220;Mentoria 1:1&#8221;, &#8220;Certifica\u00e7\u00e3o interna&#8221;]},\n              ].map((p, idx) => (\n                <div key={p.nome} className={`rounded-3xl bg-white border ${idx===1?\"border-indigo-300 ring-2 ring-indigo-200\":\"border-slate-200\"} p-6 shadow-sm flex flex-col`}>\n                  <div className=\"flex items-baseline justify-between\">\n                    <h3 className=\"text-lg font-bold\">{p.nome}<\/h3>\n                    <span className=\"text-xs rounded-full border px-2 py-1\">{p.nota}<\/span>\n                  <\/div>\n                  <div className=\"mt-2 text-3xl font-black\">{p.preco}<span className=\"text-base font-medium text-slate-600\">\/m\u00eas<\/span><\/div>\n                  <ul className=\"mt-4 text-sm text-slate-700 space-y-2\">\n                    {p.inclui.map((li) => (<li key={li} className=\"flex items-start gap-2\"><span aria-hidden>\u2022<\/span><span>{li}<\/span><\/li>))}\n                  <\/ul>\n                  <a href=\"#marcar\" className=\"mt-5 inline-flex justify-center rounded-2xl bg-indigo-600 px-4 py-2 text-white font-semibold hover:bg-indigo-700\">Escolher plano<\/a>\n                <\/div>\n              ))}\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* Depoimentos *\/}\n        <section className=\"py-16 sm:py-24\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold\">O que dizem os nossos alunos<\/h2>\n            <div className=\"mt-8 grid md:grid-cols-3 gap-6\">\n              {[{t:&#8221;A turma pequena ajuda imenso \u2014 o meu filho perdeu a vergonha de falar em 3 semanas.&#8221;, n:&#8221;Marta, m\u00e3e do Tiago&#8221;},{t:&#8221;Precisava de ingl\u00eas para o trabalho; gostei do foco em conversa\u00e7\u00e3o e vocabul\u00e1rio \u00fatil.&#8221;, n:&#8221;Rui, 34&#8243;},{t:&#8221;Aulas leves e divertidas. J\u00e1 n\u00e3o falhava palavras nas viagens!&#8221;, n:&#8221;D. Em\u00edlia, 67&#8243;}].map((d,i)=>(\n                <blockquote key={i} className=\"rounded-3xl bg-white p-6 border border-slate-200 shadow-sm\">\n                  <p className=\"text-slate-700\">\u201c{d.t}\u201d<\/p>\n                  <footer className=\"mt-3 text-sm font-medium text-slate-600\">\u2014 {d.n}<\/footer>\n                <\/blockquote>\n              ))}\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* FAQ *\/}\n        <section className=\"py-16 sm:py-24 bg-slate-50\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold\">Perguntas frequentes<\/h2>\n            <div className=\"mt-6 grid md:grid-cols-2 gap-6\">\n              {[{q:&#8221;A aula experimental \u00e9 paga?&#8221;,a:&#8221;N\u00e3o. \u00c9 gratuita e sem compromisso.&#8221;},{q:&#8221;H\u00e1 taxa de inscri\u00e7\u00e3o?&#8221;,a:&#8221;N\u00e3o cobramos taxa de inscri\u00e7\u00e3o.&#8221;},{q:&#8221;Como funcionam as turmas?&#8221;,a:&#8221;Organizamos por idade e n\u00edvel. M\u00e1x. 8 alunos.&#8221;},{q:&#8221;T\u00eam aulas individuais?&#8221;,a:&#8221;Sim, sob consulta.&#8221;}].map((f,i)=>(\n                <details key={i} className=\"group rounded-2xl bg-white p-5 border border-slate-200\">\n                  <summary className=\"cursor-pointer font-medium text-slate-800 flex items-center justify-between\">\n                    {f.q}\n                    <span className=\"ml-4 text-slate-400 group-open:rotate-45 transition-transform\">\uff0b<\/span>\n                  <\/summary>\n                  <p className=\"mt-3 text-slate-600\">{f.a}<\/p>\n                <\/details>\n              ))}\n            <\/div>\n          <\/div>\n        <\/section>\n\n        {\/* Contactos *\/}\n        <section id=\"contactos\" className=\"py-16 sm:py-24\">\n          <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n            <div className=\"grid lg:grid-cols-2 gap-10\">\n              <div>\n                <h2 className=\"text-2xl sm:text-3xl font-bold\">Contactos<\/h2>\n                <p className=\"mt-3 text-slate-600\">Respostas r\u00e1pidas via WhatsApp ou email.<\/p>\n                <ul className=\"mt-6 space-y-3 text-sm text-slate-700\">\n                  <li><strong>WhatsApp:<\/strong> +351 9xx xxx xxx<\/li>\n                  <li><strong>Email:<\/strong> ola@thenextlevel.pt<\/li>\n                  <li><strong>Paredes:<\/strong> Centro \u2014 junto ao campo da feira<\/li>\n                  <li><strong>Penafiel:<\/strong> A definir<\/li>\n                <\/ul>\n              <\/div>\n              <div className=\"rounded-3xl bg-white p-6 border border-slate-200 shadow-sm\">\n                <h3 className=\"font-semibold\">Envie uma mensagem<\/h3>\n                <form className=\"mt-4 grid gap-4\" onSubmit={(e)=>e.preventDefault()}>\n                  <input className=\"rounded-xl border border-slate-300 px-3 py-2\" placeholder=\"Nome\" \/>\n                  <input type=\"email\" className=\"rounded-xl border border-slate-300 px-3 py-2\" placeholder=\"Email\" \/>\n                  <textarea className=\"rounded-xl border border-slate-300 px-3 py-2\" rows={4} placeholder=\"Como podemos ajudar?\" \/>\n                  <button className=\"rounded-2xl bg-indigo-600 px-4 py-2.5 text-white font-semibold hover:bg-indigo-700\">Enviar<\/button>\n                <\/form>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/section>\n      <\/main>\n\n      <footer className=\"border-t border-slate-200\">\n        <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\">\n          <p>\u00a9 {new Date().getFullYear()} The Next Level \u2014 Centro de Ingl\u00eas.<\/p>\n          <nav className=\"flex gap-5\">\n            <a href=\"#\" className=\"hover:text-slate-900\">Privacidade<\/a>\n            <a href=\"#\" className=\"hover:text-slate-900\">Termos<\/a>\n            <a href=\"#\" className=\"hover:text-slate-900\">RGPD<\/a>\n          <\/nav>\n        <\/div>\n      <\/footer>\n    <\/div>\n  );\n}\n\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>import { useState } from &#8220;react&#8221;; import { motion } from &#8220;framer-motion&#8221;; export default function ThenextlevelLanding() { const [mobileOpen, setMobileOpen] = useState(false); const navItems = [ { href: &#8220;#sobre&#8221;, label: &#8220;Sobre&#8221; }, { href: &#8220;#programas&#8221;, label: &#8220;Programas&#8221; }, { href: &#8220;#horarios&#8221;, label: &#8220;Hor\u00e1rios&#8221; }, { href: &#8220;#precos&#8221;, label: &#8220;Pre\u00e7os&#8221; }, { href: &#8220;#contactos&#8221;, label: &#8220;Contactos&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/thenextlevel.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}