Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -90,10 +90,6 @@ export default function HomePage() {
           description="Descubra todas as funcionalidades que tornam FINEDUCA a plataforma ideal para educação financeira de jovens."
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Experimente Agora", href: "/signup" },
-            { text: "Saiba Mais", href: "/features" },
-          ]}
         />
       </div>
 
@@ -194,52 +190,22 @@ export default function HomePage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <div className="mx-auto px-4 md:px-6">
+        <MetricCardTen
-          <div className="py-12 md:py-20">
+          metrics={[
-            <h2 className="text-3xl md:text-5xl font-bold mb-4">Fale Conosco</h2>
+            {
-            <p className="text-base md:text-lg mb-8 max-w-2xl">
+              id: "1",              title: "Nome Completo",              subtitle: "Seu nome para contato",              category: "Informação",              value: ""},
-              Tem dúvidas ou sugestões? Entre em contato com nossa equipe. Estamos aqui para ajudar e ouvir suas ideias sobre FINEDUCA.
+            {
-            </p>
+              id: "2",              title: "Email",              subtitle: "Seu email para resposta",              category: "Informação",              value: ""},
-            <form
+            {
-              onSubmit={(e) => {
+              id: "3",              title: "Assunto",              subtitle: "Tema da sua mensagem",              category: "Informação",              value: ""},
-                e.preventDefault();
+          ]}
-                alert("Obrigado pela sua mensagem!");
+          textboxLayout="default"
-              }}
+          useInvertedBackground={false}
-              className="space-y-4 max-w-2xl"
+          animationType="slide-up"
-            >
+          title="Fale Conosco"
-              <input
+          description="Tem dúvidas ou sugestões? Entre em contato com nossa equipe. Estamos aqui para ajudar e ouvir suas ideias sobre FINEDUCA."
-                type="text"
+          buttons={[{ text: "Enviar Mensagem", href: "#contact" }]}
-                placeholder="Seu Nome Completo"
+        />
-                required
-                className="w-full px-4 py-3 border border-gray-300 rounded-lg"
-              />
-              <input
-                type="email"
-                placeholder="seu.email@exemplo.com"
-                required
-                className="w-full px-4 py-3 border border-gray-300 rounded-lg"
-              />
-              <input
-                type="text"
-                placeholder="Assunto"
-                required
-                className="w-full px-4 py-3 border border-gray-300 rounded-lg"
-              />
-              <textarea
-                placeholder="Descreva sua dúvida ou sugestão aqui..."
-                rows={5}
-                required
-                className="w-full px-4 py-3 border border-gray-300 rounded-lg"
-              />
-              <button
-                type="submit"
-                className="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
-              >
-                Enviar Mensagem
-              </button>
-            </form>
-          </div>
-        </div>
       </div>
 
       <div id="footer" data-section="footer">