diff --git a/addons/dine360_theme_chennora/__manifest__.py b/addons/dine360_theme_chennora/__manifest__.py
index f6974b9..a96ccfb 100644
--- a/addons/dine360_theme_chennora/__manifest__.py
+++ b/addons/dine360_theme_chennora/__manifest__.py
@@ -9,6 +9,7 @@
         'views/layout.xml',     # Header, Footer, and Global Layout changes
         'views/pages.xml',      # specific page content (Home, About, etc.)
         'views/about_page.xml', # About Page
+        'views/contact_page.xml',# Contact Page
         'views/faq_page.xml',   # FAQ Page
         'views/snippets.xml',   # Custom Building Blocks
         'views/options.xml',    # Options for snippets (if any)
diff --git a/addons/dine360_theme_chennora/static/src/img/contact-banner-bg.png b/addons/dine360_theme_chennora/static/src/img/contact-banner-bg.png
new file mode 100644
index 0000000..609837e
Binary files /dev/null and b/addons/dine360_theme_chennora/static/src/img/contact-banner-bg.png differ
diff --git a/addons/dine360_theme_chennora/static/src/img/contact-side-img-new.png b/addons/dine360_theme_chennora/static/src/img/contact-side-img-new.png
new file mode 100644
index 0000000..fdad080
Binary files /dev/null and b/addons/dine360_theme_chennora/static/src/img/contact-side-img-new.png differ
diff --git a/addons/dine360_theme_chennora/static/src/scss/theme.scss b/addons/dine360_theme_chennora/static/src/scss/theme.scss
index 48fb7c0..97f7bdf 100644
--- a/addons/dine360_theme_chennora/static/src/scss/theme.scss
+++ b/addons/dine360_theme_chennora/static/src/scss/theme.scss
@@ -1,5 +1,83 @@
 /* Chennora Theme Custom Styles */
 
