added footer section

index.html

@@ -127,7 +127,7 @@ <h2 class="text-6xl font-bold">A barn house of this design has a <br> striking a
  <!-- Main Section -->
   <main class="bg-[#f4f4f4]">
     <!-- design Section -->
-     <section class=" mb-40">
+     <section class=" mb-24">
 
         <div class="hero bg-base-200 min-h-screen container mx-auto">
             <div class="hero-content p-16 lg:p-6  flex-col-reverse lg:flex-row-reverse">
@@ -210,9 +210,31 @@ <h1 class="text-lg font-bold">Budget Planning</h1>
   </main>
 
   <!-- Footer Section -->
-   <footer>
+
+    <footer class="footer footer-center bg-black text-base-content rounded p-10">
+       <div class="flex">
+        <i class="bg-[#abef5f] p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i>
+        <a class=" text-2xl text-white font-bold">Rinterio</a>
+       </div>
+       <div>
+        <p class="text-white">The barn house captivates with its blend of rustic charm and modern sophistication,<br> featuring weathered wood, sleek metal accents.</p>
+       </div>
+
+
+        <nav class="grid  grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-5 lg:gap-32">
+          <a class="hover:text-[#abef5f] text-white font-bold">Home</a>
+          <a class="hover:text-[#abef5f] text-white font-bold">Secrvice</a>
+          <a class="hover:text-[#abef5f] text-white font-bold">Fortfolio</a>
+          <a class="hover:text-[#abef5f] text-white font-bold">Blogs</a>
+          <a class="hover:text-[#abef5f] text-white font-bold">Contact Us</a>
+          </nav>
 
-   </footer>
+
+            <div class="flex items-center justify-center">
+                <a class="btn text-center bg bg-[#abef5f] rounded-full font-bold">Book Consult <i class="bg-[black] text-white p-2 rounded-full -rotate-45 fa-solid fa-arrow-right"></i></a>
+            </div>
+
+      </footer>
 
 </body>
 </html>