<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="faq_page" name="FAQ Page">
            <t t-call="website.layout">
                <div id="wrap" class="oe_structure">
                    
                    <!-- Page Header / Banner -->
                    <section class="s_page_title o_colored_level" style="background-color: #04121D; background-image: url('/dine360_theme_shivasakthi/static/src/img/faq-banner-bg.png'); background-size: cover; background-position: center; padding: 100px 0; position: relative; overflow: hidden;">
                         <!-- Background elements if needed (optional based on ss, looks clean dark) -->
                         <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;">FAQ</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="/home" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
                                    <!-- Separator (manual or via CSS, bootstrap adds /) -->
                                    <li class="breadcrumb-item active" style="color: #e5b945;" aria-current="page">FAQ</li>
                                </ol>
                            </nav>
                         </div>
                         <div class="o_we_bg_filter bg-black-50"/>
                    </section>

                    <!-- Main FAQ Section -->
                    <section class="s_faq_page_section pt96 pb96 o_colored_level" style="background-color: #F9F6F0;">
                        <div class="container">
                            <div class="row">
                                <!-- Left Content: Questions -->
                                <div class="col-lg-7 mb-5 mb-lg-0">
                                    <div class="pe-lg-5">
                                        <!-- Title -->
                                        <h6 class="d-flex align-items-center mb-3" style="color: #e5b945; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
                                            Shivasakthi
                                        </h6>
                                        <h2 class="display-5 fw-bold mb-5" style="color: #04121D;">Frequently Asked Questions</h2>

                                        <!-- Accordion -->
                                        <div class="accordion custom-faq-accordion" id="faqPageAccordion">
                                            
                                            <!-- Q1 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingOne">
                                                    <button class="accordion-button fw-bold d-flex justify-content-between align-items-center p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                       Why Shivasakthi is the best Indian restaurant in Mississauga?
                                                    </button>
                                                </h2>
                                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                        Shivasakthi is ranked among the best Indian restaurants in Mississauga, offering authentic South Indian flavors with a modern twist. Use quality ingredients and traditional recipes.
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Q2 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingTwo">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                        Does Shivasakthi Offer South Indian Food In Mississauga?
                                                    </button>
                                                </h2>
                                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                       Yes! Shivasakthi specializes in South Indian delicacies like dosas, idlis, and biryanis, served fresh daily.
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Q3 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingThree">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                        What Are The Best Indian Restaurants In Mississauga?
                                                    </button>
                                                </h2>
                                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                        Shivasakthi is rated among the best Indian restaurants in Mississauga, offering authentic South Indian flavors, traditional curries, biryanis, and a warm dining atmosphere. Whether you are looking for fine dining or a casual meal, we are a top choice in Mississauga.
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Q4 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingFour">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                        Where Can I Find The Best Indian Buffet In Mississauga?
                                                    </button>
                                                </h2>
                                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                       At Shivasakthi, we serve a diverse Indian buffet in Mississauga, featuring a wide variety of South Indian and North Indian dishes made fresh daily. It’s the perfect place if you’re craving authentic Indian flavors and endless variety.
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Q5 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingFive">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                        Which Indian Restaurant In Mississauga Offers Authentic South Indian Food?
                                                    </button>
                                                </h2>
                                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                       Shivasakthi specializes in authentic South Indian food in Mississauga, from crispy dosas to spicy curries and flavorful biryanis. Experience the traditional taste of South India right here in Mississauga.
                                                    </div>
                                                </div>
                                            </div>

                                                <!-- Q6 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingSix">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                       What are some good restaurants in Mississauga for Indian food?
                                                    </button>
                                                </h2>
                                                <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                     If you’re searching for good restaurants in Mississauga, Shivasakthi is a must-visit. We offer a wide range of traditional Indian dishes, combining quality ingredients with authentic recipes for an unforgettable dining experience.
                                                    </div>
                                                </div>
                                            </div>


                                            <!-- Q7 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingSeven">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                       Are There Any Fine Dining Indian Restaurants In Mississauga?
                                                    </button>
                                                </h2>
                                                <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                        Yes! Shivasakthi offers a fine dining experience in Mississauga, perfect for special occasions, family dinners, and romantic evenings. Our curated menu and inviting atmosphere make us one of the top fine dining Indian restaurants in Mississauga.    
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Q8 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingEight">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                        Where Can I Find The Best Dosa In Mississauga?
                                                    </button>
                                                </h2>
                                                <div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                       A: Shivasakthi serves the best dosa in Mississauga! From plain dosa to masala dosa, each dish is crafted with authentic flavors and served with traditional chutneys and sambar.
                                                    </div>
                                                </div>
                                            </div>

                                             <!-- Q9 -->
                                            <div class="accordion-item mb-3 border-0 shadow-sm" style="background: transparent;">
                                                <h2 class="accordion-header" id="headingNine">
                                                    <button class="accordion-button collapsed fw-bold p-4 rounded" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine" style="background-color: #F3ECE2; color: #04121D; box-shadow: none;">
                                                        Which Indian restaurant in Mississauga offers vegetarian options?
                                                    </button>
                                                </h2>
                                                <div id="collapseNine" class="accordion-collapse collapse" aria-labelledby="headingNine" data-bs-parent="#faqPageAccordion">
                                                    <div class="accordion-body p-4 pt-0" style="background-color: #F3ECE2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #555; font-size: 15px; line-height: 1.6;">
                                                      Shivasakthi offers a rich variety of vegetarian Indian dishes, from delicious vegetable curries to crispy dosas, making us a top choice for vegetarian dining in Mississauga.
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>

                                <!-- Right Content: Image Slider -->
                                <div class="col-lg-5">
                                    <div id="faqPageCarousel" class="carousel slide h-100 rounded-3 overflow-hidden shadow-lg position-relative" data-bs-ride="carousel">
                                        
                                        <div class="carousel-inner h-100">
                                            <!-- Slide 1 -->
                                            <div class="carousel-item active h-100">
                                                <img src="/dine360_theme_shivasakthi/static/src/img/faq-new-1.png" class="d-block w-100 h-100" style="object-fit: cover; min-height: 600px;" alt="Interior"/>
                                            </div>
                                            <!-- Slide 2 -->
                                            <div class="carousel-item h-100">
                                                <img src="/dine360_theme_shivasakthi/static/src/img/faq-new-2.png" class="d-block w-100 h-100" style="object-fit: cover; min-height: 600px;" alt="Interior"/>
                                            </div>
                                            <!-- Slide 3 -->
                                            <div class="carousel-item h-100">
                                                <img src="/dine360_theme_shivasakthi/static/src/img/faq-new-3.png" class="d-block w-100 h-100" style="object-fit: cover; min-height: 600px;" alt="Interior"/>
                                            </div>
                                        </div>

                                        <!-- Custom Navigation Arrows (centered vertically, appearing on sides) -->
                                        <button class="carousel-control-prev" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="prev" style="opacity: 1;">
                                            <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e5b945; border-radius: 50%; color: #04121D; position: absolute; left: 20px;">
                                                <i class="fa fa-arrow-left"></i>
                                            </span>
                                        </button>
                                        <button class="carousel-control-next" type="button" data-bs-target="#faqPageCarousel" data-bs-slide="next" style="opacity: 1;">
                                            <span class="d-flex justify-content-center align-items-center" style="width: 50px; height: 50px; background-color: #e5b945; border-radius: 50%; color: #04121D; position: absolute; right: 20px;">
                                                <i class="fa fa-arrow-right"></i>
                                            </span>
                                        </button>

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



