adding dynamic hero text header

src/components/HeroSection.tsx

@@ -1,8 +1,23 @@
-import React from 'react';
+import React, { useState } from 'react';
 import SearchBar from './SearchBar';
 import RandomCandButton from '../shared/RandomCandButton';
 
 const HeroSection: React.FC = () => {
+  const headers = [
+    "Explore Dados Eleitorais",
+    "Analise Dados Eleitorais",
+    "Consulte Dados Eleitorais",
+    "Verifique Dados Eleitorais",
+    "Descubra Dados Eleitorais",
+    "Acesse Informações Eleitorais",
+    "Verifique Candidatos",
+    "Descubra Candidatos",
+    "Pesquise Candidaturas",
+    "Consulte Candidatos",
+    "Navegue pelos Dados do TSE"
+  ];
+  const [header] = useState(headers[Math.floor(Math.random() * headers.length)]);
+
   return (
     <section 
       className="min-h-screen flex flex-col justify-center items-center text-white bg-cover bg-center bg-no-repeat bg-gray-900 relative"
@@ -12,7 +27,7 @@ const HeroSection: React.FC = () => {
       <div className="absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-[#0a0f1a] to-transparent"></div>
       <div className="relative z-10 text-center max-w-6xl">
         <h1 className="text-5xl md:text-7xl font-bold mb-6">
-          Explore Dados Eleitorais
+          {header}
         </h1>
         <p className="text-lg md:text-xl mb-10 text-gray-300">
           OpenCand oferece acesso fácil e visualizações intuitivas de dados abertos do Tribunal Superior Eleitoral (TSE).