<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="about_page" inherit_id="website.aboutus" name="About Us Page" priority="1000">
            <xpath expr="//div[@id='wrap']" position="replace">
                <div id="wrap" class="oe_structure">
                    
                    <!-- Page Banner -->
                    <section class="s_page_title o_colored_level" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/about-banner-new.png'); background-size: cover; background-position: center; padding: 100px 0; position: relative; overflow: hidden;">
                         <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="letter-spacing: 1px;">ABOUT 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">About Us</li>
                                </ol>
                            </nav>
                         </div>
                    </section>

                    <!-- Main About Section -->
                    <section class="s_about_page_new pt96 pb96 o_colored_level position-relative" style="background-color: #F9F6F0; overflow: hidden;">
                        
                        <!-- Floating Elements -->
                        <!-- Lemon (Left) -->
                        <img src="/dine360_theme_chennora/static/src/img/about-new-lemon.png" alt="" class="position-absolute d-none d-lg-block" style="left: -2%; top: 50%; width: 150px; transform: translateY(-50%); z-index: 1;"/>
                        
                        <!-- Basil (Bottom Left) -->
                        <img src="/dine360_theme_chennora/static/src/img/about-new-basil.png" alt="" class="position-absolute d-none d-lg-block" style="left: 10%; bottom: 5%; width: 120px; z-index: 1;"/>
                        
                        <!-- Pepper (Top Right) -->
                        <img src="/dine360_theme_chennora/static/src/img/about-new-pepper.png" alt="" class="position-absolute d-none d-lg-block" style="right: 5%; top: 10%; width: 100px; z-index: 1;"/>


                        <div class="container position-relative" style="z-index: 2;">
                            <div class="row align-items-center">
                                
                                <!-- Left Image Side -->
                                <div class="col-lg-6 mb-5 mb-lg-0">
                                    <div class="position-relative p-3">
                                        <!-- Yellow Background/Border Effect -->
                                        <div class="position-absolute" style="background-color: #FECD4F; top: 0; left: 0; width: 85%; height: 90%; z-index: 0; border-radius: 2px;"></div>
                                        
                                        <!-- Main Image -->
                                        <div class="position-relative bg-white p-2 shadow-sm" style="z-index: 1; margin: 30px 0 0 30px;">
                                            <img src="/dine360_theme_chennora/static/src/img/about-new-main.png" class="img-fluid w-100" alt="Authentic South Indian Dish" style="object-fit: cover; min-height: 400px;"/>
                                        </div>
                                    </div>
                                </div>

                                <!-- Right Content Side -->
                                <div class="col-lg-6 ps-lg-5">
                                    <div class="about-content-wrapper">
                                        <!-- Subtitle -->
                                        <h6 class="d-flex align-items-center mb-3" style="color: #2BB1A5; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px;">
                                            <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px; margin-right: 8px;" alt=""/>
                                            ABOUT US
                                            <img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px; margin-left: 8px;" alt=""/>
                                        </h6>

                                        <!-- Title -->
                                        <h2 class="display-5 fw-bold mb-4" style="color: #04121D; line-height: 1.2;">Bringing Authentic South Indian Cuisine To Brampton</h2>
                                        
                                        <!-- Small Bold Header -->
                                        <h5 class="fw-bold mb-3" style="color: #04121D; font-size: 18px;">Our Story, Our Passion For Freshness And Flavor</h5>

                                        <!-- Description -->
                                        <div class="text-muted" style="font-size: 15px; line-height: 1.7;">
                                            <p class="mb-3">
                                                At Chennora, we believe that every meal should be a celebration of authentic Indian flavors. As one of the top Indian restaurants in Brampton, we take pride in serving dishes that capture the rich traditions of South India. Whether you're visiting for a casual lunch, a family dinner, or a special event, our team is committed to delivering the best Indian food experience in Brampton.
                                            </p>
                                            <p class="mb-3">
                                                Our chefs bring generations of expertise to every dish — from the famous Hyderabadi biryani to the crispy masala dosas. Visit Chennora today and find out why we are a top-rated South Indian restaurant in Brampton.
                                            </p>
                                            <p class="mb-3">
                                                Chennora stands out for its dedication to freshness, authenticity, and variety. Our menu features iconic Tamil Nadu specialties like Madurai Mutton Bone Soup, Seeraga Samba Mutton Dum Biryani, and classic dosas, idlis, and uttapams. For something different, try our Indo-Chinese dishes or indulge in our exclusive weekend specials for a unique culinary experience.
                                            </p>
                                            <p class="mb-0">
                                                Whether you're stopping by for a quick bite, a hearty meal, or a special celebration, our team ensures a warm welcome and an unforgettable dining experience. Blending tradition with modern flair, Chennora isn't just a restaurant—it's a tribute to Chennai's rich and vibrant culinary heritage
                                            </p>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                </div>
            </xpath>
        </template>
    </data>
</odoo>
