diff --git a/addons/dine360_reservation/views/reservation_templates.xml b/addons/dine360_reservation/views/reservation_templates.xml
index 4156be1..bb9e773 100644
--- a/addons/dine360_reservation/views/reservation_templates.xml
+++ b/addons/dine360_reservation/views/reservation_templates.xml
@@ -2,6 +2,8 @@
 <odoo>
     <template id="reservation_page_template" name="Table Reservation Form">
         <t t-call="website.layout">
+            <t t-set="no_header" t-value="True"/>
+            <t t-set="no_footer" t-value="True"/>
             <t t-set="head">
                 <style>
                     :root {
@@ -61,6 +63,14 @@
                         color: var(--res-secondary-color) !important;
                         border-color: var(--res-primary-color) !important;
                     }
+                    /* Hide website header and footer on the reservation page */
+                    header#top,
+                    footer#bottom {
+                        display: none !important;
+                    }
+                    #wrapwrap {
+                        padding-top: 0 !important;
+                    }
                 </style>
             </t>
             <div id="wrap" class="oe_structure oe_empty">
@@ -231,6 +241,8 @@
 
     <template id="reservation_success_template" name="Reservation Success">
         <t t-call="website.layout">
+            <t t-set="no_header" t-value="True"/>
+            <t t-set="no_footer" t-value="True"/>
             <t t-set="head">
                 <style>
                     :root {
@@ -271,6 +283,14 @@
                         background: color-mix(in srgb, var(--res-primary-color) 80%, black) !important;
                         color: var(--res-secondary-color) !important;
                     }
+                    /* Hide website header and footer on the reservation success page */
+                    header#top,
+                    footer#bottom {
+                        display: none !important;
+                    }
+                    #wrapwrap {
+                        padding-top: 0 !important;
+                    }
                 </style>
             </t>
             <div id="wrap" class="oe_structure">