add a new FAQ page with a banner, accordion, and supporting assets.
This commit is contained in:
Alaguraj0361
parent
21da2e5160
commit
f30dccb136
@ -8,6 +8,7 @@
|
|||||||
'data': [
|
'data': [
|
||||||
'views/layout.xml', # Header, Footer, and Global Layout changes
|
'views/layout.xml', # Header, Footer, and Global Layout changes
|
||||||
'views/pages.xml', # specific page content (Home, About, etc.)
|
'views/pages.xml', # specific page content (Home, About, etc.)
|
||||||
|
'views/faq_page.xml', # FAQ Page
|
||||||
'views/snippets.xml', # Custom Building Blocks
|
'views/snippets.xml', # Custom Building Blocks
|
||||||
'views/options.xml', # Options for snippets (if any)
|
'views/options.xml', # Options for snippets (if any)
|
||||||
'data/website_data.xml', # Data for creating pages
|
'data/website_data.xml', # Data for creating pages
|
||||||
|
|||||||
@ -10,5 +10,13 @@
|
|||||||
<field name="name">About Us</field>
|
<field name="name">About Us</field>
|
||||||
<field name="website_indexed" eval="True"/>
|
<field name="website_indexed" eval="True"/>
|
||||||
</record>
|
</record>
|
||||||
|
|
||||||
|
<record id="faq_page_chennora" model="website.page">
|
||||||
|
<field name="url">/faq</field>
|
||||||
|
<field name="is_published">True</field>
|
||||||
|
<field name="view_id" ref="dine360_theme_chennora.faq_page"/>
|
||||||
|
<field name="name">FAQ</field>
|
||||||
|
<field name="website_indexed" eval="True"/>
|
||||||
|
</record>
|
||||||
</data>
|
</data>
|
||||||
</odoo>
|
</odoo>
|
||||||
|
|||||||
BIN
addons/dine360_theme_chennora/static/src/img/faq-banner-bg.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/faq-banner-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
addons/dine360_theme_chennora/static/src/img/faq-new-1.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/faq-new-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 865 KiB |
BIN
addons/dine360_theme_chennora/static/src/img/faq-new-2.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/faq-new-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 KiB |
BIN
addons/dine360_theme_chennora/static/src/img/faq-new-3.png
Normal file
BIN
addons/dine360_theme_chennora/static/src/img/faq-new-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 865 KiB |
184
addons/dine360_theme_chennora/views/faq_page.xml
Normal file
184
addons/dine360_theme_chennora/views/faq_page.xml
Normal file
@ -0,0 +1,184 @@
|
|||||||
|
<?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_chennora/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="/" 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: #FECD4F;" 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: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
||||||
|
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px; margin-right: 10px;" alt=""/>
|
||||||
|
CHENNORA
|
||||||
|
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 20px; margin-left: 10px;" alt=""/>
|
||||||
|
</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 Chennora Is The Best Indian Restaurant In Brampton?
|
||||||
|
</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;">
|
||||||
|
Chennora is ranked among the best Indian restaurants in Brampton, 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 Chennora Offer South Indian Food In Brampton?
|
||||||
|
</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, absolutely! We specialize in traditional South Indian dishes including Dosa, Idli, Vada, and various rice specialties.
|
||||||
|
</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 Brampton?
|
||||||
|
</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;">
|
||||||
|
While there are many choices, Chennora stands out for its authentic ambiance, premium service, and consistent quality of food.
|
||||||
|
</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 Brampton?
|
||||||
|
</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;">
|
||||||
|
Please check our website or contact us directly for our latest buffet timings and offerings.
|
||||||
|
</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 Brampton 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;">
|
||||||
|
Chennora is your go-to destination for authentic South Indian cuisine prepared by experienced chefs.
|
||||||
|
</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;">
|
||||||
|
Are There Any Fine Dining Indian Restaurants In Brampton?
|
||||||
|
</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;">
|
||||||
|
Yes, we provide a fine dining experience suitable for families, couples, and large gatherings.
|
||||||
|
</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;">
|
||||||
|
Where Can I Find The Best Dosa In Brampton?
|
||||||
|
</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;">
|
||||||
|
Our Dosas are famous for their crispiness and authentic chutneys. Come try them out!
|
||||||
|
</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_chennora/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_chennora/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_chennora/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: #FECD4F; 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: #FECD4F; 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>
|
||||||
Loading…
x
Reference in New Issue
Block a user