From 4d80f9aca5793b0f012e3b56888d4c47dbc1b5ae Mon Sep 17 00:00:00 2001
From: kayela-c <kayela@icloud.com>
Date: Sat, 13 Dec 2025 12:57:05 -0600
Subject: [PATCH] adjusting the padding for the footer and the 3rd column
 spacing

---
 src/components/PublicFooter.js | 4 ++--
 src/pages/Landing.js           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/PublicFooter.js b/src/components/PublicFooter.js
index 6c6a814..4c42a85 100644
--- a/src/components/PublicFooter.js
+++ b/src/components/PublicFooter.js
@@ -8,8 +8,8 @@ const PublicFooter = () => {
   return (
     <>
       {/* Main Footer */}
-      <footer className="bg-[#644c9f] px-4 sm:px-8 md:px-16 py-12 md:py-20 flex items-center justify-center min-h-[420px]">
-        <div className="border-t border-[rgba(0,0,0,0.1)] py-8 md:py-12 lg:py-20 flex flex-col lg:flex-row gap-8 sm:gap-12 md:gap-16 lg:gap-20 xl:gap-30 items-center justify-center w-full max-w-7xl">
+      <footer className="bg-[#644c9f] border-t border-[rgba(0,0,0,0.1)] py-12 md:py-20 flex items-center justify-center min-h-[420px]">
+        <div className="  flex flex-col lg:flex-row gap-8 sm:gap-12 md:gap-16 lg:gap-20 xl:gap-30 items-center justify-center w-full max-w-7xl">
           <div className="w-32 sm:w-40 md:w-48 lg:w-[232px] flex-shrink-0">
             <img src={loafLogo} alt="LOAF Logo" className="w-full h-auto aspect-square object-contain" />
           </div>
diff --git a/src/pages/Landing.js b/src/pages/Landing.js
index 3d98790..310bcdd 100644
--- a/src/pages/Landing.js
+++ b/src/pages/Landing.js
@@ -54,7 +54,7 @@ const Landing = () => {
       </section>
 
       {/* Feature Cards Section */}
-      <section className="bg-gradient-to-b from-[#f1eef9] to-[#ddd8eb] px-4 sm:px-6 md:px-8 lg:px-12 xl:px-16 py-12 sm:py-16 md:py-20 lg:py-30 flex flex-col md:flex-row gap-6 sm:gap-8 items-start justify-center">
+      <section className="bg-gradient-to-b from-[#f1eef9] to-[#ddd8eb] px-4 sm:px-6 md:px-8 lg:px-12 xl:px-16 py-12 sm:py-16 md:py-20 lg:py-30 flex flex-col md:flex-row gap-6 sm:gap-8 items-stretch justify-center">
         <Card className="bg-white rounded-2xl overflow-hidden flex flex-col gap-3.5 items-center pt-5 pb-0 w-full max-w-[363px]">
           <img src={iconMeetGreet} alt="Meet and Greet" className="w-full max-w-[300px] h-auto aspect-[10/9] object-contain" />
           <div className="p-6 flex flex-col gap-4.5 w-full">