+/* Header Navigation Styles */
+header {
+
+    // Navigation Links
+    .navbar-nav {
+        .nav-link {
+            color: #FECD4F !important;
+            font-weight: 600;
+            transition: all 0.3s ease;
+
+            &:hover {
+                color: #2BB1A5 !important;
+                transform: translateY(-2px);
+            }
+        }
+
+        .nav-item.active .nav-link {
+            color: #FECD4F !important;
+        }
+    }
+
+    // Top header links (phone, search, cart, etc.)
+    .o_header_affix_top {
+        a:not(.btn):not(.btn-primary) {
+            color: #FECD4F !important;
+            transition: color 0.3s ease;
+
+            &:hover {
+                color: #2BB1A5 !important;
+            }
+        }
+
+        .fa {
+            color: #FECD4F !important;
+        }
+    }
+
+    // Contact Us Button - Odoo CTA Button
+    .btn,
+    .btn-primary,
+    .o_header_cta_btn,
+    .btn-contact,
+    a.btn[href="/contactus"],
+    a.btn[href*="contact"] {
+        background-color: #FECD4F !important;
+        color: #04121D !important;
+        border: none !important;
+        border-radius: 8px !important;
+        padding: 10px 25px !important;
+        font-weight: 700 !important;
+        text-transform: uppercase !important;
+        transition: all 0.3s ease !important;
+        box-shadow: 0 4px 10px rgba(254, 205, 79, 0.3) !important;
+        text-decoration: none !important;
+
+        &:hover {
+            background-color: #04121D !important;
+            color: #FECD4F !important;
+            transform: translateY(-2px) !important;
+            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
+        }
+    }
+
+    // All header links (excluding buttons)
+    a:not(.btn):not(.btn-primary):not(.o_header_cta_btn) {
+        color: #FECD4F !important;
+
+        &:hover {
+            color: #2BB1A5 !important;
+        }
+    }
+
+    // Header icons
+    i.fa {
+        color: #FECD4F !important;
+    }
+}
+
 // Hero Button Hover
 .btn-lg.flat:hover,
 .btn-custom:hover {
@@ -355,7 +433,7 @@ section h2.display-4 {
             padding: 0 !important;
 
             .s_website_form_mark {
-                color: #d6111e;
+                color: #FECD4F;
                 margin-left: 3px;
             }
         }
@@ -363,7 +441,7 @@ section h2.display-4 {
         .form-control,
         .form-select {
             background-color: #f8f9fa !important;
-            border: 1px solid transparent !important;
+            border: 1px solid #FECD4F !important;
             border-radius: 10px !important;
             padding: 14px 18px !important;
             font-size: 15px !important;
diff --git a/addons/dine360_theme_chennora/views/contact_page.xml b/addons/dine360_theme_chennora/views/contact_page.xml
new file mode 100644
index 0000000..8a10852
--- /dev/null
+++ b/addons/dine360_theme_chennora/views/contact_page.xml
@@ -0,0 +1,207 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <template id="contact_page" inherit_id="website.contactus" name="Chennora Contact Page" priority="1000">
+            <xpath expr="//div[@id='wrap']" position="replace">
+                <div id="wrap" class="oe_structure">
+                    
+                    <!-- 1. HERO BANNER -->
+                    <section class="s_page_title o_colored_level" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/contact-banner-bg.png'); background-size: cover; background-position: center; padding: 120px 0; position: relative;">
+                         <div class="o_we_bg_filter bg-black-50"/>
+                         <div class="container text-center text-white position-relative" style="z-index: 2;">
+                            <h1 class="display-3 fw-bold mb-3" style="text-transform: uppercase; letter-spacing: 1px;">Contact Us</h1>
+                            <nav aria-label="breadcrumb" class="d-flex justify-content-center">
+                                <ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
+                                    <li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
+                                    <li class="breadcrumb-item active" style="color: #FECD4F;" aria-current="page">Contact Us</li>
+                                </ol>
+                            </nav>
+                         </div>
+                    </section>
+
+                    <!-- 2. CONTACT INFO SECTION -->
+                    <section class="s_contact_info pt80 pb80" style="background-color: #F9F6F0;">
+                        <div class="container">
+                            <div class="text-center mb-5">
+                                <h6 style="color: #2BB1A5; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px;">
+                                    <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px;" alt=""/> 
+                                    CHENNORA 
+                                    <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px;" alt=""/>
+                                </h6>
+                                <h2 class="display-5 fw-bold" style="color: #04121D;">Contact</h2>
+                                <p class="text-muted mt-3" style="max-width: 800px; margin: 0 auto; font-size: 14px;">
+                                    Looking for 'Indian restaurants near me' in Brampton? Find us conveniently located near Downtown Brampton. Chennora is your go-to destination for authentic Indian and South Indian food in Brampton, Ontario. Call us or drop by for dine-in, takeout, or catering services.
+                                </p>
+                            </div>
+
+                            <div class="row g-4 justify-content-center">
+                                <!-- Address -->
+                                <div class="col-lg-3 col-md-6">
+                                    <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                            <i class="fa fa-map-marker fa-lg"></i>
+                                        </div>
+                                        <h5 class="fw-bold mb-2">Our Address</h5>
+                                        <p class="text-muted small mb-0">Chennora Indian Kitchen Bar<br/>Unit 66, 11665 McVean Dr, Brampton</p>
+                                    </div>
+                                </div>
+                                <!-- Email -->
+                                <div class="col-lg-3 col-md-6">
+                                    <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                            <i class="fa fa-envelope fa-lg"></i>
+                                        </div>
+                                        <h5 class="fw-bold mb-2">Email</h5>
+                                        <p class="text-muted small mb-0">chennorakitchen@gmail.com</p>
+                                    </div>
+                                </div>
+                                <!-- Call Us -->
+                                <div class="col-lg-3 col-md-6">
+                                    <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                            <i class="fa fa-phone fa-lg"></i>
+                                        </div>
+                                        <h5 class="fw-bold mb-2">Call Us</h5>
+                                        <p class="text-muted small mb-0">+1(647)856-2878</p>
+                                    </div>
+                                </div>
+                                <!-- Opening Hours -->
+                                <div class="col-lg-3 col-md-6">
+                                    <div class="bg-white p-4 text-center h-100 rounded-3 shadow-sm border-bottom border-warning border-3">
+                                        <div class="mb-3 d-inline-flex align-items-center justify-content-center rounded-circle" style="width: 60px; height: 60px; background-color: #FEF2F2; color: #DC2626;">
+                                            <i class="fa fa-clock-o fa-lg"></i>
+                                        </div>
+                                        <h5 class="fw-bold mb-2">Opening Hours</h5>
+                                        <p class="text-muted small mb-0">Sunday - Thursday: 12 PM - 9 PM<br/>Friday &amp; Saturday: 12 PM - 11 PM</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+
+                    <!-- 3. FORM & IMAGE SECTION -->
+                    <section class="s_contact_form_wrapper pb96 pt48" style="background-color: #F9F6F0;">
+                        <div class="container">
+                            <div class="row align-items-center">
+                                <!-- Left Image -->
+                                <div class="col-lg-6 mb-5 mb-lg-0">
+                                    <div class="position-relative p-3">
+                                        <div class="position-absolute" style="background-color: #FECD4F; bottom: 0; left: 0; width: 90%; height: 90%; z-index: 0; border-radius: 2px;"></div>
+                                        <div class="position-relative bg-white p-2 shadow-sm" style="z-index: 1; margin: 0 20px 20px 20px;">
+                                            <img src="/dine360_theme_chennora/static/src/img/contact-side-img-new.png" class="img-fluid w-100" style="object-fit: cover; height: 500px;" alt="Interior"/>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <!-- Right Form -->
+                                <div class="col-lg-6">
+                                    <div class="bg-white p-5 rounded-3 shadow-lg">
+                                        <h3 class="fw-bold mb-4" style="color: #04121D;">Get In Touch For Reservations Or Inquiries!</h3>
+                                        
+                                        <!-- Odoo Form Implementation -->
+                                        <section class="s_website_form" data-vcss="001" data-snippet="s_website_form_default">
+                                            <div class="container">
+                                                <form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-model_name="mail.mail" data-success-mode="redirect" data-success-page="/contactus-thank-you" data-pre-fill="true">
+                                                    <div class="s_website_form_rows row s_col_no_bgcolor">
+                                                        
+                                                        <!-- Full Name -->
+                                                        <div class="col-lg-6 mb-4 s_website_form_field" data-type="char" data-name="Field">
+                                                            <div class="s_col_no_resize s_col_no_bgcolor">
+                                                                <label class="form-label fw-normal" for="contact_name" style="color: #666; font-size: 15px;">
+                                                                    Full Name
+                                                                    <span class="s_website_form_mark text-danger"> *</span>
+                                                                </label>
+                                                                <div>
+                                                                    <input type="text" class="form-control s_website_form_input" name="name" required="1" placeholder="Full Name" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+
+                                                        <!-- Email Address -->
+                                                        <div class="col-lg-6 mb-4 s_website_form_field" data-type="email" data-name="Field">
+                                                            <div class="s_col_no_resize s_col_no_bgcolor">
+                                                                <label class="form-label fw-normal" for="contact_email" style="color: #666; font-size: 15px;">
+                                                                    Email Address
+                                                                    <span class="s_website_form_mark text-danger"> *</span>
+                                                                </label>
+                                                                <div>
+                                                                    <input type="email" class="form-control s_website_form_input" name="email_from" required="1" placeholder="" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+
+                                                        <!-- Phone Number -->
+                                                        <div class="col-lg-6 mb-4 s_website_form_field" data-type="tel" data-name="Field">
+                                                            <div class="s_col_no_resize s_col_no_bgcolor">
+                                                                <label class="form-label fw-normal" for="phone" style="color: #666; font-size: 15px;">
+                                                                    Phone Number
+                                                                    <span class="s_website_form_mark text-danger"> *</span>
+                                                                </label>
+                                                                <div>
+                                                                    <input type="tel" class="form-control s_website_form_input" name="phone" placeholder="" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"/>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+
+                                                        <!-- Subject -->
+                                                        <div class="col-lg-6 mb-4 s_website_form_field" data-type="char" data-name="Field">
+                                                            <div class="s_col_no_resize s_col_no_bgcolor">
+                                                                <label class="form-label fw-normal" for="subject" style="color: #666; font-size: 15px;">
+                                                                    Subject
+                                                                    <span class="s_website_form_mark text-danger"> *</span>
+                                                                </label>
+                                                                <div>
+                                                                    <select class="form-select s_website_form_input" name="subject" style="background-color: #F8F9FA; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;">
+                                                                        <option value="" disabled="disabled" selected="selected">Select Subject</option>
+                                                                        <option value="Complain">Complain</option>
+                                                                        <option value="Greetings">Greetings</option>
+                                                                        <option value="Expire Date">Expire Date</option>
+                                                                        <option value="About Price">About Price</option>
+                                                                        <option value="About Order">About Order</option>
+                                                                    </select>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+
+                                                        <!-- Message -->
+                                                        <div class="col-12 mb-4 s_website_form_field" data-type="text" data-name="Field">
+                                                            <div class="s_col_no_resize s_col_no_bgcolor">
+                                                                <label class="form-label fw-normal" for="description" style="color: #666; font-size: 15px;">
+                                                                    Message
+                                                                    <span class="s_website_form_mark text-danger"> *</span>
+                                                                </label>
+                                                                <div>
+                                                                    <textarea class="form-control s_website_form_input" name="description" required="1" placeholder="Message" rows="5" style="background-color: #FFFFFF; border: 1px solid #2BB1A5 !important; border-radius: 8px; padding: 12px; color: #2BB1A5 !important; font-size: 14px;"></textarea>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+
+                                                        <!-- Submit Button -->
+                                                        <div class="col-12 s_website_form_submit" data-name="Submit Button">
+                                                            <button type="submit" class="btn btn-primary btn-lg w-100 fw-bold" style="background-color: #2BB1A5 !important; border: none; color: #04121D; padding: 15px; text-transform: uppercase; border-radius: 4px;">
+                                                                Submit Now <i class="fa fa-long-arrow-right ms-2"></i>
+                                                            </button>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                            </div>
+                                        </section>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+                    
+                    <!-- 4. MAP SECTION -->
+                    <section class="s_map pb0" data-snippet="s_map" data-name="Map">
+                        <div class="map_container o_not_editable" style="height: 600px !important; width: 100%;">
+                             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2882.023604364022!2d-79.69973268450123!3d43.79155297911666!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3d8f3b1b3b1b%3A0x1b3b1b3b1b3b1b3b!2s11665%20McVean%20Dr%2C%20Brampton%2C%20ON%20L6P%201J7%2C%20Canada!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus" 
+                                width="100%" height="600" style="border:0; height: 600px !important; width: 100%;" allowfullscreen="" loading="lazy"></iframe>
+                        </div>
+                    </section>
+
+                </div>
+            </xpath>
+        </template>
+    </data>
+</odoo>
diff --git a/addons/dine360_theme_chennora/views/layout.xml b/addons/dine360_theme_chennora/views/layout.xml
index 83bb209..5743ae0 100644
--- a/addons/dine360_theme_chennora/views/layout.xml
+++ b/addons/dine360_theme_chennora/views/layout.xml
@@ -102,7 +102,7 @@
                 </div>
             </div> -->
 
-            <t t-set="cta_btn_text" t-value="False"/>
+            <t t-set="cta_btn_text">Contact Us</t>
             <t t-set="cta_btn_href">/contactus</t>
             <t t-set="extra_items_toggle_aria_label">Extra items button</t>
         </xpath>
diff --git a/addons/dine360_theme_chennora/views/pages.xml b/addons/dine360_theme_chennora/views/pages.xml
index e24f061..de9f7aa 100644
--- a/addons/dine360_theme_chennora/views/pages.xml
+++ b/addons/dine360_theme_chennora/views/pages.xml
@@ -772,105 +772,6 @@
         
 
 
-        <!-- ====================================================== -->
-        <!-- 3. CONTACT US PAGE                                      -->
-        <!-- ====================================================== -->
-        <template id="custom_contactus" inherit_id="website.contactus" name="Chennora Contact Us">
-            <xpath expr="//div[@id='wrap']" position="replace">
-                <div id="wrap" class="oe_structure">
-                    <section class="about-hero-banner o_colored_level" data-snippet="s_title">
-                        <div class="container s_allow_columns z-index-1">
-                            <h1>Contact Us</h1>
-                            <div class="breadcrumb-container">
-                                <a href="/">Home</a>
-                                <span class="separator">/</span>
-                                <span class="active-item">Contact Us</span>
-                            </div>
-                        </div>
-                    </section>
-
-                    <!-- Premium Contact Section -->
-                    <section class="s_contact_premium o_colored_level" data-snippet="s_contact_premium" data-name="Premium Contact">
-                        <div class="container">
-                            <div class="row align-items-center">
-                                <!-- Left Image Side -->
-                                <div class="col-lg-6 mb-5 mb-lg-0 o_colored_level text-center">
-                                    <div class="contact-image-wrapper o_animate o_anim_fade_in">
-                                        <img src="/dine360_theme_chennora/static/src/img/contact-side-img.png" class="img img-fluid mx-auto" alt="Contact Side Image"/>
-                                    </div>
-                                </div>
-
-                                <!-- Right Form Side -->
-                                <div class="col-lg-6 ps-lg-5 o_colored_level">
-                                    <div class="contact-form-card">
-                                        <h2>Get In Touch For Reservations Or Inquiries!</h2>
-                                        <div id="contactus_form_container">
-                                            <form id="contactus_form" action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-model_name="crm.lead" data-success-mode="redirect" data-success-page="/contactus-thank-you" data-pre-fill="true">
-                                                <div class="s_website_form_rows row s_col_no_bgcolor">
-                                                    <!-- Full Name & Email (Two Columns) -->
-                                                    <div class="col-md-6 mb-3 s_website_form_field s_website_form_custom" data-type="char" data-name="Field">
-                                                        <label class="s_website_form_label" for="contact_name">
-                                                            <span class="s_website_form_label_content">Full Name</span>
-                                                            <span class="s_website_form_mark">*</span>
-                                                        </label>
-                                                        <input id="contact_name" type="text" class="form-control s_website_form_input" name="contact_name" placeholder="Full Name" required="" data-fill-with="name"/>
-                                                    </div>
-                                                    <div class="col-md-6 mb-3 s_website_form_field s_website_form_required" data-type="email" data-name="Field">
-                                                        <label class="s_website_form_label" for="email_from">
-                                                            <span class="s_website_form_label_content">Email Address</span>
-                                                            <span class="s_website_form_mark">*</span>
-                                                        </label>
-                                                        <input id="email_from" type="email" class="form-control s_website_form_input" name="email_from" placeholder="Email Address" required="" data-fill-with="email"/>
-                                                    </div>
-
-                                                    <!-- Phone & Subject (Two Columns) -->
-                                                    <div class="col-md-6 mb-3 s_website_form_field s_website_form_custom" data-type="tel" data-name="Field">
-                                                        <label class="s_website_form_label" for="phone">
-                                                            <span class="s_website_form_label_content">Phone Number</span>
-                                                            <span class="s_website_form_mark">*</span>
-                                                        </label>
-                                                        <input id="phone" type="tel" class="form-control s_website_form_input" name="phone" placeholder="Phone Number" data-fill-with="phone"/>
-                                                    </div>
-                                                    <div class="col-md-6 mb-3 s_website_form_field s_website_form_required" data-type="char" data-name="Field">
-                                                        <label class="s_website_form_label" for="subject">
-                                                            <span class="s_website_form_label_content">Subject</span>
-                                                            <span class="s_website_form_mark">*</span>
-                                                        </label>
-                                                        <select id="subject" class="form-select s_website_form_input" name="name" required="">
-                                                            <option value="" disabled="" selected="">Select Subject</option>
-                                                            <option value="Reservation">Reservation</option>
-                                                            <option value="Inquiry">Inquiry</option>
-                                                            <option value="Feedback">Feedback</option>
-                                                            <option value="Other">Other</option>
-                                                        </select>
-                                                    </div>
-
-                                                    <!-- Message -->
-                                                    <div class="col-12 mb-3 s_website_form_field s_website_form_required" data-type="text" data-name="Field">
-                                                        <label class="s_website_form_label" for="description">
-                                                            <span class="s_website_form_label_content">Message</span>
-                                                            <span class="s_website_form_mark">*</span>
-                                                        </label>
-                                                        <textarea id="description" class="form-control s_website_form_input" name="description" placeholder="Message" required="" rows="4"></textarea>
-                                                    </div>
-
-                                                    <!-- Submit Button -->
-                                                    <div class="col-12 s_website_form_submit text-center">
-                                                        <button type="submit" class="btn s_website_form_send">Submit Now</button>
-                                                        <span id="s_website_form_result"></span>
-                                                    </div>
-                                                </div>
-                                            </form>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
-                </div>
-            </xpath>
-        </template>
-
         <!-- ====================================================== -->
         <!-- 4. SHOP PAGE                                            -->
         <!-- ====================================================== -->