Merge pull request #49 from Dium-dev/48-whatsappbutton

Add WhatsApp button

src/app/page.tsx

@@ -13,6 +13,7 @@ import BrandsCarousel from "@/components/BrandsCarousel";
 import { Reviews } from "@/components/Reviews";
 import { PaymentMethods } from '@/components/PaymentMethods'
 import { ReviewsSkeleton } from "@/components/Reviews/ReviewsSkeleton";
+import { WhatsAppButton } from '@/components/WhatsAppButton'
 import { Suspense } from "react";
 
 export default function Home() {
@@ -27,6 +28,7 @@ export default function Home() {
         <Reviews />
       </Suspense>
       <PaymentMethods />
+      <WhatsAppButton />
     </main>
   )
 }

src/components/WhatsAppButton/index.tsx

@@ -0,0 +1,12 @@
+import Link from "next/link";
+import { MdOutlineWhatsapp } from "react-icons/md";
+
+export const WhatsAppButton = () => {
+  return (
+    <div className="w-20 h-20 rounded-full bg-[#25D366] fixed z-10 bottom-10 right-10 ms:flex items-center justify-center hidden cursor-pointer hover:scale-125 transition-all">
+      <Link href={'#'} className="text-white">
+        <MdOutlineWhatsapp size={55} />
+      </Link>
+    </div>
+  );
+};