芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/denimandazul.com/index.php

<?php 
session_start();

// Database connection details
$conn = mysqli_connect("localhost", "qrafawbu_denimandazul_usr", "j3_1(p6Lk0gv", "qrafawbu_denimandazul_db");

// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

// Initialize variables to avoid undefined variable warnings
$firstname = $lastname = $email = "";

// Contact form handling
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['email'], $_POST['firstname'], $_POST['lastname'])) {
    $email = mysqli_real_escape_string($conn, $_POST['email']);
    $firstname = mysqli_real_escape_string($conn, $_POST['firstname']);
    $lastname = mysqli_real_escape_string($conn, $_POST['lastname']);

// Check if the email already exists
    $sql = "SELECT email FROM denimandazul_contact WHERE email='$email'";
    $result = mysqli_query($conn, $sql);

if ($result && mysqli_num_rows($result) > 0) {
        // Email already exists
        $_SESSION['msg'] = "Email already exists! Please choose a different email.";
    } else {
        // Insert the new record into the database
        $sql = "INSERT INTO denimandazul_contact (firstname, lastname, email) VALUES ('$firstname', '$lastname', '$email')";

if (mysqli_query($conn, $sql)) {
            $_SESSION['msg'] = "Subscription successful.";
        } else {
            $_SESSION['msg'] = "Error: " . mysqli_error($conn);
        }

// Redirect to the same page to avoid form resubmission
        header("Location: " . $_SERVER['PHP_SELF']);
        exit();
    }
}

// Retrieve and clear the message from the session
$msg = $_SESSION['msg'] ?? '';
unset($_SESSION['msg']);

// Close connection
mysqli_close($conn);
?>

<!DOCTYPE html>
 
<html data-wf-domain="www.denimandazul.com" data-wf-page="66715118c4748bd61331f728" data-wf-site="66715118c4748bd61331f714" lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Denim & Azul - Sophisticated Nightlife Redefined | Your Hub for Denim & Azul Event Updates and Tickets</title>

gtag('config', 'G-X1S9ZHG3K4');
</script>
        <link href="assets/favicon.png" rel="shortcut icon" type="image/x-icon" />
        <link href="assets/favicon.png" rel="apple-touch-icon" />
         <link href="https://www.denimandazul.com/" rel="canonical" /> 
        <style>
            .load_grid {
                display: grid;
            }
        </style>

#formone:-webkit-autofill,
            #formone:-webkit-autofill:hover,
            #formone:-webkit-autofill:focus,
            #formone:-webkit-autofill:active {
                transition: background-color 5000s;
                -webkit-text-fill-color: #004687 !important;
            }

#formtwo:-webkit-autofill,
            #formtwo:-webkit-autofill:hover,
            #formtwo:-webkit-autofill:focus,
            #formtwo:-webkit-autofill:active {
                transition: background-color 5000s;
                -webkit-text-fill-color: #004687 !important;
            }

#formthree:-webkit-autofill,
            #formthree:-webkit-autofill:hover,
            #formthree:-webkit-autofill:focus,
            #formthree:-webkit-autofill:active {
                transition: background-color 5000s;
                -webkit-text-fill-color: #004687 !important;
            }

#EMAIL:-webkit-autofill,
            #EMAIL:-webkit-autofill:hover,
            #EMAIL:-webkit-autofill:focus,
            #EMAIL:-webkit-autofill:active {
                transition: background-color 5000s;
                -webkit-text-fill-color: none !important;
            }
        </style>
        <style>
            .w-slider-dot {
                background: #004687;
                opacity: 40%;
                width: 20px;
                height: 20px;
            }
            .w-slider-dot.w-active {
                background: #004687;
                opacity: 100%;
            }
        </style>

/* Popup content */
.newsletter-content {
  background-color: white;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  width: 300px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Close button */
.close-btn {
  background: transparent;
  border: none;
  font-size: 30px;
  color: #333;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

/* Heading styling */
.newsletter-content h2 {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 10px;
}

/* Input field */
#email {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 1rem;
}

/* Submit button */
.submit-btn {
  padding: 10px 20px;
  background-color: #D6FF62; /* Example color */
  border: none;
  color: white;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
}

/* Button to open the modal */
#openModalBtn {
  padding: 10px 20px;
  background-color: #D6FF62;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 5px;
  margin-top: 20px;
}

/* Ensures the section takes up full height and width */
.image-section {
    position: relative;
    width: 100%;
    height: 100vh; /* Full screen height */
}

/* Styling for the video */
.video-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video fills the container */
    z-index: -1; /* Keeps video behind other elements */
}

/* Overlay content style */
.w-layout-layout {
    position: relative;
    z-index: 2; /* Keeps content above the video */
}

.placeholder-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

</style>
        
        
        
        
        
    </head>

<body>

<div class="page-wrapper">
            <div data-w-id="970d5027-0a3c-c315-7298-951fcda8aed6" class="loader-wrap">
                <div
                    data-w-id="7e8beee6-9f9b-685d-95c1-d962377dd6fa"
                    data-is-ix2-target="1"
                    class="loader-lottie"
                    data-animation-type="lottie"
                    data-src=""
                    data-loop="0"
                    data-direction="1"
                    data-autoplay="0"
                    data-renderer="svg"
                    data-default-duration="2.6666666666666665"
                    data-duration="0"
                ></div>
            </div>
            <div class="w-embed">
                <style>
                    a {
                        color: inherit;
                        text-decoration: none;
                    }
                    button {
                        background-color: unset;
                        padding: unset;
                        text-align: inherit;
                    }
                    section {
                        position: relative;
                    }
                </style>
            </div>
            <div class="nav-wrapper">
                <a href="/" aria-current="page" class="nav-logo w-inline-block w--current">
                    <div
                        class="logo"
                        data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f15a"
                        data-animation-type="lottie"
                        data-src=""
                        data-loop="1"
                        data-direction="1"
                        data-autoplay="1"
                        data-is-ix2-target="0"
                        data-renderer="svg"
                        data-duration="0"
                    ></div>
                    <img src="/assets/w-66909d45f860a4169817b8ee_snd-etc-type-green.png" loading="lazy" alt="" class="logo-text" />
                </a>
                <button data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f15b" class="stop-scroll"><div data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f15c" class="menu-button" style="color: white;" >Menu</div></button>
                <div class="menu-container">
                    <div class="menu-column is-1">
                        <div class="image-container is-full">
                            <div class="image-container is-full is-absa">
                                <img
                                    src="./assets/headr-image.jpg"
                                    loading="lazy"
                                    sizes="100vw"
                                    srcset="
                                    ./assets/mobile-header-img.png   500w,
                                    ./assets/mobile-header-img.png   800w,
                                    ./assets/headr-image.jpg 1080w,
                                    ./assets/headr-image.jpg 1600w,
                                    ./assets/headr-image.jpg 2000w,
                                    ./assets/headr-image.jpg 2600w,
                                    ./assets/headr-image.jpg        3055w
                                    "
                                    alt=""
                                    class="img-fill is-menu"
                                />
                            </div>
                            <div class="vertical-flex is-menu">
                                
                            </div>
                        </div>
                    </div>
                    <div class="menu-column is-2">
                        <div class="vertical-flex is-links">
                            <a data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f16a" href="upcoming-events.html" class="heading-3 centre-align is-menu" style="color: white;">Upcoming Events</a>
                            <a data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f16c" href="past-events.html" class="heading-3 centre-align is-menu" style="color: white;">Gallery</a>
                            <a data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f16e" href="https://event.getbookt.io/azul" class="heading-3 centre-align is-menu" style="color: white;">Tickets</a>
                            <a data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f170" href="about-us.html" class="heading-3 centre-align is-menu" style="color: white;">About Us </a>
                        </div>
                        <div data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f172" class="vertical-flex">
                            <img src="./assets/6685f4e507e35c78b9dd65e8_snd-etc-menu-icons.png" loading="lazy" alt="" class="menu-icons" />
                            <a href="#" class="heading-6 no-desktop" style="color: white;">
                                Polygon 299 Vandervoort Ave<br />
                                Brooklyn, NY 11211
                            </a>
                            <div class="horizontal-flex cm no-desktop">
                                <a href="https://www.instagram.com/denimandazul?igsh=MXRyYjQ5cXZqdWZ2ZA==" target="_blank" class="text-link" style="color: white;">Instagram</a><a href="https://event.getbookt.io/azul" target="_blank" class="text-link" style="color: white;">Tickets</a>
                            <a href="tel:+13473215425" class="text-link" style="color: white;">Reservation</a>

