From 106eeec7a2904cab2dc99aaf559e127fbdf75b16 Mon Sep 17 00:00:00 2001
From: musiur <musiur.opu@gmail.com>
Date: Wed, 8 Jan 2025 20:42:23 +0600
Subject: [PATCH] add bottom section with contact info in meet with yeatiq

---
 src/app/contact-us/page.tsx                   |  1 -
 .../_utils/sections/bottom.tsx                | 40 +++++++++++++++++++
 .../_utils/sections/proof.tsx                 |  2 +-
 src/app/meet-with-yeatiq/page.tsx             |  2 +
 4 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 src/app/meet-with-yeatiq/_utils/sections/bottom.tsx

diff --git a/src/app/contact-us/page.tsx b/src/app/contact-us/page.tsx
index 08fb1d3..c1fb3ea 100644
--- a/src/app/contact-us/page.tsx
+++ b/src/app/contact-us/page.tsx
@@ -11,7 +11,6 @@ import ErrorMessages from "@/components/molecule/errors-messages";
 import Loader from "@/components/molecule/loader";
 import { useToast } from "@/components/ui/use-toast";
 import { Building, MessageCircle, Phone } from "lucide-react";
-import axios from "axios";
 import Link from "next/link";
 import ANIM__FadeInOutOnScroll from "@/components/anims/fadein.anim";
 import { Action___POST__SendMail } from "./actions";
diff --git a/src/app/meet-with-yeatiq/_utils/sections/bottom.tsx b/src/app/meet-with-yeatiq/_utils/sections/bottom.tsx
new file mode 100644
index 0000000..12cc3c1
--- /dev/null
+++ b/src/app/meet-with-yeatiq/_utils/sections/bottom.tsx
@@ -0,0 +1,40 @@
+import WhatsAppIcon from "@/components/assets/whatsapp";
+import { CheckCheckIcon, Mail, Phone } from "lucide-react";
+import Image from "next/image";
+
+const LandingBottomSection = () => {
+  return (
+    <div className="container section grid grid-cols-1 md:grid-cols-2 gap-10 items-center">
+      <Image
+        src="https://utfs.io/f/TLm9XcQ0Drp9UlZLWlhilgdbT9zuP1QmXAC4eyRZ8kHFS3sM"
+        alt="proof"
+        width={1000}
+        height={1000}
+        className="rounded-[40px] max-w-md shadow-2xl"
+      />
+      <div className="space-y-4">
+        <p className="inline-block px-4 py-1 rounded-xl border">
+          Contact Me
+        </p>
+        <h2>Have Questions?</h2>
+        <p>Reach out anytime—I&apos;m happy to help!</p>
+        <ul className="space-y-2">
+          <li className="flex items-center gap-2">
+            <Mail className="w-6 h-6 min-w-6 bg-secondary/10 stroke-secondary rounded-full p-1" />{" "}
+            Email
+          </li>
+          <li className="flex items-center gap-2">
+            <Phone className="w-6 h-6 min-w-6 bg-secondary/10 stroke-secondary rounded-full p-1" />{" "}
+            +971507477541
+          </li>
+          <li className="flex items-center gap-2">
+            <WhatsAppIcon className="w-6 h-6 min-w-6 bg-secondary/10 stroke-[2px] stroke-secondary rounded-full p-1" />{" "}
+             +971507477541 (WhatsApp)
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default LandingBottomSection;
diff --git a/src/app/meet-with-yeatiq/_utils/sections/proof.tsx b/src/app/meet-with-yeatiq/_utils/sections/proof.tsx
index 9342c7f..97f0565 100644
--- a/src/app/meet-with-yeatiq/_utils/sections/proof.tsx
+++ b/src/app/meet-with-yeatiq/_utils/sections/proof.tsx
@@ -1,4 +1,4 @@
-import { CheckCheckIcon, FastForwardIcon } from "lucide-react";
+import { CheckCheckIcon } from "lucide-react";
 import Image from "next/image";
 
 const LandingProofSection = () => {
diff --git a/src/app/meet-with-yeatiq/page.tsx b/src/app/meet-with-yeatiq/page.tsx
index b7c22a9..b6dba92 100644
--- a/src/app/meet-with-yeatiq/page.tsx
+++ b/src/app/meet-with-yeatiq/page.tsx
@@ -8,6 +8,7 @@ import LandingCTASection from "./_utils/sections/cta";
 import ClientsReviews from "../case-studies/_utils/clients-reviews";
 import { Action___Get__Review_By_Category } from "../reviews/post/_utils/actions";
 import LandingCalendlySection from "./_utils/sections/calendly";
+import LandingBottomSection from "./_utils/sections/bottom";
 
 const LandingPage = async () => {
   const result = await Action___Get__Review_By_Category("socialmediapaidads");
@@ -22,6 +23,7 @@ const LandingPage = async () => {
       <LandingVisualsSection />
       <LandingCTASection />
       <LandingCalendlySection />
+      <LandingBottomSection />
     </Fragment>
   );
 };