From c6f70345e924356aaa46672e25609efb793e4fc2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 12:20:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 66 ++++++++++++------------------------------------
 1 file changed, 16 insertions(+), 50 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6f50139..5c18769 100644
--- a/src/app/page.tsx
+++ b/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">
-          <div className="py-12 md:py-20">
-            <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">
-              Tem dúvidas ou sugestões? Entre em contato com nossa equipe. Estamos aqui para ajudar e ouvir suas ideias sobre FINEDUCA.
-            </p>
-            <form
-              onSubmit={(e) => {
-                e.preventDefault();
-                alert("Obrigado pela sua mensagem!");
-              }}
-              className="space-y-4 max-w-2xl"
-            >
-              <input
-                type="text"
-                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>
+        <MetricCardTen
+          metrics={[
+            {
+              id: "1",              title: "Nome Completo",              subtitle: "Seu nome para contato",              category: "Informação",              value: ""},
+            {
+              id: "2",              title: "Email",              subtitle: "Seu email para resposta",              category: "Informação",              value: ""},
+            {
+              id: "3",              title: "Assunto",              subtitle: "Tema da sua mensagem",              category: "Informação",              value: ""},
+          ]}
+          textboxLayout="centered"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          title="Fale Conosco"
+          description="Tem dúvidas ou sugestões? Entre em contato com nossa equipe. Estamos aqui para ajudar e ouvir suas ideias sobre FINEDUCA."
+          buttons={[{ text: "Enviar Mensagem", href: "#contact" }]}
+        />
       </div>
 
       <div id="footer" data-section="footer">