</div>
                            <p class="heading-6 no-mobile" style="color: white;">Denim & Azul</p>
                            <p class="centre-align no-mobile" style="color: white;">Where the Night Dances in Elegance.</p>
                        </div>
                        <div class="start2">
                            <button data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f182" class="start-scroll"><div data-w-id="6d2bb7eb-4595-1f63-51b1-3de04897f183" class="menu-button is-charc" style="color: white;">Close</div></button>
                        </div>
                    </div>
                </div>
            </div>
           <div class="w-dyn-list">
    <div role="list" class="w-dyn-items">
        <div role="listitem" class="w-dyn-item">
            <section id="home" data-w-id="8d8425cc-ae6d-f32e-02e8-0d4a8057643a" class="image-section">
                
                <video autoplay muted loop playsinline class="video-fill">
                    <img id="video-placeholder" src="./assets/66715371aeb2b3cf12d3cf59_sound-ethics-heroblue.jpg" alt="Video Placeholder" class="placeholder-image" />
            
                    <source src="./assets/o-hp-v-1-l-1.mp4" type="video/mp4" />
                    Your browser does not support the video tag.
                </video>
<script>
        window.onload = function() {
            var video = document.getElementById('video');
            var placeholder = document.getElementById('video-placeholder');

video.oncanplaythrough = function() {
                placeholder.style.display = 'none'; // Hide placeholder
                video.style.display = 'block'; // Show video
            };
        };
    </script>
                
                <div id="w-node-_3f7a6917-8bbd-ae3c-994c-9b809b46a88b-1331f728" class="w-layout-layout split-stack is-hero wf-layout-layout">
                    <div id="w-node-_3f7a6917-8bbd-ae3c-994c-9b809b46a88c-1331f728" class="w-layout-cell cell is-cb">
                        <div class="w-layout-vflex hero-flex">
                            <div class="hero-fixed-width is-hero">
                                <h1 data-w-id="100dde34-ad3f-1811-3fda-882be29711e3" class="display-hero" style="color: white;">Denim <br> & Azul</h1>
                            </div>
                            <h2 data-w-id="c3a060e9-cd9c-c1d4-93d8-511e4b1ba79a" class="subheading is-hero" style="color: white;">Where the Night Dances in Elegance.</h2>
                            <div class="w-layout-hflex icons-flex">
                                <div data-w-id="3c262138-2fb6-f97a-e478-c525f52668c8" class="icon-contain shortest">
                                    <img src="assets/6676b09cfc48500920d349c1_snd-iconography-01.png" loading="lazy" alt="" class="iconography" />
                                </div>
                                <div data-w-id="73030637-f924-ee84-91f0-03890119e0e4" class="icon-contain wider">
                                    <img src="assets/6676b09c51b4e69343712330_snd-iconography-02.png" loading="lazy" alt="" class="iconography" />
                                </div>
                                <div data-w-id="6b2ff22f-489f-25b0-7aac-aa83cbd81630" class="icon-contain shorter">
                                    <img src="assets/6676b09c6ecdeb037e0a4e55_snd-iconography-04.png" loading="lazy" alt="" class="iconography" />
                                </div>
                                <div data-w-id="54b4a385-bb6a-9d64-e3f1-44aa812c3e20" class="icon-contain shorter">
                                    <img src="assets/66909faa9b2eceb09afb4990_home-hero-iconography-5.png" loading="lazy" alt="" class="iconography" />
                                </div>
                            </div>
                        </div>
                        <div class="base-container">
                            <a id="start" data-w-id="883c54fb-72c3-5e67-7a39-559f60f89c39" href="https://event.getbookt.io/azul" class="slanted-button w-inline-block">
                                <img src="./assets/6676a49d22cb2a860e9eb80f_button-shape.png" loading="lazy" alt="" />
                                <div class="slanted-text">Tickets</div>
                            </a>
                        </div>
                    </div>
                    <div id="w-node-f245dee5-f0b2-c678-faa8-80614c8ef5e4-1331f728" class="w-layout-cell cell-2">
                        <a href="https://event.getbookt.io/azul" class="featured-article is-mob w-inline-block">
                            <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle.png" loading="lazy" alt="" class="angle-shape" />
                            <div class="hero-article">
                                <div class="div-block-2">
                                    <p class="blog-title-ft" style="color: white;">Join us for our next unforgettable event!</p>
                                    <div class="arrow-contain is-blog">
                                        <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" loading="lazy" alt="" class="arrow" />
                                    </div>
                                </div>
                                <div class="w-layout-hflex horizontal-flex" style="color: white;">
                                    <p>12.8.2024</p>
                                    <p>Denim & Azul</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div id="w-node-_4cf33289-0c3b-6360-5d07-17e7bfe69bb3-1331f728" class="w-layout-cell cell is-br">
                        <a data-w-id="0f26cbcb-bb9e-77b6-1254-e90bc82caf8e" href="https://event.getbookt.io/azul" class="featured-article is-desk w-inline-block">
                            <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle.png" loading="lazy" alt="" class="angle-shape off" />
                            
                            <div class="hero-article">
                                <div class="div-block-2">
                                    <p class="blog-title-ft" style="color: white;">Join us for our next unforgettable event!</p>
                                    <div class="arrow-contain is-blog">
                                        <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" loading="lazy" alt="" class="arrow" />
                                    </div>
                                </div>
                                <div class="w-layout-hflex horizontal-flex" style="color: white;">
                                    <p>12.8.2024</p>
                                    <p class="bold">Denim & Azul</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

