diff --git a/src/components/ListShows.js b/src/components/ListShows.js
index b15d2ac..21869d5 100644
--- a/src/components/ListShows.js
+++ b/src/components/ListShows.js
@@ -1,4 +1,7 @@
 import React, { useState } from 'react';
+import Header from './Header';
+import Navbar from './NavBar';
+import Footer from './Footer';
 
 function ListShows() {
   const [formData, setFormData] = useState({
@@ -25,7 +28,10 @@ function ListShows() {
   };
 
   return (
-    <div className="min-h-screen bg-gray-100 py-10">
+    <>
+    <Header/>
+    <Navbar/>
+    <div className="min-h-screen bg-gray-100 py-10 mt-5">
       <div className="container mx-auto px-4">
         <div className="text-center mb-12">
           <h1 className="text-5xl font-bold text-red-600 mb-4">
@@ -153,6 +159,8 @@ function ListShows() {
         </form>
       </div>
     </div>
+    <Footer/>
+    </>
   );
 }
 
diff --git a/src/components/Offers.js b/src/components/Offers.js
index 7a304ed..03c097d 100644
--- a/src/components/Offers.js
+++ b/src/components/Offers.js
@@ -1,4 +1,7 @@
 import React from "react";
+import Header from './Header';
+import Navbar from './NavBar';
+import Footer from './Footer';
 
 function Offers() {
   const offers = [
@@ -37,7 +40,10 @@ function Offers() {
   ];
 
   return (
-    <div className="min-h-screen bg-gray-100 py-10">
+    <>
+    <Header/>
+    <Navbar/>
+    <div className="min-h-screen bg-gray-100 py-10 mt-5">
       <div className="container mx-auto px-4">
         <h1 className="text-4xl font-bold text-red-600 mb-6 text-center">
           Special Offers
@@ -69,6 +75,8 @@ function Offers() {
         </div>
       </div>
     </div>
+    <Footer/>
+    </>
   );
 }