codante-io · robertotcestari · Feb 4, 2026
diff --git a/app/components/features/button-whatsapp/index.tsx b/app/components/features/button-whatsapp/index.tsx
diff --git a/app/routes/_layout-app/_black-friday/black-friday/components/lead-form.tsx b/app/routes/_layout-app/_black-friday/black-friday/components/lead-form.tsx
@@ -59,7 +59,7 @@ const LeadForm = () => {
           />
         </div>
         <div className="mb-4">
-          <Label className="dark:text-gray-400">Telefone (WhatsApp):</Label>
+          <Label className="dark:text-gray-400">Telefone:</Label>
           <Input
             className="dark:bg-background-700"
             name="phone"

diff --git a/app/routes/_layout-app/_black-friday/black-friday/index.tsx b/app/routes/_layout-app/_black-friday/black-friday/index.tsx
@@ -105,7 +105,6 @@ export default function HomePage() {
         <Founders />
         <Testimonial />
         <FAQ />
-        <WhatsAppButton />
       </div>
     </>
   );
@@ -1495,27 +1494,3 @@ function TestimonialCard({
     </article>
   );
 }
-
-function WhatsAppButton() {
-  return (
-    <Link
-      to="https://wa.me/5531991652767?text=Olá, gostaria de saber mais sobre a Black Friday do Codante"
-      target="_blank"
-      rel="noreferrer"
-      className="fixed lg:bottom-10 lg:right-10 bottom-5 right-5 flex items-center gap-2 z-50"
-    >
-      <motion.img
-        initial="hidden"
-        whileInView="visible"
-        transition={{ duration: 0.8 }}
-        variants={{
-          visible: { opacity: 1, scaleZ: 1 },
-          hidden: { opacity: 0, scaleZ: 0 },
-        }}
-        src="/img/black-friday/whatsapp.svg"
-        alt="WhatsApp"
-        className="w-16 hover:animate-bounce shadow-lg cursor-pointer"
-      />
-    </Link>
-  );
-}
diff --git a/app/routes/_layout-app/_certificados/certificados_.$id/index.tsx b/app/routes/_layout-app/_certificados/certificados_.$id/index.tsx
@@ -5,16 +5,8 @@ import { useEffect, useState } from "react";
 import CertificatePDF from "~/components/_layouts/certificate-pdf";
 import { formatDate } from "~/lib/utils/format-date";
 import { Card } from "~/components/ui/cards/card";
-import {
-  LinkedinShareButton,
-  TwitterShareButton,
-  WhatsappShareButton,
-} from "react-share";
-import {
-  RiLinkedinBoxLine,
-  RiTwitterXLine,
-  RiWhatsappLine,
-} from "react-icons/ri";
+import { LinkedinShareButton, TwitterShareButton } from "react-share";
+import { RiLinkedinBoxLine, RiTwitterXLine } from "react-icons/ri";
 import toast from "react-hot-toast";
 import { IoCopySharp } from "react-icons/io5";
 import SearchCertificate from "../components/search-certificate";
@@ -142,14 +134,6 @@ export default function CertificadoId() {
                   />
                 </div>
               </LinkedinShareButton>
-              <WhatsappShareButton url={location}>
-                <div className="hover:text-brand-500 hover:opacity-70 rounded-md flex p-1">
-                  <RiWhatsappLine
-                    title="WhatsApp"
-                    className="text-lg text-gray-600 dark:text-gray-400"
-                  />
-                </div>
-              </WhatsappShareButton>
             </div>
           </div>
 

diff --git a/app/routes/_layout-app/_landing-pages/codando-com-ia/index.tsx b/app/routes/_layout-app/_landing-pages/codando-com-ia/index.tsx
@@ -207,7 +207,7 @@ const benefits: {
     icon: Gift,
   },
   {
-    title: "Grupo de WhatsApp exclusivo",
+    title: "Grupo exclusivo da comunidade",
     description:
       "Conecte-se com outros alunos e instrutores para trocar experiências e dúvidas.",
     icon: MessageCircle,

diff --git a/...es/_layout-app/_mini-projetos/mini-projetos_.$slug_/_tabs/submissoes_.$username/index.tsx b/...es/_layout-app/_mini-projetos/mini-projetos_.$slug_/_tabs/submissoes_.$username/index.tsx
@@ -12,17 +12,9 @@ import type { ChallengeUser, User } from "~/lib/models/user.server";
 import UserAvatar from "~/components/ui/user-avatar";
 import { FaGithub, FaLinkedin } from "react-icons/fa";
 import ReactionsButton from "~/components/features/reactions/reactions-button";
-import {
-  LinkedinShareButton,
-  TwitterShareButton,
-  WhatsappShareButton,
-} from "react-share";
+import { LinkedinShareButton, TwitterShareButton } from "react-share";
 import { useEffect, useState, Fragment } from "react";
-import {
-  RiLinkedinBoxLine,
-  RiTwitterXLine,
-  RiWhatsappLine,
-} from "react-icons/ri";
+import { RiLinkedinBoxLine, RiTwitterXLine } from "react-icons/ri";
 import { formatName } from "~/lib/utils/format-name";
 import toast from "react-hot-toast";
 import { HiOutlineLink } from "react-icons/hi";
@@ -342,11 +334,6 @@ function ShareSection({
           <RiLinkedinBoxLine title="Linkedin" className="text-lg" />
         </div>
       </LinkedinShareButton>
-      <WhatsappShareButton url={location}>
-        <div className="hover:text-brand-500 hover:opacity-70 rounded-md flex p-1">
-          <RiWhatsappLine title="WhatsApp" className="text-lg" />
-        </div>
-      </WhatsappShareButton>
       <TwitterShareButton hashtags={["codante", "front"]} url={location}>
         <div className="hover:text-brand-500 hover:opacity-70 rounded-md flex p-1">
           <RiTwitterXLine title="Twitter" className="text-lg" />

diff --git a/app/routes/_layout-app/_subscription/planos.index/index.tsx b/app/routes/_layout-app/_subscription/planos.index/index.tsx
@@ -13,7 +13,6 @@ import { getHome } from "~/lib/models/home.server";
 
 import TestimonialCard from "~/routes/_landing-page/components/testimonials/card";
 import { features } from "./data";
-import WhatsButton from "~/components/features/button-whatsapp";
 
 export const loader = async () => {
   return {
@@ -27,7 +26,6 @@ export default function PlanosPage() {
 
   return (
     <main className="container mx-auto">
-      <WhatsButton />
       <section className="flex flex-col items-start w-full">
         <BlurReveal className="flex flex-col items-start w-full gap-4">
           <h1 className="text-3xl sm:text-4xl text-start md:mt-10 font-lexend lg:text-5xl max-w-5xl">

diff --git a/...utes/_layout-raw/_routes/demo/mini-projetos_.$slug_/_tabs/submissoes_.$username/index.tsx b/...utes/_layout-raw/_routes/demo/mini-projetos_.$slug_/_tabs/submissoes_.$username/index.tsx
@@ -12,17 +12,9 @@ import type { ChallengeUser, User } from "~/lib/models/user.server";
 import UserAvatar from "~/components/ui/user-avatar";
 import { FaGithub, FaLinkedin } from "react-icons/fa";
 import ReactionsButton from "~/components/features/reactions/reactions-button";
-import {
-  LinkedinShareButton,
-  TwitterShareButton,
-  WhatsappShareButton,
-} from "react-share";
+import { LinkedinShareButton, TwitterShareButton } from "react-share";
 import { useEffect, useState, Fragment } from "react";
-import {
-  RiLinkedinBoxLine,
-  RiTwitterXLine,
-  RiWhatsappLine,
-} from "react-icons/ri";
+import { RiLinkedinBoxLine, RiTwitterXLine } from "react-icons/ri";
 import { formatName } from "~/lib/utils/format-name";
 import toast from "react-hot-toast";
 import { HiOutlineLink } from "react-icons/hi";
@@ -342,11 +334,6 @@ function ShareSection({
           <RiLinkedinBoxLine title="Linkedin" className="text-lg" />
         </div>
       </LinkedinShareButton>
-      <WhatsappShareButton url={location}>
-        <div className="hover:text-brand-500 hover:opacity-70 rounded-md flex p-1">
-          <RiWhatsappLine title="WhatsApp" className="text-lg" />
-        </div>
-      </WhatsappShareButton>
       <TwitterShareButton hashtags={["codante", "front"]} url={location}>
         <div className="hover:text-brand-500 hover:opacity-70 rounded-md flex p-1">
           <RiTwitterXLine title="Twitter" className="text-lg" />

diff --git a/app/routes/index.tsx b/app/routes/index.tsx
@@ -45,7 +45,6 @@ import CarouselWorkshops from "~/routes/_landing-page/components/workshops/carou
 import faqQuestions from "~/routes/_layout-app/_subscription/faq-questions";
 
 import CTAButtons from "~/routes/_landing-page/components/headline/cta-buttons";
-import WhatsButton from "~/components/features/button-whatsapp";
 
 export const loader = async () => {
   return {
@@ -59,7 +58,6 @@ export default function HomePage() {
   return (
     <AppLayout user={user}>
       <div className="flex flex-col items-center justify-center text-gray-900 dark:text-gray-50">
-        <WhatsButton />
         <BackgroundBlur />
         <Headline />
         <Challenges />

diff --git a/app/routes/workshop-react/lead-form.tsx b/app/routes/workshop-react/lead-form.tsx
@@ -65,7 +65,7 @@ const LeadForm = () => {
             />
           </div>
           <div className="mb-4">
-            <Label className="dark:text-gray-200">Telefone (WhatsApp):</Label>
+            <Label className="dark:text-gray-200">Telefone:</Label>
             <Input
               className="dark:bg-background-50 dark:text-gray-800"
               name="phone"