<div class="w-dyn-list">
                <div role="list" class="w-dyn-items">
                    <div role="listitem" class="w-dyn-item">
                        <section class="section top-pad">
                            <div class="vertical-flex is-intro">
                                <div class="vertical-flex is-lt cm">
                                    <div class="w-layout-vflex flex-block cm">
                                        <p data-w-id="46381f50-c71a-19f6-b705-370e859079bd" style="opacity: 0; filter: blur(5px);" class="centre-align">A CELEBRATION OF.</p>
                                        <div class="relative">
                                            <h3 class="gold-rush">CLASS, CULTURE, CONNECTION</h3>
                                            
                                        </div>
                                    </div>
                                    <div class="rich-text-block w-richtext">
                                        <h4>Step into a world where every evening is a masterpiece. Step into Denim & Azul.</h4>
                                        <p>‍</p>
                                        <p>
                                          Born from the vibrant energy of Brooklyn, our mission is to redefine entertainment with a perfect blend of elegance and fun. 
                                        </p>
                                        <p>At Denim & Azul, we curate unforgettable events in partnership with  Afrobeats and brunch and international brunch, hosting iconic experiences at venues like Polygon BK. From electrifying beats to signature cocktails, every moment is designed to captivate your senses and elevate your night.</p>
                                    </div>
                                </div>
                            </div>
                            <div id="w-node-_086a72d1-c94e-594e-67fa-88a683143746-1331f728" data-w-id="086a72d1-c94e-594e-67fa-88a683143746" class="w-layout-layout split-stack wf-layout-layout">
                                <div id="w-node-_086a72d1-c94e-594e-67fa-88a683143747-1331f728" class="w-layout-cell no-mobile"></div>
                                <div id="w-node-_09ea2591-a8a6-9d19-eaec-c473e7d1cc6c-1331f728" class="w-layout-cell cell is-ct">
                                    <div data-w-id="ff273470-6556-6877-3094-6a3a85cf9555" style="opacity: 0; filter: blur(5px);" class="vertical-flex nm">
                                        <p class="heading-6">Where the Night Dances in Elegance.</p>
                                        <p class="centre-align">Denim & Azul</p>
                                    </div>
                                    <div class="music-container">
                                        <div
                                            data-w-id="a7c2df6a-b191-0acb-9a25-19d13051531a"
                                            style="
                                                -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
                                                -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
                                                -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
                                                transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
                                            "
                                            class="vinyl-container"
                                        >
                                            <img
                                                src="./assets/6690feb702427ae629b7165c_VOL1-respect-copy.png"
                                                loading="lazy"
                                                style="
                                                    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0deg) rotateZ(0) skew(0, 0);
                                                    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0deg) rotateZ(0) skew(0, 0);
                                                    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0deg) rotateZ(0) skew(0, 0);
                                                    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0deg) rotateZ(0) skew(0, 0);
                                                    transform-style: preserve-3d;
                                                    opacity: 1;
                                                "
                                                sizes="(max-width: 479px) 92vw, (max-width: 991px) 72vw, 90vw"
                                                alt=""
                                                srcset="
                                                ./assets/6690feb702427ae629b7165c_VOL1-respect-copy.png  500w,
                                                ./assets/6690feb702427ae629b7165c_VOL1-respect-copy.png  800w,
                                                ./assets/6690feb702427ae629b7165c_VOL1-respect-copy.png       1009w
                                                "
                                                class="vinyl is-1"
                                            />
                                            <img
                                                src="./assets/6690e67aece4d482e58e3e70_vol02-innovation.png"
                                                loading="lazy"
                                                style="
                                                    opacity: 0;
                                                    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(90deg) rotateZ(0) skew(0, 0);
                                                    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(90deg) rotateZ(0) skew(0, 0);
                                                    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(90deg) rotateZ(0) skew(0, 0);
                                                    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(90deg) rotateZ(0) skew(0, 0);
                                                    transform-style: preserve-3d;
                                                "
                                                sizes="(max-width: 479px) 92vw, (max-width: 991px) 72vw, 90vw"
                                                alt=""
                                                srcset="
                                                ./assets/6690e67aece4d482e58e3e70_vol02-innovation.png  500w,
                                                ./assets/6690e67aece4d482e58e3e70_vol02-innovation.png  800w,
                                                ./assets/6690e67aece4d482e58e3e70_vol02-innovation.png       1154w
                                                "
                                                class="vinyl is-2"
                                            />
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                            
                                        </div>
                                    </div>
                                    <div class="music-info">
                                        <div data-w-id="895814ee-9166-cac3-2c8b-db66465f3765" style="opacity: 1; display: flex;" class="vertical-flex is-controls is-1">
                                            <div class="w-layout-hflex horizontal-flex">
                                                <div class="controls-div is-icon">
                                                    <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676be9fb7232dc317766f24_snd-shuffle.svg" loading="lazy" alt="" class="control-icon" />
                                                </div>
                                                <div class="controls-div is-off">
                                                    <img src="./assets/66910573aba666ed221fda86_previous-green.png" loading="lazy" alt="" class="control-icon" />
                                                </div>
                                                <a data-click="" data-hover="" data-w-id="87d31bf9-54e5-df49-92d8-36f70951c959" href="#" class="controls-div is-play w-inline-block">
                                                    <img src="./assets/6691055c86fdea23dc9499c2_next-green.png" loading="lazy" alt="" class="control-icon" />
                                                </a>
                                                <div class="controls-div is-icon">
                                                    <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676be9f7d993bf3693d59e3_snd-loop.svg" loading="lazy" alt="" class="control-icon" />
                                                </div>
                                            </div>
                                            <div class="vertical-flex">
                                                <div class="vinyl-ticker-type is-mob">unforgettable nightlife experiences</div>
                                                <div class="vinyl-ticker-wrap">
                                                    <div data-w-id="07ab071e-a210-51e5-6262-21b4ba5f333b" class="vinyl-ticker">
                                                      <div class="vinyl-ticker-type">Find your moment. Own the night.</div>
                                                      <div class="vinyl-ticker-type">Feel the energy. See the magic.</div>
                                                      <div class="vinyl-ticker-type">Moments that live beyond the night.</div>
                                                      <div class="vinyl-ticker-type">Snapshots of unforgettable vibes.</div>
                                                    </div>
                                                </div>
                                                <p class="centre-align">Denim & Azul</p>
                                            </div>
                                        </div>
                                        <div style="opacity: 0; display: none;" class="vertical-flex is-controls is-2">
                                            <div class="w-layout-hflex horizontal-flex">
                                                <div class="controls-div is-icon">
                                                    <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676be9fb7232dc317766f24_snd-shuffle.svg" loading="lazy" alt="" class="control-icon" />
                                                </div>
                                                <a data-click="" data-hover="" data-w-id="234c59a4-466c-469d-8e4c-946ba580376a" href="#" class="controls-div is-play w-inline-block">
                                                    <img src="./assets/66910573aba666ed221fda86_previous-green.png" loading="lazy" alt="" class="control-icon" />
                                                </a>
                                                <div class="controls-div is-off">
                                                    <img src="./assets/6691055c86fdea23dc9499c2_next-green.png" loading="lazy" alt="" class="control-icon" />
                                                </div>
                                                <div class="controls-div is-icon">
                                                    <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676be9f7d993bf3693d59e3_snd-loop.svg" loading="lazy" alt="" class="control-icon" />
                                                </div>
                                            </div>
                                            <div class="vertical-flex">
                                                <div class="vinyl-ticker-type is-mob">Where unforgettable evenings come alive</div>
                                                <div data-w-id="234c59a4-466c-469d-8e4c-946ba5803771" class="vinyl-ticker-wrap">
                                                    <div data-w-id="234c59a4-466c-469d-8e4c-946ba5803772" class="vinyl-ticker">
                                                      <div data-w-id="07ab071e-a210-51e5-6262-21b4ba5f333b" class="vinyl-ticker">
                                                        <div class="vinyl-ticker-type">Find your moment. Own the night.</div>
                                                        <div class="vinyl-ticker-type">Feel the energy. See the magic.</div>
                                                        <div class="vinyl-ticker-type">Moments that live beyond the night.</div>
                                                        <div class="vinyl-ticker-type">Snapshots of unforgettable vibes.</div>
                                                      </div>
                                                    </div>
                                                </div>
                                                <p class="centre-align">Denim & Azul</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="w-node-_217ae5c5-5127-4a7e-917c-d2676abb8e2f-1331f728" class="w-layout-cell no-mobile"></div>
                                <div id="w-node-_086a72d1-c94e-594e-67fa-88a68314374c-1331f728" class="w-layout-cell">
                                  <div class="vertical-flex is-lt">
                                    <div class="w-layout-vflex flex-block no-mobile">
                                        <p data-w-id="049b9a98-e65c-ffc9-bbbe-e8aa315ab8ad" style="opacity: 1; filter: blur(0px);" class="centre-align">A CELEBRATION OF</p>
                                        <div class="relative">
                                            <h3 data-w-id="2475a830-392b-f98b-f7ef-9fdaca914ebc" class="gold-rush" style="font-variation-settings: 'wght' 600;">CLASS, CULTURE, CONNECTION</h3>
                                            <img
                                                src="./assets/bar-code.png"
                                                loading="lazy"
                                                data-w-id="432202ce-f0b8-c3dd-81df-f79986d71e1f"
                                                alt=""
                                                class="image-2"
                                                style="opacity: 1;"
                                            />
                                        </div>
                                    </div>
                                    <div data-w-id="ae4742e5-cf1b-c28e-78d8-c2b9382dd1a4" class="no-mobile w-richtext" style="filter: blur(0px); opacity: 1;">
                                        <h4>Step into a world where every evening is a masterpiece. Step into Denim & Azul.</h4>
                                        <p>‍</p>
                                        <p>
                                          Born from the vibrant energy of Brooklyn, our mission is to redefine entertainment with a perfect blend of elegance and fun.
                                        </p>
                                        <p>At Denim & Azul, we curate unforgettable events in partnership with International Brunch, hosting iconic experiences at venues like Polygon BK. From electrifying beats to signature cocktails, every moment is designed to captivate your senses and elevate your night.</p>
                                    </div>
                                        </div>
                                        <div class="image-container portrait">
                                            <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676c2c0f086b776db8b0ba8_authentic-intro-sticker.png" loading="lazy" alt="" class="intro-sticker" />
                                            <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676c30987ce619b0249067c_intro-sticker-set.png" loading="lazy" alt="" class="intro-sticker is-set" />
                                            <div data-w-id="7bb403a0-2c05-da39-2cbf-7d536b0a8f87" class="image-crop">
                                                <img
                                                    src="./assets/6676ab25a8248fc1ad4fd3bf_SNDETC-Intro-Shot-azul.jpg"
                                                    loading="lazy"
                                                    alt=""
                                                    sizes="100vw"
                                                    srcset="
                                                    ./assets/6676ab25a8248fc1ad4fd3bf_SNDETC-Intro-Shot-azul.jpg   500w,
                                                    ./assets/6676ab25a8248fc1ad4fd3bf_SNDETC-Intro-Shot-azul.jpg   800w,
                                                    ./assets/6676ab25a8248fc1ad4fd3bf_SNDETC-Intro-Shot.jpg 1080w,
                                                    ./assets/6676ab25a8248fc1ad4fd3bf_SNDETC-Intro-Shot-azul.jpg        1106w
                                                    "
                                                    class="img-fill"
                                                />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="w-node-_77dc6a7b-1123-88d4-2483-6473655242d1-1331f728" class="w-layout-cell no-mobile"></div>
                            </div>
                        </section>
                        <section data-w-id="ace28652-c18b-33f8-963f-e5a1650c357c" class="image-section is-ethical">
                            <img
                                src="./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg"
                                loading="lazy"
                                alt=""
                                sizes="100vw"
                                srcset="
                                ./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg   500w,
                                ./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg   800w,
                                ./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg 1080w,
                                ./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg 1600w,
                                   ./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg 2000w,
                                   ./assets/6676ab2050e80c7c991e2b87_SNDETC-Ethics-Shot.jpg        2604w
                                "
                                class="img-fill"
                            />
                            <div id="w-node-ace28652-c18b-33f8-963f-e5a1650c357e-1331f728" class="w-layout-layout split-stack wf-layout-layout">
                                <div id="w-node-ace28652-c18b-33f8-963f-e5a1650c357f-1331f728" class="w-layout-cell no-mobile"></div>
                                <div id="w-node-ace28652-c18b-33f8-963f-e5a1650c3580-1331f728" class="w-layout-cell cell is-ct no-mobile"></div>
                                <div id="w-node-ace28652-c18b-33f8-963f-e5a1650c3581-1331f728" class="w-layout-cell no-mobile"></div>
                                <div id="w-node-ace28652-c18b-33f8-963f-e5a1650c3582-1331f728" class="w-layout-cell ethical-column">
                                    <div class="vertical-flex is-lt cm">
                                        <div data-w-id="ace28652-c18b-33f8-963f-e5a1650c3584" class="w-layout-vflex cm">
                                            <div style="font-variation-settings: 'wght' 475;" class="heading-4">Sophistication </div>
                                            <h2 style="font-variation-settings: 'wght' 475;" class="ethical-heading">Meets Energy</h2>
                                        </div>
                                        <div data-w-id="ace28652-c18b-33f8-963f-e5a1650c3589" style="opacity: 0; filter: blur(5px);" class="cm top-p w-richtext">
                                            <p>
                                                At Denim & Azul, we redefine what it means to have a night out by blending the refined elegance of upscale entertainment with the vibrant energy of unforgettable parties.
                                            </p>
                                            <p>‍</p>
                                            
                                            
                                            
                                        </div>
                                        <a data-hover="" href="upcoming-events.html" class="button w-inline-block">
                                            <div class="button-flex">
                                                <div class="arrow-contain">
                                                    
                                                    
                                                </div>
                                               
                                            </div>
                                            <div class="button-line is-green"></div>
                                        </a>
                                    </div>
                                </div>
                                <div id="w-node-ace28652-c18b-33f8-963f-e5a1650c3592-1331f728" class="w-layout-cell no-mobile"></div>
                            </div>
                        </section>
                        <section data-w-id="15972981-c0f6-e1b8-e45a-5ee9605e2020" class="section is-labs">
                            <div class="w-layout-vflex vertical-flex full-width">
                                <div class="vertical-flex">
                                    <p class="heading-6" style="color: white;">more than just tequila</p>
                                    <p class="centre-align" style="color: white;"> it’s a masterpiece</p>
                                </div>
                                <div class="labs-flex full-width">
                                    <div class="hero-fixed-width is-labs">
                                        <h3 data-w-id="71065ef9-6724-60d4-afb3-e1a3983e8ca8" class="display-hero no-mobile" style="color: white;">
                                          luxury<br />
                                          in every bottle
                                        </h3>
                                        <div class="heading-4 no-desktop" style="color: white;"> luxury</div>
                                        <div class="legends-mobile" style="color: white;">in every bottle</div>
                                    </div>
                                    <div data-w-id="581b01f7-209f-af70-bedd-ac56149d4f95" class="mixtape-wrapper">
                                        <div class="mixtape-flex">
                                            <div class="display-hero no-mobile" style="color: white;">(</div>
                                            <div data-w-id="346fdeeb-2577-bdc5-8cac-19a98d8df03c" class="mixtape">
                                                <img
                                                    src=" ./assets/6676cbefbe6fa0cb3d53d726_snd-etc-mixtape-p-800.png"
                                                    loading="lazy"
                                                    data-w-id="525d2e5b-0cdb-43f3-ef5f-5ca6075c7296"
                                                    sizes="(max-width: 479px) 64vw, (max-width: 991px) 55vw, 35vw"
                                                    alt=""
                                                    srcset="
                                                    ./assets/6676cbefbe6fa0cb3d53d726_snd-etc-mixtape-p-800.png   500w,
                                                    ./assets/6676cbefbe6fa0cb3d53d726_snd-etc-mixtape-p-800.png    800w,
                                                    ./assets/6676cbefbe6fa0cb3d53d726_snd-etc-mixtape-p-800.png  1080w,
                                                    ./assets/6676cbefbe6fa0cb3d53d726_snd-etc-mixtape-p-800.png        1174w
                                                    "
                                                    class="test"
                                                />
                                            </div>
                                            <div data-w-id="54477986-55ba-1eda-a7bf-5a6a7b0b739d" class="mixtape-placeholder"></div>
                                            <div class="display-hero no-mobile" style="color: white;">)</div>
                                        </div>
                                        <div class="bolt-container">
                                            <div class="bolt-flex">
                                                <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676ceb56b3b946177538c0e_snd-etc-bolt-segment.svg" loading="lazy" alt="" class="image" />
                                                <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/6676ceb56b3b946177538c0e_snd-etc-bolt-segment.svg" loading="lazy" alt="" class="image" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="fixed-width">
                                        <div class="vertical-flex">
                                            <div data-w-id="2760aacc-c72b-0327-b0a2-5125aefabbcc" style="opacity: 0; filter: blur(5px);" class="centre-align w-richtext" style="color: white;">
                                                <p><strong style="color: white;">Clase Azul is more than just tequila; it’s a masterpiece. Renowned for its unparalleled craftsmanship and premium quality, Clase Azul embodies luxury and artistry in every bottle. Handcrafted in Mexico, its iconic ceramic decanters are painted by artisans, each piece a unique work of art.</strong></p>
                                                <p>‍</p>
                                                <p style="color: white;">
                                                  From its smooth, refined flavors to its striking design, Clase Azul elevates every celebration, making it the perfect symbol of sophistication and indulgence. At Denim & Azul, we celebrate the same timeless elegance, ensuring every event mirrors the class and excellence of this legendary brand.
                                                </p>
                                            </div>
                                        </div>
                                        <img src="./assets/6676cffb8d44ac437f30e48a_labs-legends-iconography.png" loading="lazy" alt="" class="labs-icons" />
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="split-section">
                            <div class="image-container is-standards is-mobile">
                                <div data-w-id="ff929b46-df8e-3bbd-1242-4f89dcde06f3" class="image-crop is-split is-sm">
                                    <img
                                        src="./assets/azu-class-afro.jpg"
                                        loading="lazy"
                                        alt=""
                                        sizes="100vw"
                                        srcset="
                                        ./assets/azu-class-afro.jpg  500w,
                                        ./assets/azu-class-afro.jpg   800w,
                                        ./assets/azu-class-afro.jpg 1080w,
                                        ./assets/azu-class-afro.jpg        1513w
                                        "
                                        class="img-fill"
                                    />
                                    <div class="div-block-4">
                                        <div class="icons-anchor is-relative">
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="w-node-_8d7b9d77-2c09-6d1f-1c71-3248f5cc35a4-1331f728" class="w-layout-layout split-stack no-margin wf-layout-layout">
                                <div id="w-node-_8d7b9d77-2c09-6d1f-1c71-3248f5cc35a5-1331f728" class="w-layout-cell cell is-cs">
                                    <div class="vertical-flex">
                                        <p class="heading-6">Upcoming Event</p>
                                        <p class="centre-align">Denim & Azul (Night)</p>
                                    </div>
                                    <div data-w-id="3cbc17c3-5888-8db4-764e-ffcc71052904" class="w-layout-vflex vertical-flex top">
                                        <div style="font-variation-settings: 'wght' 475;" class="heading-2">Denim &</div>
                                        
                                        <h2 data-w-id="3cbc17c3-5888-8db4-764e-ffcc71052907" style="font-variation-settings: 'wght' 475;" class="heading-2">Azul</h2>
                                    </div>
                                    <div data-w-id="b5b0e5d9-3411-068e-8cbd-e99088c7c328" style="opacity: 0; filter: blur(5px);" class="vertical-flex is-fixed">
                                        <p class="centre-align">
                                            Prepare for an unforgettable evening where style meets energy! Denim & Azul Night is the ultimate nightlife experience, featuring world-class DJs, vibrant vibes, and exclusive surprises like a free shot of Clase Azul Tequila. Join us for a night of music, dancing, and unmatched excitement at Brooklyn’s iconic Polygon BK. Don’t miss out—RSVP today!
                                        </p>
                                        <a data-hover="" href="https://event.getbookt.io/azul" class="button w-inline-block">
                                            <div class="button-flex">
                                                <div class="arrow-contain">
                                                    <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                    <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                </div>
                                                <div class="button-text">Event Line Up</div>
                                            </div>
                                            <div class="button-line"></div>
                                        </a>
                                    </div>
                                </div>
                                <div id="w-node-_8d7b9d77-2c09-6d1f-1c71-3248f5cc35bc-1331f728" class="w-layout-cell">
                                    <div class="image-container is-standards is-desktop">
                                        <div class="icons-anchor is-left">
                                            <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/66778a628201e743500a72a0_standards-iconography-set.png" loading="lazy" alt="" class="iconography" />
                                        </div>
                                        <div data-w-id="8d7b9d77-2c09-6d1f-1c71-3248f5cc35c5" class="image-crop is-split">
                                            <img
                                                src="./assets/azu-class-afro.jpg"
                                                loading="lazy"
                                                alt=""
                                                sizes="100vw"
                                                srcset="
                                                ./assets/azu-class-afro.jpg   500w,
                                                ./assets/azu-class-afro.jpg   800w,
                                                ./assets/azu-class-afro.jpg 1080w,
                                                ./assets/azu-class-afro.jpg        1513w
                                                "
                                                class="img-fill"
                                            />
                                            <div class="icons-anchor">
                                                <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667789e9689e2f763f5828fb_snd-etc-standard-iconography.svg" loading="lazy" alt="" class="iconography" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="icons-anchor is-left is-mobile">
                                <img src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/66778a628201e743500a72a0_standards-iconography-set.png" loading="lazy" alt="" class="iconography" />
                            </div>
                        </section>
                        <section data-w-id="8215c430-2fcc-2cf8-ee6c-8e86da5715aa" class="image-section is-solutions">
                            <img
                                src="./assets/6676ab16c142b79bf6a8e74f_SND-ETC-Solutions-IMG.jpg"
                                loading="lazy"
                                alt=""
                                sizes="100vw"
                                srcset="
                                v  500w,
                                ./assets/6676ab16c142b79bf6a8e74f_SND-ETC-Solutions-IMG.jpg   800w,
                                    ./assets/6676ab16c142b79bf6a8e74f_SND-ETC-Solutions-IMG.jpg 1080w,
                                    ./assets/6676ab16c142b79bf6a8e74f_SND-ETC-Solutions-IMG.jpg 1600w,
                                    ./assets/6676ab16c142b79bf6a8e74f_SND-ETC-Solutions-IMG.jpg 2000w,
                                    ./assets/6676ab16c142b79bf6a8e74f_SND-ETC-Solutions-IMG-p-2000.jpg        2560w
                                "
                                class="img-fill"
                            />
                            <div id="w-node-f9ce1fe9-f055-d684-880a-24543a0d5584-1331f728" class="w-layout-layout _3-col-stack wf-layout-layout">
                                <div id="w-node-f9ce1fe9-f055-d684-880a-24543a0d5585-1331f728" class="w-layout-cell no-mobile"></div>
                                <div id="w-node-e78563a6-0284-2d7c-3e14-3ac297b5ea20-1331f728" class="w-layout-cell cell is-ct">
                                    <div class="w-layout-vflex vertical-flex gap white">
                                        <p class="centre-align">Make Your Reservation!</p>
                                        <h3 data-w-id="a7cc33f2-eab3-6071-d782-2e881e573299" style="font-variation-settings: 'wght' 475;" class="heading-2 centre-align">Reserve Now
