diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 19f793d..70e1d5f 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -13,11 +13,11 @@
 	<nav class="flex items-center justify-between flex-wrap pt-12 z-30">
 	  <div class="bg-[#a99dab] w-full block flex-grow lg:hidden">
 	    <div id="nav-links" class="text-xl max-md:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
-	      <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
-	      <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
-	      <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Dress</a>
-	      <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
-	      <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white pb-4">RSVP</a>
+	      <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
+	      <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
+	      <a href="#dress" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Dress</a>
+	      <a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
+	      <a href="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white pb-4">RSVP</a>
 	    </div>
 	  </div>
 	</nav>
@@ -48,55 +48,56 @@
 	  <!-- </div> -->
       <div class="w-full block flex-grow max-md:hidden lg:flex lg:w-auto  lg:justify-center">
 	<div id="nav-links-lg" class="text-xl  flex flex-col lg:flex-row lg:mr-4">
-	  <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
-	  <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
-	  <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Dress</a>
-	  <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
-	  <a href="#" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a>
+	  <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
+	  <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
+	  <a href="#dress" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Dress</a>
+	  <a href="#registry" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Registry</a>
+	  <a href="#rsvp" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white">RSVP</a>
 	</div>
       </div>
   </div>
 </div>
 <div id="ceremony" class="w-screen bg-[#a99dab]">
   <div class="container mx-auto ">
-    <div class="bg-amber-100 h-36">
-      <div class="flex flex-row">
-	<div class="basis-1/3">Insert Picture here</div>
-	<div class="basis-2/3">
-	  <h1 class="text-3xl">Ceremony & Reception</h1>
+    <div class="bg-[#ddd3be] text-slate-900">
+      <div class="flex flex-col">
+	<div class="basis-1/3">
+	  <h1 class="text-3xl px-4 py-8">Ceremony & Reception</h1>
+
+	  <p class="text-xl px-4 py-8">We will be celebrating our wedding at Penn Oaks Golf Club in West Chester, Pennsylvania 
+	</div>
+	<div class="basis-2/3 h-[400px] overflow-hidden mx-auto">
+<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6120.924192987885!2d-75.56311592187585!3d39.908673971526014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6f042ac27b4e9%3A0xc4a8ba245e1ee29d!2sPenn%20Oaks%20Golf%20Club!5e0!3m2!1sen!2sus!4v1731812607168!5m2!1sen!2sus" width="370" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
 	</div>
       </div>
     </div>
   </div>
 </div>
-<div id="accommodations" class="w-screen bg-[#a99dab]">
-  <div class="container mx-auto ">
-    <div class="bg-amber-300 h-36">
-      <h1 class="text-3xl">Accommodations</h1>    
+<div id="accommodations" class="w-screen bg-[#9d8ca4] text-slate-200">
+  <div class="container mx-auto">
+    <div class="h-36">
+      <h1 class="text-3xl py-8">Accommodations</h1>    
     </div>
   </div>
 </div>
-<div id="dress" class="w-screen bg-[#a99dab]">
+<div id="dress" class="w-screen bg-[#92a084] text-slate-200">
   <div class="container mx-auto ">
-    <div class="bg-amber-100 h-36">
+    <div class="h-36">
       <h1 class="text-3xl">Dress</h1>        
     </div>
   </div>
 </div>
-<div id="Registry" class="w-screen bg-[#a99dab]">
+<div id="Registry" class="w-screen bg-[#9d8ca4] text-slate-200">
   <div class="container mx-auto ">
-    <div class="bg-amber-300 h-36">
+    <div class="h-36">
       <h1 class="text-3xl">Registry</h1>
     </div>
   </div>
 </div>
-<div id="rsvp" class="w-screen bg-[#a99dab]">
+<div id="rsvp" class="w-screen bg-[#92a084] text-slate-200">
   <div class="container mx-auto ">
-    <div class="bg-amber-100 h-36">
+    <div class="h-36">
       <h1 class="text-3xl">RSVP</h1>
     </div>
   </div>
 </div>
-
-  <!--- Hero END -->
-
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 92c8296..ed4508a 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -13,7 +13,9 @@
     <link rel="icon" href="/icon.png" type="image/png">
     <link rel="icon" href="/icon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/icon.png">
+
     <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
   </head>