<?php session_start(); ?>
<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>
    <!-- Document Meta
    ============================================= -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--IE Compatibility Meta-->
    <meta name="author" content="zytheme">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Elegant Restaurant & Cafe Html5 Template">
    <link href="assets/images/favicon/favicon.png" rel="icon">

    <!-- Fonts
    ============================================= -->
    <link
        href="../css?family=Great+Vibes%7CKaushan+Script%7CRaleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
        rel="stylesheet" type="text/css">

    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <!-- Stylesheets
    ============================================= -->
    <link href="assets/css/external.css" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->

    <!-- Document Title
    ============================================= -->
    <title>Granny | Elegant Restaurant & Cafe Html5 Template</title>
</head>

<body>
    <div class="preloader">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- Document Wrapper
	============================================= -->
    <div id="wrapper" class="wrapper clearfix">
        <!-- New Header -->
        <!-- Top Announcement Bar -->
        <div class="header-top-bar">
            <div class="container">
                <div class="header-top-bar-text">Welcome to Granny Restaurant & Catering Services</div>
                <div class="header-social-icons">
                    <a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" title="Twitter"><i class="fab fa-twitter"></i></a>
                    <a href="#" title="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" title="WhatsApp"><i class="fab fa-whatsapp"></i></a>
                    <a href="#" title="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
        </div>

        <!-- Main Header -->
        <header class="header-main">
            <div class="container">
                <div class="header-logo">
                    <a href="index.html"><img src="assets/images/logo/logo-light.png" alt="Granny Logo"></a>
                </div>

                <div style="display: flex; align-items: center; gap: 20px; flex: 1;">
                    <div class="header-contact-info">
                        <a href="tel:+919876543210" class="header-contact-item">
                            <i class="fas fa-phone"></i>
                            <div class="header-contact-text">
                                <span class="header-contact-label">Call Us:</span>
                                <span class="header-contact-value">+91 98765 43210</span>
                            </div>
                        </a>
                        <a href="mailto:info@granny.com" class="header-contact-item">
                            <i class="fas fa-envelope"></i>
                            <div class="header-contact-text">
                                <span class="header-contact-label">Mail Us:</span>
                                <span class="header-contact-value">info@granny.com</span>
                            </div>
                        </a>
                        <a href="#" class="header-contact-item">
                            <i class="fas fa-map-marker-alt"></i>
                            <div class="header-contact-text">
                                <span class="header-contact-label">Location:</span>
                                <span class="header-contact-value">Egypt</span>
                            </div>
                        </a>
                    </div>
                    <div class="header-auth-section">
                        <a href="#" class="header-auth-btn header-signin-btn">Sign In</a>
                        <a href="#" class="header-auth-btn header-signup-btn">Sign Up</a>
                    </div>
                </div>
            </div>
    </div>
    </header>

    <!-- Navigation Bar -->
    <nav class="header-nav-bar">
        <div class="container" style="display: flex; justify-content: space-between; align-items: center; padding: 0;">
            <button class="header-mobile-toggle" id="headerMenuToggle">
                <i class="fas fa-bars"></i>
            </button>
            <div class="header-navbar-logo">
                <a href="index.html"><img src="assets/images/logo/logo-light.png" alt="Granny Logo"></a>
            </div>
            <ul class="header-nav-menu" id="headerNavMenu">
                <li><a href="index.html">Home</a></li>
                <li class="has-dropdown">
                    <a href="#">About Us</a>
                    <ul class="header-dropdown-menu">
                        <li><a href="page-about.html">Our Story</a></li>
                        <li><a href="page-chefs.html">Our Chefs</a></li>
                        <li><a href="page-contacts.html">Contact Us</a></li>
                        <li><a href="page-faqs.html">FAQs</a></li>
                    </ul>
                </li>
                <li class="has-dropdown">
                    <a href="#">Menu</a>
                    <ul class="header-dropdown-menu">
                        <li><a href="menu-classic.html">Classic Menu</a></li>
                        <li><a href="menu-gallery.html">Gallery</a></li>
                        <li><a href="menu-grid.html">Grid View</a></li>
                    </ul>
                </li>
                <li><a href="#">Weekly Special</a></li>
                <li><a href="#">Catering & Events</a></li>
                <li><a href="#">Online Delivery</a></li>
                <li><a href="page-gallery.html">Gallery</a></li>
                <li><a href="page-contacts.html">Contact Us</a></li>
            </ul>
            <div class="header-nav-right">
                <a href="#" class="header-cart-icon">
                    <i class="fas fa-shopping-cart"></i>
                    <span class="header-cart-count">0</span>
                </a>
                <button class="header-booking-btn">Booking</button>
            </div>
        </div>
    </nav>
    <!-- End Header -->


    <!-- Page Title #4