</h3>
                                        <h4 class="heading-5 cm">To secure a spot in our seated section with bottle service, please follow these steps:
</h4><p class="centre-align"> Text 347-321-5425 to confirm availability.
Make a non-refundable $200 deposit via CashApp: $afroexperience3
Include a note with your name and date.
Send a screenshot of the payment to 347-321-5425.

Don't miss out! Book your table now!"</p>
                                    </div>
                                    <div class="base-container is-solution">
                                        <a data-hover="" href="tel:+1234567890" class="slanted-button w-inline-block">
                                            <img src="./assets/6676a49d22cb2a860e9eb80f_button-shape.png" loading="lazy" alt="" />
                                            <div class="slanted-text">Book Table</div>
                                        </a>
                                        <div
                                            data-delay="4000"
                                            data-animation="outin"
                                            class="slider w-slider"
                                            data-autoplay="false"
                                            data-easing="ease-in-out-quart"
                                            data-hide-arrows="true"
                                            data-disable-swipe="false"
                                            data-autoplay-limit="0"
                                            data-nav-spacing="3"
                                            data-duration="400"
                                            data-infinite="false"
                                        >
                                            <div class="mask w-slider-mask">
                                                <div class="slide w-slide">
                                                    <div class="slide-contain">
                                                        <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="eager" alt="" class="angle-shape" />
                                                        <div class="solution-cell">
                                                            <div class="solutions-div">
                                                                <div class="vertical-flex">
                                                                    
                                                                    <h4 style="color: white;">Elevate Your Nights</h4>
                                                                    <p class="subheading is-slide">Where Elegance Meets Energy</p>
                                                                </div>
                                                                <p class="centre-align" style="color: white;">Step into a world that seamlessly blends timeless sophistication with electrifying energy. At Denim & Azul, every event is an invitation to experience the extraordinary...</p>
                                                            </div>
                                                            <div class="solutions-base">
                                                                <a data-w-id="409e3143-1191-fd6f-90b3-67ed50c74b77" href="about-us.html" class="button w-inline-block">
                                                                    <div class="button-flex">
                                                                        <div class="arrow-contain">
                                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                                        </div>
                                                                        <div class="button-text" style="color: white;">Learn More</div>
                                                                    </div>
                                                                    <div class="button-line"></div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="slide w-slide">
                                                    <div class="slide-contain">
                                                        <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="eager" alt="" class="angle-shape" />
                                                        <div class="solution-cell">
                                                            <div class="solutions-div">
                                                                <div class="vertical-flex">
                                                                    
                                                                    <h4  style="color: white;">Exclusive Partnerships</h4>
                                                                    <p class="subheading is-slide"  style="color: white;">Bringing You Unmatched Experiences</p>
                                                                </div>
                                                                <p class="centre-align" style="color: white;">We’ve partnered with AfrobeatsandBrunch &  International Brunch, leaders in event curation, to deliver a one-of-a-kind experiences in some of Brooklyn’s most.</p>
                                                            </div>
                                                            <div class="solutions-base">
                                                                <a data-w-id="2ca308aa-d7be-d5a1-b13a-7688a874bd1f" href="about-us.html" class="button w-inline-block">
                                                                    <div class="button-flex">
                                                                        <div class="arrow-contain">
                                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                                        </div>
                                                                        <div class="button-text">Learn More</div>
                                                                    </div>
                                                                    <div class="button-line"></div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="w-slide">
                                                    <div class="slide-contain">
                                                        <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="lazy" alt="" class="angle-shape" />
                                                        <div class="solution-cell">
                                                            <div class="solutions-div">
                                                                <div class="vertical-flex">
                                                                    
                                                                   <p class="subheading"  style="color: white;">Every Event is an Experience</p>
                                            </div>
                                            <p class="centre-align"  style="color: white;">At Denim & Azul, we believe in creating more than just parties; we craft immersive experiences...</p>
                                                            </div>
                                                            <div class="solutions-base">
                                                                <a data-w-id="2f3c2eb7-7d20-5da9-f79e-7c7ebd9c291a" href="about-us.html" class="button w-inline-block">
                                                                    <div class="button-flex">
                                                                        <div class="arrow-contain">
                                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                                        </div>
                                                                        <div class="button-text" style="color: white;">Learn More</div>
                                                                    </div>
                                                                    <div class="button-line"></div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="left-arrow w-slider-arrow-left"></div>
                                            <div class="right-arrow w-slider-arrow-right"></div>
                                            <div class="slide-nav w-slider-nav"></div>
                                        </div>
                                    </div>
                                </div>
                                <div id="w-node-_17dcbbfb-6884-75c3-6347-407d363256ad-1331f728" class="w-layout-cell no-mobile"></div>
                                <div id="w-node-_63cf50cb-c2a9-751a-5be2-a56f1ff2b98f-1331f728" class="w-layout-cell no-mobile">
                                    <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="lazy" alt="" class="angle-shape" />
                                    <div class="solution-cell is-fw">
                                        <div class="solutions-div">
                                            <div class="vertical-flex">
                                                
                                                <h4  style="color: white;">Elevate Your Nights

