diff --git a/src/app/components/Agenda.tsx b/src/app/components/Agenda.tsx
index 99bc594..0fe3cae 100644
--- a/src/app/components/Agenda.tsx
+++ b/src/app/components/Agenda.tsx
@@ -11,7 +11,7 @@ const AgendaItem = ({ title, date, idx }: AgendaProps) => {
   return (
     <div
       key={idx}
-      className="grid grid-cols-2 gap-4 text-center text-2xl px-4 py-4 md:py-16 md:px-0"
+      className="grid grid-cols-2 gap-4 text-center text-2xl px-4 py-4 md:px-0"
     >
       <div className="col-span-1 text-gray-400 text-left text-xl-wel font-normalBold">
         {title}
@@ -42,7 +42,7 @@ const Agenda = () => {
       <h3 className="font-normalBold font-black mb-6 text-center text-gray-700">
         March 8, 2025
       </h3>
-      <div className="px-12 flex max-w-md mx-auto mb-10">
+      <div className="px-12 flex max-w-md mx-auto">
         <a
           href={CALENDAR_URL}
           target={"_blank"}
@@ -53,8 +53,8 @@ const Agenda = () => {
         </a>
       </div>
 
-      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-10 pt-10 text-gray-700 px-2">
-        <h4 className="mb-1">Festivities</h4>
+      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center pt-10 text-gray-700 px-2">
+        <h4>Festivities</h4>
       </div>
 
       {agendaItems.map((item, idx) => (
diff --git a/src/app/components/BridalParty.tsx b/src/app/components/BridalParty.tsx
index 235fc52..4ebdd45 100644
--- a/src/app/components/BridalParty.tsx
+++ b/src/app/components/BridalParty.tsx
@@ -51,11 +51,11 @@ const peopleMinorGroom = [
 
 const BridalParty = () => {
   return (
-    <div id="bridal_party_div" className="pt-10 pb-4">
-      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center pt-10 text-gray-700 px-2">
-        <h4 className="mb-1">Bridal Party</h4>
+    <div id="bridal_party_div">
+      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center text-gray-700 px-2">
+        <h4>Bridal Party</h4>
       </div>
-      <div className="w-full flex flex-wrap justify-center pb-10">
+      <div className="w-full flex flex-wrap justify-center">
         {peopleMain.map((person, idx) => (
           <Profile
             pic={person.pic}
@@ -68,13 +68,13 @@ const BridalParty = () => {
         ))}
       </div>
       <div className="max-w-3xl mx-auto text-center">
-        <div className="grid grid-cols-1 gap-4 text-center text-2xl px-4 py-8 md:px-0 md:text-3xl font-black">
+        <div className="grid grid-cols-1 gap-4 text-center text-2xl px-4 md:px-0 md:text-3xl font-black">
           {peopleMinorBride.map((person, idx) => (
             <ProfileMinor name={person.name} role={person.role} key={idx} />
           ))}
         </div>
         <div className="text-xl text-black">~ ~</div>
-        <div className="grid grid-cols-1 gap-4 text-center text-2xl px-4 py-8 md:py-10 md:px-0 md:text-3xl font-black">
+        <div className="grid grid-cols-1 gap-4 text-center text-2xl px-4 md:px-0 md:text-3xl font-black">
           {peopleMinorGroom.map((person, idx) => (
             <ProfileMinor name={person.name} role={person.role} key={idx} />
           ))}
diff --git a/src/app/components/BrideAndGroom.tsx b/src/app/components/BrideAndGroom.tsx
index b727d6f..d2d13a6 100644
--- a/src/app/components/BrideAndGroom.tsx
+++ b/src/app/components/BrideAndGroom.tsx
@@ -3,39 +3,39 @@ import groom from "../images/groom.jpg";
 import Profile from "./Utils/Profile";
 
 const people = [
-    {
-        pic: bride,
-        altVal: "bride",
-        name: "Brittany Morgan McMahon",
-        role: "Bride",
-        desc: "Born on August 25th, 1992 in San Diego, CA to James Glenn McMahon and Michelle Ford Toleos.",
-    },
-    {
-        pic: groom,
-        altVal: "groom",
-        name: "Reid Samuel Hewitt",
-        role: "Groom",
-        desc: "Born on June 10th 1992 in Sacramento, CA to Robbin Van Herr Waarden Hewitt and Ann Marie Hewitt.",
-    },
+  {
+    pic: bride,
+    altVal: "bride",
+    name: "Brittany Morgan McMahon",
+    role: "Bride",
+    desc: "Born on August 25th, 1992 in San Diego, CA to James Glenn McMahon and Michelle Ford Toleos.",
+  },
+  {
+    pic: groom,
+    altVal: "groom",
+    name: "Reid Samuel Hewitt",
+    role: "Groom",
+    desc: "Born on June 10th 1992 in Sacramento, CA to Robbin Van Herr Waarden Hewitt and Ann Marie Hewitt.",
+  },
 ];
 
 const BrideAndGroom = () => {
-    return (
-        <div id="bride_and_groom_div" className="pt-10 pb-4">
-            <div className="w-full flex flex-wrap pb-20">
-                {people.map((person, idx) => (
-                    <Profile
-                        pic={person.pic}
-                        altVal={person.altVal}
-                        name={person.name}
-                        role={person.role}
-                        desc={person.desc}
-                        key={idx}
-                    />
-                ))}
-            </div>
-        </div>
-    );
+  return (
+    <div id="bride_and_groom_div">
+      <div className="w-full flex flex-wrap">
+        {people.map((person, idx) => (
+          <Profile
+            pic={person.pic}
+            altVal={person.altVal}
+            name={person.name}
+            role={person.role}
+            desc={person.desc}
+            key={idx}
+          />
+        ))}
+      </div>
+    </div>
+  );
 };
 
 export default BrideAndGroom;
diff --git a/src/app/components/Countdown.tsx b/src/app/components/Countdown.tsx
index 3d2116c..396ad19 100644
--- a/src/app/components/Countdown.tsx
+++ b/src/app/components/Countdown.tsx
@@ -4,79 +4,76 @@ const EVENT_DATE = "March 8, 2025 15:00:00";
 const COUNTDOWN_DATE = new Date(EVENT_DATE).getTime();
 
 interface COUNTDOWNTYPE {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
 }
 
 const countdownBase: COUNTDOWNTYPE = {
-    days: 0,
-    hours: 0,
-    minutes: 0,
-    seconds: 0,
+  days: 0,
+  hours: 0,
+  minutes: 0,
+  seconds: 0,
 };
 
 const Countdown = memo(() => {
-    const [countdown, setCountdown] = useState<COUNTDOWNTYPE>(countdownBase);
-
-    useEffect(() => {
-        const interval = setInterval(() => {
-            const now = new Date().getTime();
-
-            const delta = COUNTDOWN_DATE - now;
-
-            const days = Math.floor(delta / (1000 * 60 * 60 * 24));
-            const hours = Math.floor(
-                (delta % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
-            );
-            const minutes = Math.floor(
-                (delta % (1000 * 60 * 60)) / (1000 * 60)
-            );
-            const seconds = Math.floor((delta % (1000 * 60)) / 1000);
-
-            setCountdown({ days, hours, minutes, seconds });
-
-            if (delta < 0) {
-                clearInterval(interval);
-                setCountdown(countdownBase);
-            }
-        }, 1000);
-    }, []);
-
-    return (
-        <div className="w-full px-1 md:px-4">
-            <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-10 pt-10 text-gray-700 px-2">
-                <h4 className="mb-1">See you there in...</h4>
-            </div>
-
-            <div className="flex justify-center pb-20">
-                <NumberCard number={countdown.days} label="Days" />
-                <NumberCard number={countdown.hours} label="Hours" />
-                <NumberCard number={countdown.minutes} label="Minutes" />
-                <NumberCard number={countdown.seconds} label="Seconds" />
-            </div>
-        </div>
-    );
+  const [countdown, setCountdown] = useState<COUNTDOWNTYPE>(countdownBase);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const now = new Date().getTime();
+
+      const delta = COUNTDOWN_DATE - now;
+
+      const days = Math.floor(delta / (1000 * 60 * 60 * 24));
+      const hours = Math.floor(
+        (delta % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+      );
+      const minutes = Math.floor((delta % (1000 * 60 * 60)) / (1000 * 60));
+      const seconds = Math.floor((delta % (1000 * 60)) / 1000);
+
+      setCountdown({ days, hours, minutes, seconds });
+
+      if (delta < 0) {
+        clearInterval(interval);
+        setCountdown(countdownBase);
+      }
+    }, 1000);
+  }, []);
+
+  return (
+    <div className="w-full px-1 md:px-4">
+      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center text-gray-700 px-2">
+        <h4 className="mb-1">See you there in...</h4>
+      </div>
+
+      <div className="flex justify-center">
+        <NumberCard number={countdown.days} label="Days" />
+        <NumberCard number={countdown.hours} label="Hours" />
+        <NumberCard number={countdown.minutes} label="Minutes" />
+        <NumberCard number={countdown.seconds} label="Seconds" />
+      </div>
+    </div>
+  );
 });
 
 Countdown.displayName = "Countdown";
 
 interface NumberCardProps {
-    number: number;
-    label: string;
+  number: number;
+  label: string;
 }
 
 const NumberCard = memo(({ number, label }: NumberCardProps) => {
-    const numberString =
-        number < 100 ? ("0" + number).slice(-2) : String(number);
-
-    return (
-        <div className="rounded-lg bg-white py-7 px-2 w-24 text-center mx-2 text-xl-wel font-normalBold text-gray-800">
-            <div className="text-3xl mb-2">{numberString}</div>
-            <div>{label}</div>
-        </div>
-    );
+  const numberString = number < 100 ? ("0" + number).slice(-2) : String(number);
+
+  return (
+    <div className="rounded-lg bg-white py-7 px-2 w-24 text-center mx-2 text-xl-wel font-normalBold text-gray-800">
+      <div className="text-3xl mb-2">{numberString}</div>
+      <div>{label}</div>
+    </div>
+  );
 });
 
 NumberCard.displayName = "NumberCard";
diff --git a/src/app/components/Credit.tsx b/src/app/components/Credit.tsx
index bac7f62..f67c39f 100644
--- a/src/app/components/Credit.tsx
+++ b/src/app/components/Credit.tsx
@@ -1,19 +1,19 @@
 const Credit = () => {
-    const thisYear = new Date().getFullYear();
-    return (
-        <div className="py-20 bg-background text-gray-700 relative text-center text-xl-wel font-normalBold">
-            © {thisYear} forked from
-            <a
-                className="font-semibold"
-                href="https://github.com/fauzialz/amifauzi.com-open"
-                target={"_blank"}
-                rel="noreferrer"
-            >
-                {" "}
-                Fauzi
-            </a>
-        </div>
-    );
+  const thisYear = new Date().getFullYear();
+  return (
+    <div className="py-10 bg-background text-gray-700 relative text-center text-xl-wel font-normalBold">
+      © {thisYear} forked from
+      <a
+        className="font-semibold"
+        href="https://github.com/fauzialz/amifauzi.com-open"
+        target={"_blank"}
+        rel="noreferrer"
+      >
+        {" "}
+        Fauzi
+      </a>
+    </div>
+  );
 };
 
 export default Credit;
diff --git a/src/app/components/GalleryCarousel.tsx b/src/app/components/GalleryCarousel.tsx
index 292089f..fed3bf7 100644
--- a/src/app/components/GalleryCarousel.tsx
+++ b/src/app/components/GalleryCarousel.tsx
@@ -28,8 +28,8 @@ const photos = [
 
 const GalleryCarousel = () => {
   return (
-    <div id="carousel_div" className="w-full px-1 md:px-4 pb-10">
-      <h4 className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-14 pt-10 text-gray-700">
+    <div id="carousel_div" className="w-full px-1 md:px-4">
+      <h4 className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center text-gray-700">
         Gallery
       </h4>
       <Carousel showThumbs={false}>
diff --git a/src/app/components/Lodging.tsx b/src/app/components/Lodging.tsx
deleted file mode 100644
index 6a5fd43..0000000
--- a/src/app/components/Lodging.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-const Logging = () => {
-    return (
-        <div id="lodging_div" className="max-w-3xl mx-auto text-center">
-            <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-10 pt-10 text-gray-700 px-2">
-                <h4>Lodging</h4>
-            </div>
-
-            <div className="w-full text-center px-4">
-                <div className="flex flex-col items-center sm:px-8 lg:p-20 text-center">
-                    <div className="col-span-1 text-gray-400 text-left text-xl-wel font-normalBold pb-10">
-                        More information at a later date...
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-};
-
-export default Logging;
diff --git a/src/app/components/Message.tsx b/src/app/components/Message.tsx
index 407c649..c538cf1 100644
--- a/src/app/components/Message.tsx
+++ b/src/app/components/Message.tsx
@@ -32,8 +32,8 @@ const Message = () => {
 
   // TODO: update the events to a loop create
   return (
-    <div id="rsvp_div" className="py-14">
-      <h4 className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-10 md:mb-16 text-gray-700 px-4">
+    <div id="rsvp_div">
+      <h4 className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center text-gray-700 px-4">
         RSVP
       </h4>
       <div className="flex justify-center px-4">
@@ -49,6 +49,9 @@ const Message = () => {
               >
                 <fieldset disabled={loading}>
                   <div className="mb-6" style={{ textAlign: "center" }}>
+                    <p className="text-fcxl-wel font-normalBold text-black text-center mb-6 mx-3">
+                      We can&apos;t wait to celebrate with you!
+                    </p>
                     <p className="text-xl-wel font-normalBold text-black text-center mb-6 mx-3">
                       What are your arrival and departure dates?
                     </p>
diff --git a/src/app/components/SpotifyPlayer.tsx b/src/app/components/SpotifyPlayer.tsx
index 07b348d..aca0bc3 100644
--- a/src/app/components/SpotifyPlayer.tsx
+++ b/src/app/components/SpotifyPlayer.tsx
@@ -8,33 +8,33 @@ const tokenEndpoint = "https://accounts.spotify.com/api/token";
 const scope = "user-read-private user-read-email";
 
 const SpotifyPlaylist = () => {
-    return (
-        <div id="spotify_div">
-            <div className="text-xl-wel font-normalBold text-gray-800 text-center mb-4  px-4">
-                What song reminds you of us?
-            </div>
-            <div className="text-xl-wel font-normalBold text-gray-800 text-center mb-10 px-4">
-                <a
-                    // TODO: update this link
-                    href="https://open.spotify.com/playlist/62kuDwfMjJQTA6Y1bWAmmW?si=1DSO1-m1SCCRnS1TWdk8uA&pt=51ac97ef0ed32c521f458b1b7365400e&pi=u-8LrVHHMTRUmW"
-                    target="_blank"
-                    rel="noreferrer"
-                >
-                    Contribute to our Spotify playlist. Click HERE
-                </a>
-            </div>
-            <div className="max-w-lg mx-auto px-4 text-center">
-                <iframe
-                    title="sp"
-                    src="https://open.spotify.com/embed/playlist/62kuDwfMjJQTA6Y1bWAmmW?utm_source=generator&theme=0"
-                    width="100%"
-                    height="352"
-                    allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
-                    loading="lazy"
-                ></iframe>
-            </div>
-        </div>
-    );
+  return (
+    <div id="spotify_div">
+      <div className="text-xl-wel font-normalBold text-gray-800 text-center mb-4 px-4">
+        What song reminds you of us?
+      </div>
+      <div className="text-xl-wel font-normalBold text-gray-800 text-center mb-4 px-4">
+        <a
+          // TODO: update this link
+          href="https://open.spotify.com/playlist/62kuDwfMjJQTA6Y1bWAmmW?si=1DSO1-m1SCCRnS1TWdk8uA&pt=51ac97ef0ed32c521f458b1b7365400e&pi=u-8LrVHHMTRUmW"
+          target="_blank"
+          rel="noreferrer"
+        >
+          Contribute to our Spotify playlist. Click HERE
+        </a>
+      </div>
+      <div className="max-w-lg mx-auto px-4 text-center">
+        <iframe
+          title="sp"
+          src="https://open.spotify.com/embed/playlist/62kuDwfMjJQTA6Y1bWAmmW?utm_source=generator&theme=0"
+          width="100%"
+          height="352"
+          allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
+          loading="lazy"
+        ></iframe>
+      </div>
+    </div>
+  );
 };
 
 export default SpotifyPlaylist;
diff --git a/src/app/components/ThingsToDo.tsx b/src/app/components/ThingsToDo.tsx
index 91bb255..9dedba8 100644
--- a/src/app/components/ThingsToDo.tsx
+++ b/src/app/components/ThingsToDo.tsx
@@ -36,7 +36,7 @@ const Activities = [
 const ThingsToDo = () => {
   return (
     <div id="ttd_dev" className="max-w-3xl mx-auto text-center">
-      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-10 pt-10 text-gray-700 px-2">
+      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center text-gray-700 px-2">
         <h4 className="mb-1">Things To Do</h4>
       </div>
 
diff --git a/src/app/components/Timeline.tsx b/src/app/components/Timeline.tsx
index 5e63acd..9b32758 100644
--- a/src/app/components/Timeline.tsx
+++ b/src/app/components/Timeline.tsx
@@ -74,8 +74,8 @@ const timelineEvents = [
 const Timeline = () => {
   return (
     <div id="timeline_div" className="max-w-3xl mx-auto text-center">
-      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center mb-10 pt-10 text-gray-700 px-2">
-        <h4>Timeline</h4>
+      <div className="text-3xl-wel lg:text-5xl-wel font-squiggly text-center text-gray-700 px-2">
+        <h4>Let&apos;s Do This</h4>
       </div>
       <div className="col-span-1 text-gray-400 text-left text-xl-wel font-normalBold pb-4 text-center">
         <h4>Saturday March 8 2025</h4>
diff --git a/src/app/components/Utils/Activity.tsx b/src/app/components/Utils/Activity.tsx
index 331a18d..4b4794d 100644
--- a/src/app/components/Utils/Activity.tsx
+++ b/src/app/components/Utils/Activity.tsx
@@ -1,23 +1,40 @@
 interface ActivityProps {
-    title?: string;
-    url?: string;
-    desc?: string;
-    key?: number;
+  title?: string;
+  url?: string;
+  desc?: string;
+  key?: number;
 }
 
 const Activity = ({ title, url, desc, key }: ActivityProps) => {
-    return (
-        <div key={key} className="w-full text-center px-4 mb-10">
-            <div className="flex flex-col items-center sm:px-8 lg:p-20 text-center">
-                <div className="col-span-1 text-gray-400 text-left text-xl-wel font-normalBold pb-4">
-                    <a href={url} target="_blank" rel="noreferrer">
-                        {title}
-                    </a>
-                </div>
-                <p className="text-gray-500 font-normal leading-6">{desc}</p>
-            </div>
+  return (
+    <div key={key} className="w-full text-center px-4 mb-10">
+      <div className="flex flex-col items-center sm:px-8 text-center">
+        <div className="col-span-1 text-gray-400 text-left text-xl-wel font-normalBold pb-4">
+          <a
+            href={url}
+            target="_blank"
+            rel="noreferrer"
+            style={{ textDecoration: "underline" }}
+          >
+            {title}
+          </a>
+          {title == "Mardi Gras" ? (
+            <a
+              href="https://store.nola.com/products/2025-arthur-hardys-mardi-gras-guide-pre-order"
+              target="_blank"
+              rel="noreferrer"
+              style={{ textDecoration: "underline", marginLeft: "10px" }}
+            >
+              {"(2025 Guide)"}
+            </a>
+          ) : (
+            <></>
+          )}
         </div>
-    );
+        <p className="text-gray-500 font-normal leading-6">{desc}</p>
+      </div>
+    </div>
+  );
 };
 
 export default Activity;
diff --git a/src/app/components/Utils/Profile.tsx b/src/app/components/Utils/Profile.tsx
index a1f7c56..4ab4098 100644
--- a/src/app/components/Utils/Profile.tsx
+++ b/src/app/components/Utils/Profile.tsx
@@ -3,53 +3,53 @@ import TextWithLine from "./TextWithLine";
 import { StaticImageData } from "next/image";
 
 interface ProfileProps {
-    pic?: StaticImageData;
-    altVal?: string;
-    name?: string;
-    role?: string;
-    desc?: string;
-    key?: number;
+  pic?: StaticImageData;
+  altVal?: string;
+  name?: string;
+  role?: string;
+  desc?: string;
+  key?: number;
 }
 
 interface ProfileMinorProps {
-    name?: string;
-    role?: string;
-    key?: number;
+  name?: string;
+  role?: string;
+  key?: number;
 }
 
 export const ProfileMinor = ({ name, role, key }: ProfileMinorProps) => {
-    return (
-        <div
-            key={key}
-            className="col-span-1 text-center md:text-center text-xl-wel font-normalBold text-gray-800"
-        >
-            {name}
-            <div className="mb-4">
-                <TextWithLine>{role}</TextWithLine>
-            </div>
-        </div>
-    );
+  return (
+    <div
+      key={key}
+      className="col-span-1 text-center md:text-center text-xl-wel font-normalBold text-gray-800"
+    >
+      {name}
+      <div className="mb-4">
+        <TextWithLine>{role}</TextWithLine>
+      </div>
+    </div>
+  );
 };
 
 const Profile = ({ pic, altVal, name, role, desc, key }: ProfileProps) => {
-    return (
-        <div className="w-full md:w-1/2 px-4" key={key}>
-            <div className="flex flex-col items-center py-14 sm:px-8 lg:p-20 text-center">
-                <Image
-                    src={pic!}
-                    alt={altVal!}
-                    className="w-48 h-48 rounded-full mb-8"
-                />
-                <h3 className="text-xl-wel font-normalBold mb-4 text-gray-800">
-                    {name!}
-                </h3>
-                <div className="mb-4">
-                    <TextWithLine>{role!}</TextWithLine>
-                </div>
-                <p className="font-normal text-gray-500 leading-6">{desc!}</p>
-            </div>
+  return (
+    <div className="w-full md:w-1/2 px-4" key={key}>
+      <div className="flex flex-col items-center py-10 sm:px-8 text-center">
+        <Image
+          src={pic!}
+          alt={altVal!}
+          className="w-48 h-48 rounded-full mb-8"
+        />
+        <h3 className="text-xl-wel font-normalBold mb-4 text-gray-800">
+          {name!}
+        </h3>
+        <div className="mb-4">
+          <TextWithLine>{role!}</TextWithLine>
         </div>
-    );
+        <p className="font-normal text-gray-500 leading-6">{desc!}</p>
+      </div>
+    </div>
+  );
 };
 
 export default Profile;
diff --git a/src/app/components/Utils/SectionWrapper.tsx b/src/app/components/Utils/SectionWrapper.tsx
index 140c317..5655836 100644
--- a/src/app/components/Utils/SectionWrapper.tsx
+++ b/src/app/components/Utils/SectionWrapper.tsx
@@ -1,16 +1,16 @@
 import type { ReactNode } from "react";
 
 interface SectionWrapperProps {
-    children?: ReactNode;
-    className?: string;
+  children?: ReactNode;
+  className?: string;
 }
 
 const SectionWrapper = ({ children, className }: SectionWrapperProps) => {
-    return (
-        <div className={className}>
-            <div className="max-w-7xl mx-auto px-0 md:px-16">{children}</div>
-        </div>
-    );
+  return (
+    <div className={className}>
+      <div className="max-w-7xl mx-auto px-0 md:px-16 py-10">{children}</div>
+    </div>
+  );
 };
 
 export default SectionWrapper;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a38aad4..4db9739 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,6 @@ import BridalParty from "./components/BridalParty";
 import Countdown from "./components/Countdown";
 import Agenda from "./components/Agenda";
 import LocationMap from "./components/LocationMap";
-import Lodging from "./components/Lodging";
 import ThingsToDo from "./components/ThingsToDo";
 import Timeline from "./components/Timeline";
 import Message from "./components/Message";
@@ -43,60 +42,51 @@ export default function Index() {
       <WelcomeModal isOpen={openWelcome} onClose={onCloseWelcomeModal} />
 
       <Home />
-
       <BurgerMenu />
-
       <FAQ />
 
-      <SectionWrapper className="bg-[#EFEFEF] mb-12">
+      <SectionWrapper className="bg-[#EFEFEF]">
         <BrideAndGroom />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12">
+      <SectionWrapper>
         <Agenda />
       </SectionWrapper>
 
-      <SectionWrapper className="bg-[#EFEFEF] mb-12">
+      <SectionWrapper className="bg-[#EFEFEF]">
         <BridalParty />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12">
+      <SectionWrapper>
         <LocationMap />
       </SectionWrapper>
 
-      <SectionWrapper className="bg-[#EFEFEF] mb-12">
-        <Lodging />
-      </SectionWrapper>
-
-      <SectionWrapper className="mb-12">
+      <SectionWrapper className="bg-[#EFEFEF]">
         <ThingsToDo />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12 bg-[#EFEFEF]">
+      <SectionWrapper>
         <Timeline />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12 pt-12">
+      <SectionWrapper className="bg-[#EFEFEF]">
         <Countdown />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12 bg-[#EFEFEF]">
+      <SectionWrapper>
         <GalleryCarousel />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12">
+      <SectionWrapper className="bg-[#EFEFEF]">
         <SpotifyPlaylist />
       </SectionWrapper>
 
-      <SectionWrapper className="mb-12 bg-[#EFEFEF]">
+      <SectionWrapper>
         <Message />
       </SectionWrapper>
 
       <Credit />
-
-      <SectionWrapper className="mb-12 bg-[#EFEFEF]">
-        <RegistryModal />
-      </SectionWrapper>
+      <RegistryModal />
     </div>
   );
 }