============================================= -->
    <section id="page-title" class="page-title bg-overlay bg-parallax bg-overlay-gradient">
        <div class="bg-section">
            <img src="assets/images/page-title/11.jpg" alt="Background">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="title title-4 text-center">
                        <div class="title--content">
                            <div class="title--subtitle">You ask, we answer</div>
                            <div class="title--heading">
                                <h1>Frequently Asked Questions</h1>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <ol class="breadcrumb">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="index.html">about</a></li>
                            <li class="active">FAQs</li>
                        </ol>
                        <div class="divider--shape-1down divider--shape-gray"></div>
                    </div>
                    <!-- .title end -->
                </div>
                <!-- .col-md-12 end -->
            </div>
            <!-- .row end -->
        </div>
        <!-- .container end -->
    </section>
    <!-- #page-title end -->

    <!-- Accordion #1
============================================= -->
    <section id="faqs" class="bg-gray pb-90">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-9">
                    <div class="accordion accordion-1" id="accordion01">
                        <!-- Panel 01 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-1">Who is the owner of Granny restaurant?</a>
                            </div>
                            <div id="collapse01-1" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 02 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-2">When did Granny restaurant established?</a>
                            </div>
                            <div id="collapse01-2" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 03 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-3">How many tables in the resturant?</a>
                            </div>
                            <div id="collapse01-3" class="panel--body panel-collapse collapse in">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 04 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-4">How many chefs and workers on Granny restaurant?</a>
                            </div>
                            <div id="collapse01-4" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 05 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-5">Can i have a reservation on Granny?</a>
                            </div>
                            <div id="collapse01-5" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 06 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion06"
                                    href="#collapse01-6">Who is the owner of Granny restaurant?</a>
                            </div>
                            <div id="collapse01-6" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 07 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-7">When did Granny restaurant established?</a>
                            </div>
                            <div id="collapse01-7" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 08 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-8">How many chefs and workers on Granny restaurant?</a>
                            </div>
                            <div id="collapse01-8" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>

                        <!-- Panel 09 -->
                        <div class="panel">
                            <div class="panel--heading">
                                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01"
                                    href="#collapse01-9">Can i have a reservation on Granny?</a>
                            </div>
                            <div id="collapse01-9" class="panel--body panel-collapse collapse">
                                Granny was the first retaurant to open in Egypt, the resturant was designed with the
                                history in mind we have created a soft industrial dining room, combined with an open
                                kitchen, coffee take out bar and on site coffee roastery. Granny was the first retaurant
                                to open in Egypt, the resturant was designed with the history in mind we have created a
                                soft industrial dining room, combined with an open kitchen, coffee take out bar and on
                                site coffee roastery.

                            </div>
                        </div>
                    </div>
                    <!-- End .Accordion-->
                </div>
                <!-- .col-md-9 end -->
                
                <!-- .col-md-3 end -->
            </div>
            <!-- .row end -->
        </div>
        <!-- .container end -->
    </section>

    <div class="clearfix"></div>
    <!-- footer#1