</h4>
                                                <p class="subheading"  style="color: white;">Where Elegance Meets Energy</p>
                                            </div>
                                            <p class="centre-align"  style="color: white;">Step into a world that seamlessly blends timeless sophistication with electrifying energy. At Denim & Azul, every event is an invitation to experience the extraordinary...</p>
                                        </div>
                                        <div class="solutions-base">
                                            <a data-hover="" href="about-us.html" class="button w-inline-block">
                                                <div class="button-flex">
                                                    <div class="arrow-contain">
                                                        <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                        <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                    </div>
                                                    <div class="button-text"  style="color: white;">Learn More</div>
                                                </div>
                                                <div class="button-line"></div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div id="w-node-_380db5a0-47c1-1862-372c-7dfcd6043339-1331f728" class="w-layout-cell no-mobile">
                                    <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="lazy" alt="" class="angle-shape" />
                                    <div class="solution-cell is-fw">
                                        <div class="solutions-div is-middle">
                                            <div class="vertical-flex">
                                                
                                                <h4  style="color: white;">Exclusive Partnerships</h4>
                                                <p class="subheading"  style="color: white;">Bringing You Unmatched Experiences</p>
                                            </div>
                                            <p class="centre-align"  style="color: white;">We’ve partnered with International Brunch, a leader in event curation, to deliver one-of-a-kind experiences in some of Brooklyn’s most..</p>
                                        </div>
                                        <div class="solutions-base">
                                            <a data-hover="" href="about-us.html" class="button w-inline-block">
                                                <div class="button-flex">
                                                    <div class="arrow-contain">
                                                        <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                        <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                    </div>
                                                    <div class="button-text"  style="color: white;">Learn More</div>
                                                </div>
                                                <div class="button-line"></div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div id="w-node-f59f58f4-60f2-7cc8-af65-c2e0fb9dc9c5-1331f728" class="w-layout-cell no-mobile">
                                    <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="lazy" alt="" class="angle-shape" />
                                    <div class="solution-cell is-fw">
                                        <div class="solutions-div">
                                            <div class="vertical-flex">
                                                
                                                <h4  style="color: white;">Memorable Themes</h4>
                                                <p class="subheading"  style="color: white;">Every Event is an Experience</p>
                                            </div>
                                            <p class="centre-align"  style="color: white;">At Denim & Azul, we believe in creating more than just parties; we craft immersive experiences...</p>
                                        </div>
                                        <div class="solutions-base">
                                            <a data-hover="" href="about-us.html" class="button w-inline-block">
                                                <div class="button-flex">
                                                    <div class="arrow-contain">
                                                        <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                        <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                    </div>
                                                    <div class="button-text"  style="color: white;">Learn More</div>
                                                </div>
                                                <div class="button-line"></div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
            <section class="section">
                <div class="w-layout-vflex vertical-flex">
                    <h5 class="heading-1 centre-align is-desktop" style="color: #161251;">Get Tickets</h5>
                    
                    <div data-w-id="e6b0600c-7c75-2d18-a9ed-4f0235a0d7b2" style="opacity: 0; filter: blur(5px);" class="w-layout-vflex vertical-flex is-fixed-small">
                        <p class="centre-align">Experience nightlife like never before. Don’t miss your chance to be part of the ultimate blend of sophistication and energy at Denim & Azul.</p>
                        <a data-hover="" href="https://event.getbookt.io/azul" class="button w-inline-block">
                            <div class="button-flex">
                                <div class="arrow-contain">
                                    <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                    <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                </div>
                                <div class="button-text">Buy Ticket</div>
                            </div>
                            <div class="button-line"></div>
                        </a>
                    </div>
                </div>
            </section>
           
            <section id="petition" data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a80" class="footer-section">
                <div class="footer-nav">
                    <div class="footer-div is-left"><a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a83" href="upcoming-events.html" class="button-text">Upcoming Events</a></div>
                    <div class="footer-div is-mid"><a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a86" href="past-events.html" class="button-text">Gallery</a></div>
                    <div class="footer-div is-mid"><a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a89" href="about-us.html" class="button-text">About Us</a></div>
                    <div class="footer-div is-right"><a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a8c" href="https://event.getbookt.io/azul" class="button-text">Tickets</a></div>
                </div>
                <div id="w-node-a25aa2b2-257f-1db4-a1a8-6d4079992a8e-79992a80" class="w-layout-layout _3-col-stack is-footer wf-layout-layout">
                    <div id="w-node-a25aa2b2-257f-1db4-a1a8-6d4079992a8f-79992a80" class="w-layout-cell cell is-foot-1">
                        <div class="vertical-flex is-lt">
                            <p>Questions?</p>
                            <div class="vertical-flex is-lt">
                                <h6 class="heading-4">Contact Us</h6>
                                <div>
                                    <a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a97" href="mailto:info@denimandazul.com" class="heading-5">info@denimandazul.com</a>
                                    <div class="horizontal-flex">
                                        <a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a9a" href="https://www.instagram.com/denimandazul?igsh=MXRyYjQ5cXZqdWZ2ZA==" target="_blank" class="heading-5">Instagram</a>
                                        <div class="heading-5">/</div>
                                        <a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992a9e" href="https://event.getbookt.io/azul" target="_blank" class="heading-5">Tickets</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p>©2024 Denim & Azul. All Rights Reserved.</p>
                    </div>

