ajuste de texto inicial e centralizacao da informaco

resources/js/pages/PortalInvestidor.tsx

@@ -110,26 +110,30 @@ function Hero({
 }) {
     return (
         <section className="border-b border-slate-200 bg-[#0B2038] text-white">
-            <div className="mx-auto grid max-w-6xl gap-10 px-5 py-16 md:grid-cols-[1.2fr,1fr] md:py-24">
-                <div>
+            <div className="mx-auto grid max-w-6xl gap-10 px-5 py-16 md:py-24">
+                <div className="text-center">
                     <p className="text-xs font-bold tracking-[0.2em] text-emerald-300 uppercase">
-                        Portal do Investidor
+                        INVISTA EM MOÇAMBIQUE
                     </p>
-                    <h1 className="mt-4 max-w-xl text-4xl leading-[1.05] font-black tracking-tight md:text-5xl">
-                        Oportunidades reais de investimento em Moçambique,
+                    <h1 className="mx-auto mt-4 max-w-4xl text-4xl leading-[1.05] font-black tracking-tight md:text-5xl">
+                        Transforme informação em decisões
                         <span className="text-amber-400">
                             {' '}
-                            organizadas por sector.
+                            e ideias em negócios reais.
                         </span>
                     </h1>
-                    <p className="mt-5 max-w-lg text-slate-300">
+                    <p className="mx-auto mt-6 max-w-3xl text-lg font-semibold text-slate-200">
+                        Oportunidades reais de investimento em Moçambique,
+                        organizadas por sector.
+                    </p>
+                    <p className="mx-auto mt-5 max-w-2xl text-slate-300">
                         Consulte projectos por província e estágio de
                         maturidade, compreenda os requisitos legais e fiscais, e
                         manifeste interesse directamente junto da entidade
                         promotora.
                     </p>
 
-                    <div className="mt-8 flex flex-wrap gap-3">
+                    <div className="mt-8 flex flex-wrap justify-center gap-3">
                         <button
                             onClick={() => onNavigate('opportunities')}
                             className="inline-flex items-center gap-2 rounded-lg bg-amber-400 px-5 py-3 font-bold text-[#0B2038] hover:bg-amber-300"