From f608669f047b040e0128375218aec26aac1febd5 Mon Sep 17 00:00:00 2001
From: KMKoushik <koushikmohan1996@gmail.com>
Date: Sun, 28 Apr 2024 16:43:47 +1000
Subject: [PATCH] Fix landing page for mobile

---
 apps/marketing/src/app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/marketing/src/app/page.tsx b/apps/marketing/src/app/page.tsx
index 9fcfce1..b96f9bc 100644
--- a/apps/marketing/src/app/page.tsx
+++ b/apps/marketing/src/app/page.tsx
@@ -129,7 +129,7 @@ export default function Home() {
   return (
     <div className="bg-neutral-950 pb-20">
       <div className=" mx-auto  w-full lg:max-w-6xl relative flex flex-col ">
-        <nav className="py-4 flex justify-between">
+        <nav className="p-4 flex justify-between">
           <div className="text-2xl font-semibold">
             <Link href="/">Unsend</Link>
           </div>
@@ -181,7 +181,7 @@ export default function Home() {
             Send transactional, marketing emails, SMSes and push notifications
             effortlessly.
           </p>
-          <div className="flex justify-center mt-16">
+          <div className="flex justify-center mt-16 ">
             <motion.a
               className="bg-white text-black py-2 px-6 rounded-full cursor-pointer flex gap-2"
               whileHover={{ scale: 1.2 }}
@@ -205,7 +205,7 @@ export default function Home() {
             type: "spring",
           }}
           viewport={{ once: true }}
-          className="p-3 bg-neutral-900 mt-24 rounded-xl"
+          className="p-3 bg-neutral-900 mt-24 rounded-xl mx-2"
         >
           <Image
             src="/app.webp"
@@ -546,7 +546,7 @@ export default function Home() {
           </motion.a>
         </div>
       </div>
-      <div className="flex justify-between mt-20 max-w-5xl mx-auto">
+      <div className="flex justify-between mt-20 max-w-5xl mx-auto px-4">
         <div>
           Email: <a href="mailto:hello@unsend.dev">hello@unsend.dev</a>
         </div>