<div id="w-node-a25aa2b2-257f-1db4-a1a8-6d4079992aa2-79992a80" class="w-layout-cell cell is-cb footer">
                        <div class="vertical-flex gap-m">
                            <a href="#home" class="nav-logo is-footer w-inline-block">
                                <div
                                    class="logo"
                                    data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992aa5"
                                    data-animation-type="lottie"
                                    data-src=""
                                    data-loop="1"
                                    data-direction="1"
                                    data-autoplay="1"
                                    data-is-ix2-target="0"
                                    data-renderer="svg"
                                    data-duration="0"
                                ></div>
                                <img src="./assets/66909d45f860a4169817b8ee_snd-etc-type-green.png" loading="lazy" alt="" class="logo-text" />
                            </a>
                            <p class="centre-align">Where the Night Dances in Elegance.</p>
                            <a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992aa8" href="mailto:info@denimandazul.com" class="heading-5 is-mobile">info@denimandazul.com</a>
                        </div>
                        <div class="w-layout-vflex vertical-flex no-desktop">
                            <a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992aab" href="https://maps.app.goo.gl/JK3k2XimgUtR2bdJ9" target="_blank" class="heading-5 right-aligned">
                                Polygon 299 Vandervoort Ave<br />
                                Brooklyn, NY 11211
                            </a>
                            <div class="w-layout-hflex horizontal-flex cm">
                                <p class="centre-align"><a href="about-us.html">Contact</a></p>
                                <p class="centre-align"><a href="https://www.instagram.com/denimandazul?igsh=MXRyYjQ5cXZqdWZ2ZA==">Instagram</a></p>
                                <p class="centre-align"><a href="https://event.getbookt.io/azul">Tickets</a></p>
                            </div>
                        </div>
                        <div>
                            <img src="./assets/66778ea08dc4c4408ce083c3_snd-etc-angle-2.png" loading="lazy" alt="" class="angle-shape" />
                            <div class="footer-form-contain">
                                <div class="vertical-flex">
                                    <h4 style="color: white;">Let's Party</h4>
                                    <p class="subheading is-form" style="color: white;">We’d love to hear from you!</p>
                                </div>
                                <p class="centre-align" style="color: white;">Whether you have questions, feedback, or want to collaborate, our team is here to assist.

