Server : LiteSpeed System : Linux us-phx-web1202.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u615232177 ( 615232177) PHP Version : 8.1.33 Disable Function : NONE Directory :  /home/u615232177/domains/base24rooftop.com/public_html/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<?php 
session_start();
$page_name  = basename($_SERVER['PHP_SELF']);
$page_title = "Menu";
$page_header = "c9a189edf4.jpg";
include("header.php"); 
?>
<title><?php echo $company_name; ?> - <?php echo $page_title; ?></title>
<?php include("page_header.php"); ?>

<br><br>

<style>
.menu-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
    cursor: pointer;
}

.menu-card:hover {
    transform: translateY(-5px) scale(1.02);
}

.menu-img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    filter: brightness(70%);
    transition: filter 0.3s ease;
}

.menu-card:hover .menu-img {
    filter: brightness(60%);
}

.menu-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    padding: 25px;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 15px;
    max-width: 80%;
}

.menu-overlay h2 {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.menu-overlay p {
    margin: 15px 0;
    font-size: 1.1rem;
}

.btn-menu {
    background-color: #f8b400;
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 30px;
    transition: background-color 0.3s ease;
}

.btn-menu:hover {
    background-color: #d99a00;
}
</style>


<section class="faq-page">
    <div class="container my-5">
        <div class="text-center mb-5">
            <h1 class="fw-bold">Discover Our Menu</h1>
            <p class="lead text-muted">
                Indulge in our carefully crafted dishes and refreshing drinks.<br>
                Choose a category below to explore our full selection.
            </p>
        </div>

        <div class="row g-4 justify-content-center">
            <!-- Food Section -->
            <div class="col-xl-6 col-lg-6 col-md-10">
                <div class="menu-card">
                    <img src="site_img/general/food.jpg"
                        alt="Food Menu" class="menu-img">
                    <div class="menu-overlay">
                        <h2>Food Menu</h2>
                        <p>Savor mouth-watering meals prepared with fresh ingredients and love.</p>
                        <a href="menu_food" class="btn btn-menu">View Food</a>
                    </div>
                </div>
            </div>

            <!-- Drink Section -->
            <div class="col-xl-6 col-lg-6 col-md-10">
                <div class="menu-card">
                    <img src="site_img/general/drink.webp"
                        alt="Drink Menu" class="menu-img">
                    <div class="menu-overlay">
                        <h2>Drink Menu</h2>
                        <p>Refresh yourself with our signature cocktails, juices, and beverages.</p>
                        <a href="menu_drinks" class="btn btn-menu">View Drinks</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<br><br>
<?php include("footer.php"); ?>