============================================= -->
    <footer id="footer" class="footer footer-premium">
        <!-- Premium Footer Widget Section -->
        <div class="footer--widget-premium">
            <div class="container">
                <div class="row">
                    <!-- Footer Logo & Description -->
                    <div class="col-xs-12 col-sm-12 col-md-3 footer--col-about">
                        <div class="footer--logo-section">
                            <img src="assets/images/logo/logo-light.png" alt="Granny Logo" class="footer--logo">
                            <p class="footer--tagline">Crafted with passion and served with love since 2015</p>
                            <div class="footer--description">
                                <p>Experience culinary excellence at Granny. Our award-winning chefs blend
                                    traditional flavors with modern techniques to create unforgettable dining
                                    moments.</p>
                            </div>
                        </div>
                        <!-- Follow Us Section -->
                        <div class="footer--social-icons-widget">
                            <p
                                style="font-size: 14px; margin-top: 20px; margin-bottom: 10px; color: #c59d5f; font-weight: 600;">
                                Follow Us</p>
                            <div class="social-icons-list">
                                <a href="#" class="social-icon-widget" title="Facebook"><i
                                        class="fa fa-facebook"></i></a>
                                <a href="#" class="social-icon-widget" title="Instagram"><i
                                        class="fa fa-instagram"></i></a>
                                <a href="#" class="social-icon-widget" title="Twitter"><i class="fa fa-twitter"></i></a>
                                <a href="#" class="social-icon-widget" title="Pinterest"><i
                                        class="fa fa-pinterest"></i></a>
                                <a href="#" class="social-icon-widget" title="TripAdvisor"><i
                                        class="fa fa-tripadvisor"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- .col-md-3 end -->

                    <!-- Quick Links -->
                    <div class="col-xs-12 col-sm-6 col-md-3 footer--col-links">
                        <h4 class="footer--title">Quick Links</h4>
                        <ul class="footer--menu">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="menu-board.html">Our Menu</a></li>
                            <li><a href="page-about.html">About Us</a></li>
                            <li><a href="page-gallery.html">Gallery</a></li>
                            <li><a href="page-contacts.html">Contact</a></li>
                            <li><a href="blog-carousel.html">Blog</a></li>
                        </ul>
                    </div>
                    <!-- .col-md-3 end -->

                    <!-- Location & Hours -->
                    <div class="col-xs-12 col-sm-6 col-md-3 footer--col-info">
                        <h4 class="footer--title">Visit Us</h4>
                        <div class="footer--info-item">
                            <i class="fa fa-map-marker"></i>
                            <div class="footer--info-content">
                                <p><strong>Address</strong><br>22 Alnahas Building, 2 AlBahr St<br>Tanta,
                                    Al-Gharbia, Egypt</p>
                            </div>
                        </div>
                        <div class="footer--info-item">
                            <i class="fa fa-clock-o"></i>
                            <div class="footer--info-content">
                                <p><strong>Hours</strong><br>Mon-Fri: 9:00 AM – 12:00 AM<br>Sat: 8:00 AM – 3:00
                                    AM<br>Sun: Closed</p>
                            </div>
                        </div>
                    </div>
                    <!-- .col-md-3 end -->

                    <!-- Contact -->
                    <div class="col-xs-12 col-sm-12 col-md-3 footer--col-contact">
                        <h4 class="footer--title">Connect</h4>
                        <div class="footer--contact-info">
                            <p><i class="fa fa-phone"></i> <a href="tel:+201065370701">(+20) 106-537-0701</a></p>
                            <p><i class="fa fa-envelope"></i> <a href="mailto:info@granny.com">info@granny.com</a>
                            </p>
                        </div>
                        <a class="btn btn--secondary btn--sm" data-toggle="modal"
                            data-target="#reservationPopup">Reserve Table</a>
                    </div>
                </div>
                <!-- .col-md-3 end -->
            </div>
            <!-- .row end -->
        </div>
        <!-- .container end -->
        </div>
        <!-- .footer-widget-premium end -->

        <!-- Divider -->
        <div class="footer--divider"></div>

        <!-- Premium Copyright Section -->
        <div class="footer--copyright-premium">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="footer--copyright-wrapper">
                            <p class="footer--copyright-text">&copy; 2026 <strong>Granny Restaurant & Cafe</strong>. All
                                rights reserved. | Crafted with <i class="fa fa-heart"></i> for food lovers.</p>
                            <div class="footer--links-legal">
                                <a href="#">Privacy Policy</a>
                                <span class="separator">•</span>
                                <a href="#">Terms of Service</a>
                                <span class="separator">•</span>
                                <a href="#">Cookies</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .container end -->
        </div>
        <!-- .footer-copyright-premium end -->
    </footer>
    </div>
    <!-- #wrapper end -->

    <!-- Footer Scripts
============================================= -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script src="assets/js/jquery-2.2.4.min.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/functions.js"></script>
    <script src="assets/js/auth-handler.js"></script>
</body>

</html>