</p>
                                <div class="vertical-flex">
                                    <div class="petition-form w-form">
                                                                                <form
                                            id="wf-form-Petition-Form"
                                            name="wf-form-Petition-Form"
                                            data-name="Petition Form"
                                            method="POST"
                                            action="submit.php"
                                            class="form"
                                            data-wf-flow="1c36d1f606dcaedfcb8fe640"
                                            data-wf-page-id="66715118c4748bd61331f728"
                                            data-wf-element-id="a25aa2b2-257f-1db4-a1a8-6d4079992ac5"
                                        >
                                            <input name="fullname" class="field w-input"   maxlength="256" data-name="First 2" placeholder="Full Name"   type="text" id="formone" required="" />
                                            <input name="contact" class="field w-input"   maxlength="256" data-name="Last 2" placeholder="Contact" type="tel" id="formtwo" pattern="[0-9+() -]+" required="" />
                                            <input name="email" class="field w-input"    maxlength="256" data-name="Email 2" placeholder="Email Address" type="email" id="formthree" required="" />
                                            <div data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992ac9" class="button is-form">
                                                <input type="submit" data-wait="" class="submit-button w-button" value="" />
                                                <div data-w-id="ad476936-f73b-1651-1c85-1241e406e1ac" class="button">
                                                    <div class="button-flex">
                                                        <div class="arrow-contain">
                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-01" />
                                                            <img loading="lazy" src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/667694f7ea7a382f61a1bb43_arrow-charcoal.svg" alt="" class="arrow is-02" />
                                                        </div>
                                                        <button type="submit" name="submit" class="button-text" style="color: white;">Submit</button>
                                                    </div>
                                                    <div class="button-line"></div>
                                                </div>
                                            </div>
                                        </form>
                                        <div class="w-form-done"><div>Thank you! Your submission has been received!</div></div>
                                        <div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                                        
                                            
                    <div id="w-node-a25aa2b2-257f-1db4-a1a8-6d4079992ad8-79992a80" class="w-layout-cell cell is-foot-3">
                        <div class="vertical-flex is-lt right">
                            <p>Visiting?</p>
                            <div class="vertical-flex is-lt right">
                                <h6 class="heading-4">Finding Us</h6>
                                <a data-w-id="a25aa2b2-257f-1db4-a1a8-6d4079992adf" href="https://maps.app.goo.gl/JK3k2XimgUtR2bdJ9" target="_blank" class="heading-5 right-aligned">
                                    Polygon 299 Vandervoort Ave<br />
                                    Brooklyn, NY 11211
                                </a>
                            </div>
                        </div>
                       
                    </div>
                </div>
                <img
                    src=" ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg"
                    loading="lazy"
                    sizes="100vw"
                    srcset="
                    ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg   500w,
                    ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg   800w,
                    ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg 1080w,
                    ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg 1600w,
                        ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg 2000w,
                        ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg 2600w,
                        ./assets/667e48db2e1eb1ae0df324b0_snd-etc-footer-img-p-2000.jpg        3055w
                    "
                    alt=""
                    class="img-fill"
                />
                <div class="vertical-flex is-footer">
                    <p>©2024 Denim & Azul. All Rights Reserved.</p>
                    
                </div>
            </section>
            <div class="load_grid">
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b878-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b879-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b87a-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b87b-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b87c-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b87d-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b87e-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b87f-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b880-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b881-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b882-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b883-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b884-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b885-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b886-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b887-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b888-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b889-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b88a-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b88b-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b88c-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b88d-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b88e-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b88f-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b890-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b891-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b892-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b893-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b894-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b895-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b896-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b897-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b898-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b899-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b89a-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b89b-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b89c-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b89d-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b89e-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b89f-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a0-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a1-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a2-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a3-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a4-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a5-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a6-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a7-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a8-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8a9-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8aa-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ab-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ac-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ad-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ae-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8af-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b0-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b1-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b2-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b3-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b4-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b5-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b6-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b7-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b8-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8b9-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ba-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8bb-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8bc-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8bd-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8be-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8bf-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c0-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c1-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c2-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c3-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c4-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c5-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c6-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c7-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c8-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8c9-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ca-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8cb-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8cc-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8cd-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8ce-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8cf-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d0-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d1-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d2-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d3-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d4-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d5-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d6-4529b877" class="load_grid-item"></div>
                <div id="w-node-d21038ac-0744-0a53-a9ef-606d4529b8d7-4529b877" class="load_grid-item"></div>
            </div>
        </div>
        <script
            src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66715118c4748bd61331f714"
            type="text/javascript"
            integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
            crossorigin="anonymous"
        ></script>
        <script src="https://cdn.prod.website-files.com/66715118c4748bd61331f714/js/webflow.db21353bf.js" type="text/javascript"></script>
        <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@v0.2.26/bundled/lenis.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>

// Code that runs on click of a link
            $(document).ready(function () {
                $("a").on("click", function (e) {
                    if ($(this).prop("hostname") === window.location.host && $(this).attr("href").indexOf("#") === -1 && $(this).attr("target") !== "_blank") {
                        e.preventDefault();
                        let destination = $(this).attr("href");
                        gsap.set(".load_grid", { display: "grid" });
                        gsap.fromTo(
                            ".load_grid-item",
                            {
                                opacity: 0,
                            },
                            {
                                opacity: 1,
                                duration: 0.001,
                                stagger: { amount: 0.5, from: "random" }, //you can also try a from: "start" or "end" -- get creative!
                                onComplete: () => {
                                    window.location = destination;
                                },
                            }
                        );
                    }
                });

// On click of the back button
                window.onpageshow = function (event) {
                    if (event.persisted) {
                        window.location.reload();
                    }
                };
            });
        </script>

function stopScroll(event) {
                // cancel scroll code
                lenis.stop();
            }

function startScroll(event) {
                // start scroll code
                lenis.start();
            }

var stopElements = document.querySelectorAll(".stop-scroll");
            var startElements = document.querySelectorAll(".start-scroll");

stopElements.forEach(function (element) {
                element.addEventListener("click", stopScroll);
            });

startElements.forEach(function (element) {
                element.addEventListener("click", startScroll);
            });

// stop page scrolling
            //document.querySelector('.button-div.is-mob')
            //	.onclick = function() {
            //  	lenis.stop();
            //}

// start page scrolling
            //document.querySelector('.button-div.is-mob.no-blur')
            //	.onclick = function() {
            //  	lenis.start();
            //}

function raf(time) {
                lenis.raf(time);
                requestAnimationFrame(raf);
            }

requestAnimationFrame(raf);
        </script>
        
         <script>
        // Get modal and buttons
var modal = document.getElementById("newsletterModal");
var openBtn = document.getElementById("openModalBtn");
var closeBtn = document.getElementById("closeBtn");

// Open the modal when the user clicks the button
openBtn.onclick = function() {
  modal.style.display = "flex";
}

// Close the modal when the user clicks the close button
closeBtn.onclick = function() {
  modal.style.display = "none";
}

// Close the modal if the user clicks outside of the modal content
window.onclick = function(event) {
  if (event.target === modal) {
    modal.style.display = "none";
  }
}

// Handle form submission (this can be linked to your newsletter system)
document.getElementById("newsletterForm").addEventListener("submit", function(e) {
  e.preventDefault();
  var email = document.getElementById("email").value;
  alert("Thank you for subscribing!"); // Replace with actual submission logic
  modal.style.display = "none"; // Close the modal after submitting
});

</script>

</body>
</html>