芝麻web文件管理V1.00

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

<?php
session_start();
$conn = mysqli_connect("localhost", "qrafawbu_amanortey", "amanorteybasky18", "qrafawbu_universalnewsletters");

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

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

// Check if the form is submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $email = mysqli_real_escape_string($conn, $_POST['email'] ?? '');

// Check for existing email
    $SQL = "SELECT email FROM reginaeigbenewsletter WHERE email='$email'";
    $result = mysqli_query($conn, $SQL);

if (mysqli_num_rows($result) > 0) {
        // Email already exists
        $_SESSION['msg'] = "Email already exists! Please choose a different email";
    } else {
        // Create SQL statement
        $sql = "INSERT INTO reginaeigbenewsletter (email) VALUES ('$email')";

// Execute the query
        if (mysqli_query($conn, $sql)) {
             $_SESSION['msg'] = "Subscription successful";
           
        } else {
            $_SESSION['msg'] = "Error: " . $sql . "<br>" . 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="reginaeigbe.com" data-wf-page="654ce58f619c4d228614b12d" data-wf-site="64e0fbec5077f653e248ab5e"><head>
<meta charset="utf-8"/>
<title>Regina Eigbe - Dance, Choreography, and Creative Excellence</title>
<meta content="Explore the dynamic world of Regina Eigbe, where dance, choreography, and creativity converge. Discover her journey, projects, and collaborations with top brands and artists." name="description" />
<meta content="Regina Eigbe - Dance, Choreography, and Creative Excellence" property="og:title" />
<meta content="Explore the dynamic world of Regina Eigbe, where dance, choreography, and creativity converge. Discover her journey, projects, and collaborations with top brands and artists." property="og:description" />
<meta content="https://reginaeigbe.com/final/1.png" property="og:image" />
<meta content="Regina Eigbe - Dance, Choreography, and Creative Excellence" property="twitter:title" />
<meta content="assets/usapro-img.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/css/whywhytellmewhy.55522b534.min.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({  google: {    families: ["PT Sans:400,400italic,700,700italic","Inconsolata:400,700"]  }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</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://reginaeigbe.com/" rel="canonical"/><style>
[text-split] {opacity: 0;}
html.w-editor [text-split] {opacity: 1;}

.word {
	overflow: none;
  padding-bottom: 0em;
  margin-bottom: 0em;
  transform-origin: bottom;
}
</style>

<style>
.nav-link__contain, .sublink__contain {
	opacity: 0;
}

.newsletter-popup {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    max-width: 800px;
    width: 100%;
    margin: auto;
    position: relative; /* Ensure close button is positioned correctly */
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
}

.popup-inner {
    display: flex;
    width: 100%;
}

.popup-text, .popup-image {
    flex: 1;
}

.popup-text {
    padding: 20px;
}

.popup-text p {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

.popup-image img {
    max-width: 100%;
    border-radius: 10px;
}

/* Enhanced input and button styling */
form input[type="email"] {
     width: 100%;
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 20px; /* Make the input rounded */
    font-size: 16px;
}

form button {
    padding: 10px 20px;
    background-color: #000000;
    color: #fff;
     width: 100%;
    border: none;
    border-radius: 20px; /* Make the button rounded */
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

form button:hover {
    background-color: #FDE68A;
}

</style>

</head><body class="body-3-copy">
  <a id="w-node-bd46851e-1e81-b758-c409-f571f64265f7-f64265f7" data-w-id="bd46851e-1e81-b758-c409-f571f64265f7" href="/" aria-current="page" class="link-block-3 w-inline-block w--current">
      
      
      
      
  </a>
  <div class="viewport">
      <div class="grid-3 is--nav">
          <div class="grid_item is--menu">
              <a href="https://reginaeigbe.com/#Works" class="menu_link w-inline-block">
                  <p class="menu_p">Home</p>
                  <div class="menu_line"></div>
              </a>
              <div class="comma"></div>
              <a href="/the-archive" data-w-id="d175a9bf-1cea-5a18-c007-449801dc9fbb" class="menu_link w-inline-block">
                  <p class="menu_p"><span class="menu_p">About</span></p>
                  <div class="menu_line"></div>
              </a>
              <div class="comma"></div>
              <a href="/inspo" data-w-id="d175a9bf-1cea-5a18-c007-449801dc9fc0" class="menu_link w-inline-block">
                  <p class="menu_p"><span>Work</span></p>
                  <div class="menu_line"></div>
              </a>
              <div class="comma"></div>
              
              <div class="comma"></div>
              <a href="/about" data-w-id="d175a9bf-1cea-5a18-c007-449801dc9fc5" class="menu_link w-inline-block">
                  <p class="menu_p italic"><span class="text-span-73">Subscribe</span></p>
                  <div class="menu_line"></div>
              </a>
          </div>
      </div>
      
      
      
      
      <aside id="topofpage" class="homepagesection">
          <header id="selected-work" data-w-id="492edf79-4cd4-51ab-dc32-334c1131b94b" class="whywhyheader">
              <div js-vimeo-element="media" class="video_cover-media why mobile">
                  <img
                      srcset="
                          assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg   500w,
                          assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg   800w,
                          assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg 1080w,
                          assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg       1168w
                      "
                      src="assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg"
                      sizes="100vw"
                      alt=""
                      class="video_thumbnail-image mobile"
                  />
                  <div
                      data-poster-url="assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg"
                      data-video-urls="video/regina-landing-video.mov"
                      data-autoplay="true"
                      data-loop="true"
                      data-wf-ignore="true"
                      class="background-video-8 mobile w-background-video w-background-video-atom"
                  >
                      <video
                          id="dce5c282-bbe3-891c-dd04-9c77a9e0aeee-video"
                          autoplay=""
                          loop=""
                          style="background-image: url('assets/64ed6631bdcba86b00f73dc5_why-vertical-final-poster-00001.jpg');"
                          muted=""
                          playsinline=""
                          data-wf-ignore="true"
                          data-object-fit="cover"
                      >
                          <source src="video/regina-landing-video.mov" data-wf-ignore="true" />
                          <source src="video/regina-landing-video.mov" data-wf-ignore="true" />
                      </video>
                  </div>
              </div>
              <div js-vimeo-element="media" class="video_cover-media why">
                  <img
                      srcset="
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg   500w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg   800w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg 1080w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg 1600w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg 2000w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg 2600w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg 3200w,
                          assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg          3400w
                      "
                      src="assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg"
                      sizes="100vw"
                      alt=""
                      class="video_thumbnail-image"
                  />
                  <div
                      data-poster-url="assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg"
                      data-video-urls="video/regina-landing-page-800w.mp4"
                      data-autoplay="true"
                      data-loop="true"
                      data-wf-ignore="true"
                      class="background-video-8 w-background-video w-background-video-atom"
                  >
                      <video
                          id="02784f3c-4a28-b6ae-b8e3-c18681b7f2db-video"
                          autoplay=""
                          loop=""
                          style="background-image: url('assets/6520e08449e3fb88ce3372d8_whywhyvideo_1-poster-00001.jpg');"
                          muted=""
                          playsinline=""
                          data-wf-ignore="true"
                          data-object-fit="cover"
                      >
                          <source src="video/regina-landing-page-800w.mp4" data-wf-ignore="true" />
                          <source src="video/regina-landing-page-800w.mp4" data-wf-ignore="true" />
                      </video>
                  </div>
              </div>
          </header>
      </aside>
      
      
      
      
      
      
      
      
      
      <div data-w-id="3749e019-4e8e-e092-b4f0-e1b9801738d3" class="selectedwork w-row">
          <div class="column-29 w-col w-col-5"></div>
          <div class="column-32 w-col w-col-4"></div>
          <div class="column-30 w-col w-col-3">
              <div class="bold-text-3 top">
                  <span letters-fade-in-random="" text-split="" class="bold-text toptitle">Regina Eigbe™</span> Welcome to my world of dance, creativity, and inspiration.

Let's embark on this journey together!
              </div>
              
          </div>
      </div>
      <div class="bigbigspace"></div>
      <div class="sec-5">
          <div class="link-contain-6">
              <div data-w-id="4904bdfd-2630-54bc-0476-128a44444563" class="link-item p d whywhytitle mobile">
                  
                  </div>
              </div>
              <div data-w-id="f05cf907-15f1-6a91-cdc2-0567a0cadbe7" class="link-item p d whywhytitle">
                  <div class="img-wrap is--grey logitech why">
                      <div class="div-block-124 why">
                          <div
                              data-poster-url="assets/6520e31f5790a4fb12fe3200_whywhyvideo-final-poster-00001.jpg"
                              data-video-urls="video/regina-landing-video.mov"
                              data-autoplay="true"
                              data-loop="true"
                              data-wf-ignore="true"
                              class="background-video-8 w-background-video w-background-video-atom"
                          >
                              <video
                                  id="f05cf907-15f1-6a91-cdc2-0567a0cadbea-video"
                                  autoplay=""
                                  loop=""
                                  style="background-image: url('assets/6645cc747752cd8e285856f3_Askonas Holt_1715850336329.jpg');"
                                  muted=""
                                  playsinline=""
                                  data-wf-ignore="true"
                                  data-object-fit="cover"
                              >
                                  <source src="video/regina-landing-video.mov" data-wf-ignore="true" />
                                  <source src="video/regina-landing-video.mov" data-wf-ignore="true" />
                              </video>
                          </div>
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </div>
              <div id="Works" class="work-invisible-trigger"></div>
              <a data-w-id="6716b1dd-8313-17bc-d692-b5720673e052" href="/logitech-studio-series" class="link-item p d popdesktop w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-5">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">01</div>
                                  <div class="link-text-5">Super Malt <br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-4"></div>
                      <div class="column-17 w-col w-col-3">
                          <div class="description">→ The commercial highlighted Supermalt's core message of vitality and strength, aligning with Regina's vibrant persona and her passion for dance.<br /></div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey logitech">
                      <div class="div-block-124 pop">
                          <div
                              data-poster-url="assets/6544c3059ba9d251a7d918d6_pop-thumbnail-pops-poster-00001.jpg"
                              data-video-urls="video/The Best Delicious Pringles Snack Chips Funny International Commercials.mp4,
                              video/The Best Delicious Pringles Snack Chips Funny International Commercials.mp4"
                              data-autoplay="true"
                              data-loop="true"
                              data-wf-ignore="true"
                              class="background-video-12 w-background-video w-background-video-atom"
                          >
                              <video
                                  id="6716b1dd-8313-17bc-d692-b5720673e062-video"
                                  autoplay=""
                                  loop=""
                                  style="background-image: url('assets/6544c3059ba9d251a7d918d6_pop-thumbnail-pops-poster-00001.jpg');"
                                  muted=""
                                  playsinline=""
                                  data-wf-ignore="true"
                                  data-object-fit="cover"
                              >
                                  <source src="video/supermalt.mp4" data-wf-ignore="true" />
                                  <source src="video/supermalt.mp4" data-wf-ignore="true" />
                              </video>
                          </div>
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              <a data-w-id="121da364-3de7-b20a-7fb1-b228e1fcab0e" href="/logitech-studio-series" class="link-item p d popipad w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="superscript">01</div>
                              <div class="div-block-136">
                                  <div class="link-text-5">Super Malt<br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack">
                          <div class="description">→ The commercial highlighted Supermalt's core message of vitality and strength, aligning with Regina's vibrant persona and her passion for dance.<br /></div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey logitech">
                      <div class="div-block-124 pop">
                          <div
                              data-poster-url="assets/supamlt-img.jpg"
                              data-video-urls="video/supermalt.mp4,
                              video/supermalt.mp4"
                              data-autoplay="true"
                              data-loop="true"
                              data-wf-ignore="true"
                              class="background-video-12 w-background-video w-background-video-atom"
                          >
                              <video
                                  id="121da364-3de7-b20a-7fb1-b228e1fcab21-video"
                                  autoplay=""
                                  loop=""
                                  style="background-image: url('assets/supamlt-img.jpg');"
                                  muted=""
                                  playsinline=""
                                  data-wf-ignore="true"
                                  data-object-fit="cover"
                              >
                                  <source src="video/supermalt.mp4" data-wf-ignore="true" />
                                  <source src="video/supermalt.mp4" data-wf-ignore="true" />
                              </video>
                          </div>
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              <a data-w-id="7e1865a2-31d1-f894-b0a9-d07809dd82cd" href="/logitech-casa" class="link-item p d casa w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-5 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">02</div>
                                  <div class="link-text-5"><span class="text-span-61">Beats by Dre</span><br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-2 w-col w-col-4 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack"><div class="description">→ Collaborative content showcasing her dance and creative expertise.</div></div>
                  </div>
                  <div class="img-wrap is--grey casa">
                      <img
                          src="assets/6524c7c0de8972482c2f51cc_casa-final.jpg"
                          loading="lazy"
                          width="1000"
                          sizes="100vw"
                          alt=""
                          srcset="
                          assets/beats-by-dre.png   500w,
                           assets/beats-by-dre.png   800w,
                            assets/beats-by-dre.png 1080w,
                            assets/beats-by-dre.png 1600w,
                            assets/beats-by-dre.png        2000w
                          "
                          class="img casa"
                      />
                      <img
                          src="assets/beats-dre.jpg"
                          loading="lazy"
                          sizes="100vw"
                          srcset="
                               assets/beats-by-dre.png   500w,
                              assets/beats-by-dre.png   800w,
                                assets/beats-by-dre.png 1080w,
                                assets/beats-by-dre.png       1500w
                          "
                          alt=""
                          class="img casa mobile"
                      />
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              <a data-w-id="3a359ba7-8e2b-ebcd-e94c-9987b0194b89" href="/logitech-ergo-series" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">03</div>
                                  <div class="link-text-5">Pringles<br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack"><div class="description">→ Featured in a high-energy commercial campaign combining creativity and vibrant dance moves.</div></div>
                  </div>
                  <div class="img-wrap is--grey ergo">
                      <div
                          data-poster-url="assets/652b518aac2fb6a71a4c7a98_LOGITECH_WAVE_KEYS_TESTIMONIAL_OFF_WHITE_60SEC_16x9_PRORES_CLEAN-poster-00001.jpg"
                          data-video-urls="video/supermalt.mp4,
                          video/supermalt.mp4"
                          data-autoplay="true"
                          data-loop="true"
                          data-wf-ignore="true"
                          class="background-video-12-copy w-background-video w-background-video-atom"
                      >
                          <video
                              id="a9e33a94-9db3-7a15-0270-ceb174143298-video"
                              autoplay=""
                              loop=""
                              style="background-image: url('assets/pringles.jpg');"
                              muted=""
                              playsinline=""
                              data-wf-ignore="true"
                              data-object-fit="cover"
                          >
                              <source src="video/pringles-commercial.mp4" data-wf-ignore="true" />
                              <source src="video/pringles-commercial.mp4" data-wf-ignore="true" />
                          </video>
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              <a data-w-id="8f9da323-bc49-64b9-3ff5-0806cd18b278" href="/logitech-workspace-wins" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">04</div>
                                  <h1 class="link-text-5"><span class="text-span-61">USA Pro</span></h1>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack"><div class="description">→ Brought energy to campaigns for this global retailer.</div></div>
                  </div>
                  <div class="img-wrap is--grey b2b">
                      <img
                          src="assets/6638e88dc66a1970a771a26c_BC-A4-Poster_Mockup.webp"
                          loading="lazy"
                          sizes="100vw"
                          srcset="
                              assets/6638e88dc66a1970a771a26c_BC-A4-Poster_Mockup.webp   500w,
                              assets/6638e88dc66a1970a771a26c_BC-A4-Poster_Mockup.webp   800w,
                              assets/6638e88dc66a1970a771a26c_BC-A4-Poster_Mockup.webp 1080w,
                              assets/6638e88dc66a1970a771a26c_BC-A4-Poster_Mockup.webp 1600w,
                              assets/6638e88dc66a1970a771a26c_BC-A4-Poster_Mockup.webp        2000w
                          "
                          alt=""
                          class="img b2b"
                      />
                      <div class="img-sub">( Dance Credits )</div>
                  </div>
              </a>
              <a data-w-id="dcfff853-6a0d-10c6-a40e-46393bbcc335" href="/the-hari-hotels" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">05</div>
                                  <div class="link-text-5">Jingle Bell Ball 2016<br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack"><div class="description">→ Danced with Dua Lipa at this high-profile event.</div></div>
                  </div>
                  <div class="img-wrap is--grey hari">
                      <img
                          src="assets/jingle-2016-img.jpg"
                          loading="lazy"
                          sizes="100vw"  
                          srcset="
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp   500w,
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp   800w,
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp 1080w,
                               assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp 1600w,
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp 2000w,
                               assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp 2600w,
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp         2700w
                          "
                          alt=""
                          class="img hari"
                      />
                      <img
                          src=" assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp"
                          loading="lazy"
                          sizes="100vw"
                          srcset="
                               assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp   500w,
                               assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp   800w,
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp 1080w,
                              assets/6638eff24a37916fc7c04eaa_BC-Posters_Mockup.webp        1350w
                          "
                          alt=""
                          class="img hari-mobile"
                      />
                      <div class="img-sub">( photographer / Director )</div>
                  </div>
              </a>
              
              
              
              <a data-w-id="54add173-6742-8019-bfee-3a4b8ad431b1" href="/wireless-headie.html" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">06</div>
                                  <div class="link-text-5"><span class="text-span-61">Wireless Festival</span><br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack">
                          <div class="description">→ Headie One's standout set in 2021.</div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey lb">
                      <div
                          data-poster-url="assets/6645cc747752cd8e285856f3_Askonas Holt_1715850336329.jpg"
                          data-video-urls="video/wireless-headie.mov.mp4,
                         video/xfactoruk2016.mp4"
                          data-autoplay="true"
                          data-loop="true"
                          data-wf-ignore="true"
                          class="background-video-12-copy w-background-video w-background-video-atom"
                      >
                          <video
                              id="cd0c1302-f67f-1363-639b-c83cf16fa5e9-video"
                              autoplay=""
                              loop=""
                              style="background-image: url('assets/wireless-headies-img.jpg');"
                              muted=""
                              playsinline=""
                              data-wf-ignore="true"
                              data-object-fit="cover"
                          >
                              <source src="video/wireless-headie.mov" data-wf-ignore="true" />
                              <source src="video/wireless-headie.mov" data-wf-ignore="true" />
                          </video>
                      </div>
                      <div class="img-sub">( Choreography Credits )</div>
                  </div>
              </a>
              
              
              
              
              
              
              
              <a data-w-id="7ef3ee0f-b90b-9103-1ee8-1222e29298ce" href="/heroes-beer-co" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">07</div>
                                  <div class="link-text-5">Reebok<br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack">
                          <div class="description">→ Choreographed ads that reflected athleticism and style.</div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey heroes">
                      <div class="div-block-127 heroes">
                          <img
                              src="assets/reebok-2.jpg"
                              loading="lazy"
                              sizes="100vw"
                              srcset="
                                  assets/reebok-2.jpg   500w,
                                  assets/reebok-2.jpg   800w,
                                  assets/reebok-2.jpg 1080w,
                                  assets/reebok-2.jpg 1600w,
                                 assets/reebok-2.jpg 2000w,
                                  assets/reebok-2.jpg        2500w
                              "
                              alt=""
                              class="image-50"
                          />
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              
              
               <a data-w-id="54add173-6742-8019-bfee-3a4b8ad431b1" href="/little-birdy" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">06</div>
                                  <div class="link-text-5"><span class="text-span-61">USA Pro Commercial</span><br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack">
                          <div class="description">→ Known for empowering women in fitness, USA Pro collaborated with Regina to inspire active lifestyles through stylish and functional apparel.</div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey lb">
                      <div
                          data-poster-url="assets/6645cc747752cd8e285856f3_Askonas Holt_1715850336329.jpg"
                          data-video-urls="assets/usa-pro.mov,
                         assets/usa-pro.mov"
                          data-autoplay="true"
                          data-loop="true"
                          data-wf-ignore="true"
                          class="background-video-12-copy w-background-video w-background-video-atom"
                      >
                          <video
                              id="cd0c1302-f67f-1363-639b-c83cf16fa5e9-video"
                              autoplay=""
                              loop=""
                              style="background-image: url('assets/6645cc747752cd8e285856f3_Askonas Holt_1715850336329.jpg');"
                              muted=""
                              playsinline=""
                              data-wf-ignore="true"
                              data-object-fit="cover"
                          >
                              <source src="assets/usa-pro.mov" data-wf-ignore="true" />
                              <source src="assets/usa-pro.mov" data-wf-ignore="true" />
                          </video>
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              
              
              
              
              
              
              <a data-w-id="52536184-de63-42f7-b73c-590e00101d88" href="/chalong-bay-rum" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">08</div>
                                  <div class="link-text-5"><span class="text-span-61">JD Sports</span><br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack">
                          <div class="description">→ Brought energy to campaigns for this global retailer.</div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey cb">
                      <div class="div-block-127 cb">
                          <img
                              src="assets/jd-woman.jpg"
                              loading="lazy"
                              sizes="100vw"
                              srcset="
                                  assets/jd-woman.jpg   500w,
                                  assets/jd-woman.jpg   800w,
                                  assets/jd-woman.jpg 1080w,
                                  assets/jd-woman.jpg 1600w,
                                  assets/jd-woman.jpg 2000w,
                                  v        2500w
                              "
                              alt=""
                              class="img cb"
                          />
                          <img
                              src="assets/jd-woman.jpg"
                              loading="lazy"
                              sizes="100vw"
                              srcset="
                                  assets/jd-woman.jpg   500w,
                                 assets/jd-woman.jpg   800w,
                                 assets/jd-woman.jpg 1080w,
                                 assets/jd-woman.jpg        1111w
                              "
                              alt=""
                              class="img cb mobile"
                          />
                      </div>
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              
              
              
              <a data-w-id="2942ed38-bec6-cd3b-ac78-29b5a18627d8" href="/bluebell-group" class="link-item p d bb w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">09</div>
                                  <div class="link-text-5">Unknown<br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack">
                          <div class="description">→ Brought energy to campaigns for this global retailer</div>
                      </div>
                  </div>
                  <div class="img-wrap is--grey">
                      <img
                          src="assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp"
                          loading="lazy"
                          sizes="100vw"
                          srcset="
                            assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp   500w,
                             assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp   800w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 1080w,
                             assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 1600w,
                             assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 2000w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 2600w,
                             assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 3200w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp        3840w
                          "
                          alt=""
                          class="img bb"
                      />
                      <img
                          src="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/65369665de783f383e906a66_bluebellxgivenchy-vertical.jpg"
                          loading="lazy"
                          sizes="100vw"
                          srcset="
                             assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp   500w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp   800w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 1080w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 1600w,
                             assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp 2000w,
                              assets/65e1c512821468600d1a19ef_FF-Brochure_Cover-Mockup.webp        2086w
                          "
                          alt=""
                          class="img bb mobile"
                      />
                      <div class="img-sub">( Brand Collaborations )</div>
                  </div>
              </a>
              
              
              
              
              
              
              
              
              
              
              <a data-w-id="96562686-6a6a-d114-7e66-363f628302b0" href="/raffles-city-capitaland" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">10</div>
                                  <div class="link-text-5"><span class="text-span-61">Unknown</span><br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack"><div class="description">→ Brought energy to campaigns for this global retailer.</div></div>
                  </div>
                  <div class="img-wrap is--grey">
                      <img
                          src="assets/white-pink-i.jpeg"
                          loading="lazy"
                          sizes="100vw"
                          srcset="
                              assets/white-pink-i.jpeg  500w,
                              assets/white-pink-i.jpeg   800w,
                              assets/white-pink-i.jpeg 1080w,
                              assets/white-pink-i.jpeg 1600w,
                              assets/white-pink-i.jpeg        2000w
                          "
                          alt=""
                          class="img raffles"
                      />
                      <div class="img-sub">( Brand Collaborations  )</div>
                  </div>
              </a>
              <a data-w-id="08f6ae3c-ca2b-a331-119b-eb0de082e4ad" href="/the-archive" class="link-item p d w-inline-block">
                  <div class="columns-7 w-row">
                      <div class="column-18 w-col w-col-4 w-col-tiny-tiny-stack">
                          <div class="div-block-137">
                              <div class="div-block-136">
                                  <div class="superscript">11</div>
                                  <div class="link-text-5">Subscribe Now<br /></div>
                              </div>
                          </div>
                      </div>
                      <div class="column-46 w-col w-col-5 w-col-tiny-tiny-stack"></div>
                      <div class="column-17 w-col w-col-3 w-col-tiny-tiny-stack"><div class="description">→ Join Regina Eigbe's exclusive mailing list to receive the latest updates on upcoming events, brand partnerships, dance workshops, and more.</div></div>
                  </div>
                  <div class="img-wrap is--grey archive">
                      <div class="div-block-127 archive"><img src="assets/reebok-regina-tv-motion-face.gif" loading="lazy" alt="" class="img archive" /></div>
                      <div class="img-sub">( Subcribe )</div>
                  </div>
              </a>
          </div>
      </div>
      <div data-w-id="3220a501-f5b4-f819-41fd-a3fe399ddf9f" style="opacity: 0;" class="homeheading breakpoints home">
        As a choreographer, I have collaborated with various high-profile brands and artists. With 1.5 million social media followers, I offer expertise in social media marketing. <br /></span>
      </div>
        
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
  </div>
</body>

<p class="footer_heading-2">   </p></a></div></div><div class="footermenu"><span letters-fade-in-random="" text-split="" class="bold-text title bottom">Connect</span></div><div class="spacer-footer"></div>

<a href="https://www.linkedin.com/in/kafai-mak/" data-w-id="2b9da50f-c755-527e-007e-fd2674110c70" target="_blank" class="overflow-hidden-bottom w-inline-block"><div class="menu_line"></div><p class="text-block-40-copy">Youtube</p></a></div>
<div class="underconstruction w-col w-col-3"><div class="div-block-148">
    <div class="footermenu"><span letters-fade-in-random="" text-split="" class="bold-text title bottom">Site</span></div><a href="#Works" class="link-5">Home</a>
    
    
    <a data-w-id="2b9da50f-c755-527e-007e-fd2674110c8b" href="/the-archive" class="link-5">About</a>
    
    
    <a data-w-id="2b9da50f-c755-527e-007e-fd2674110c8f" href="/about" class="link-5">Work</a>
    <a href="https://dribbble.com/kafaimak" target="_blank" class="link-5">Subscribe</a></div></div></div>
    
    <div data-w-id="6d30daa4-ee99-4a46-cfc6-698002231afd" style="opacity:0" class="div-block-129">
     </div><div class="navbar">
         <div class="menu-2"><div class="background"><div class="background__fill"></div>
         <div data-is-ix2-target="1" class="background__lottie" data-w-id="f19c787a-128a-e37f-a305-381e578949b4" data-animation-type="lottie" data-src="https://assets-global.website-files.com/64b4e32f3be8824f8fa67350/64b4e32f3be8824f8fa67356_menu-wave.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.5666666666666667" data-duration="0" data-ix2-initial-state="0"></div></div><div class="container-2 is--menu"><div class="menu__contain"><div class="div-block-162"><a href="/" aria-current="page" class="nav-link-2 is--1 w-inline-block w--current">
    <img src="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/64e0fbec5077f653e248abaa_new-wizardry.gif" loading="lazy" alt="" class="nav-link__img"/>
    
    
    <div class="nav-link__line"></div><div class="nav-link__contain"><p class="nav-link__text">About</p></div></a><a href="/the-archive" class="nav-link-2 is--1 w-inline-block">
        
        
    <img src="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/64e0fbec5077f653e248abaa_new-wizardry.gif" loading="lazy" alt="" class="nav-link__img"/>
    
    <div class="nav-link__line"></div><div class="nav-link__contain"><p class="nav-link__text">Work</p></div></a><a href="/inspo" class="nav-link-2 is--1 w-inline-block">
        
    <img src="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/64e0fbec5077f653e248abaa_new-wizardry.gif" loading="lazy" alt="" class="nav-link__img"/>
    
    <div class="nav-link__line"></div><div class="nav-link__contain"><p class="nav-link__text">Subscribe</p></div></a>
    
    <a href="https://dribbble.com/kafaimak" class="nav-link-2 is--1 w-inline-block">
        
    <div class="nav-link__line"></div>
    
    <div class="menu__right"><img src="assets/3-dark.png" loading="lazy" alt="" class="menu__icon"/>
    <div class="big_spacer"></div><div class="div-block-159"><a href="/" target="_blank" aria-current="page" class="overflow-hidden-bottom w-inline-block w--current"><p class="menub">Terms</p>
    <div class="menu_line"></div></a><div class="div-block-161"><h1 class="menub-copy">|</h1></div><a href="/about" data-w-id="f19c787a-128a-e37f-a305-381e578949d8" class="overflow-hidden-bottom w-inline-block">
    <p class="menub">Privacy Policy </p><div style="-webkit-transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="menu_line"></div></a><div class="div-block-161"><h1 class="menub-copy">|</h1></div><a href="mailto:what-if@whywhytellmewhy.com?subject=Hello!" data-w-id="f19c787a-128a-e37f-a305-381e578949dd" class="overflow-hidden-bottom w-inline-block">
        <p class="menub">Email</p>
    <div style="-webkit-transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-101%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="menu_line"></div></a><div class="div-block-161"><h1 class="menub-copy">|</h1></div><a href="https://www.linkedin.com/in/kafai-mak/" target="_blank" class="overflow-hidden-bottom w-inline-block"><p class="menub">Linkedin</p><div class="menu_line"></div></a></div></div></div></div></div></div><div id="top" class="html w-embed"><style>
@media only screen and (min-width: 2000px) {
     body {font-size: 20px;}
}

.trigger__circle, .cursor, .slider__wave {
	pointer-events: none;
}

a {
	color: inherit;
}

.slider__wave svg path {
	pointer-events: auto;
}

body:hover .cursor {
	opacity: 1.0;
}

.control {
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
</style></div><section class="section-12 is--nav"><div class="container"><a href="#" id="w-node-f19c787a-128a-e37f-a305-381e578949ee-8614b12d" class="trigger w-inline-block"><div class="trigger__line is--2"></div><div class="trigger__line is--1"></div><img src="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/64e0fbec5077f653e248ab97_63875905e34b2578ca114d11_text-request-portfolio-f5f4b20e370d0ff8ab5921cad6e9d1ae.svg" loading="lazy" alt="" class="menurotate"/></a></div></section></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64e0fbec5077f653e248ab5e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://assets-global.website-files.com/64e0fbec5077f653e248ab5e/js/whywhytellmewhy.49f097be2.js" type="text/javascript"></script>
<style>
.splide__arrow.splide__arrow--next, .splide__arrow.splide__arrow--prev, .splide__pagination {
	display: none;
}

.splide *:focus { outline: none; }
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.6/dist/css/splide.min.css">
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.6/dist/js/splide.min.js"></script>
<script>
new Splide( '.splide', {
	perPage: 3,
	perMove: 1,
  type   : 'loop',
	focus  : 'center',
  breakpoints: {
		767: {
			perPage: 1,
		}
	}
} ).mount();

$('.next-splide').click(function() {
	$('.splide__arrow.splide__arrow--next').click();
});

$('.prev-splide').click(function() {
	$('.splide__arrow.splide__arrow--prev').click();
});
</script>

$('.trigger').mouseenter(function() {
  $('.cursor__text').text('OPEN');
});

$('.trigger').mouseleave(function() {
	$('.cursor__text').text('DRAG');
});

$('.control').hover(function() {
  $('.cursor__dot1').toggleClass('opacity-0');
  $('.cursor__dot2').toggleClass('light-ring');
});

$('.trigger').click(function() {
	$('.cursor').toggleClass('hide-cursor');
});

$('.trigger').click(function() {
	$('body').toggleClass('overflow-hidden');
});
</script>

fadeUp 
  .add({
    targets: '.nav-link__contain, .sublink__contain',
    translateY: [300,0],
    translateZ: 0,
    opacity: [0,1],
    easing: "easeOutExpo",
    duration: 1400,
    delay: (el, i) => 0 + 150 * i
  });
// Play animaton when something is clicked
$( ".trigger" ).click(function() {
	setTimeout(() => {  
		fadeUp.restart();
	}, 300);
});

</script>

<script src="https://unpkg.com/split-type"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
<script>
window.addEventListener("DOMContentLoaded", (event) => {
  // Split text into spans
  let typeSplit = new SplitType("[text-split]", {
    types: "words, chars",
    tagName: "span"
  });

// Link timelines to scroll position
  function createScrollTrigger(triggerElement, timeline) {
    // Reset tl when scroll out of view past bottom of screen
    ScrollTrigger.create({
      trigger: triggerElement,
      start: "top bottom",
      onLeaveBack: () => {
        timeline.progress(0);
        timeline.pause();
      }
    });
    // Play tl when scrolled into view (60% from top of screen)
    ScrollTrigger.create({
      trigger: triggerElement,
      start: "top 99%",
      onEnter: () => timeline.play()
    });
  }
  $("[letters-slide-up]").each(function (index) {
    let tl = gsap.timeline({ paused: true });
    tl.from($(this).find(".char"), { yPercent: 100, duration: 0.2, ease: "power1.out", stagger: { amount: 0.6 } });
    createScrollTrigger($(this), tl);
  });

$("[letters-fade-in]").each(function (index) {
    let tl = gsap.timeline({ paused: true });
    tl.from($(this).find(".char"), { opacity: 0, duration: 0.2, ease: "power1.out", stagger: { amount: 0.8 } });
    createScrollTrigger($(this), tl);
  });

$("[letters-fade-in-random]").each(function (index) {
    let tl = gsap.timeline({ paused: true });
    tl.from($(this).find(".char"), { opacity: 0, duration: 0.05, ease: "power1.out", stagger: { amount: 0.4, from: "random" } });
    createScrollTrigger($(this), tl);
  });

$("[scrub-each-word]").each(function (index) {
    let tl = gsap.timeline({
      scrollTrigger: {
        trigger: $(this),
        start: "top 90%",
        end: "top center",
        scrub: true
      }
    });
    tl.from($(this).find(".word"), { opacity: 0.2, duration: 0.2, ease: "power1.out", stagger: { each: 0.4 } });
  });

// Avoid flash of unstyled content
  gsap.set("[text-split]", { opacity: 1 });
});
</script>

setInterval(() => {
    const currentOrbitIndex = orbitCycle.indexOf(modelViewer.cameraOrbit);
    modelViewer.cameraOrbit =
        orbitCycle[(currentOrbitIndex + 1) % orbitCycle.length];
  }, 2100);
})();
</script>

if (Webflow.env("editor") === undefined) {
  const lenis = new Lenis({
    lerp: 0.1,
    wheelMultiplier: 0.7,
    infinite: false,
    gestureOrientation: "vertical",
    normalizeWheel: false,
    smoothTouch: false
  }); </script>

lenis.on('scroll', (e) => {
  console.log(e)
})

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

requestAnimationFrame(raf)
</script>

// EMAIL LINK -------------------------------------

let emailTL = gsap.timeline({
  paused: true
});
emailTL
  .to(".hello", {
    x: "200%",
    duration: 0.4,
    ease: "power1.out"
  })
  .to(
    ".footer_link-arrow-side",
    {
      x: "100%",
      duration: 0.4,
      ease: "power1.out"
    },
    0
  )
  .to(
    ".footer_link-arrow-top",
    {
      y: "0%",
      duration: 0.4,
      ease: "power1.out"
    },
    0
  );

$(".footer_link").on("mouseenter", function () {
  emailTL.restart();
});
$(".footer_link").on("mouseleave", function () {
  emailTL.reverse();
});

let windowWidth = window.innerWidth;
window.addEventListener("resize", function () {
  if (window.innerWidth !== windowWidth) {
    windowWidth = window.innerWidth;
    imageTL.invalidate();
  }
});
</script>

function closePopup() {
            document.getElementById('newsletter-popup').style.display = 'none';
        }

// Open the popup after 5 seconds
        setTimeout(openPopup, 5000);
    </script>
                       
    <div id="subscribeModal" class="modal">
        <div class="modal-content">
            <span class="closed">×</span>
            <h2>Subscribe to Our Newsletter</h2>
            <form method="POST">
			<input type="email" name="email" placeholder="Email Address" required>
                <button type="submit">Submit</button>
                <div class="message">
                    <?php echo $msg ?>
                </div>
            </form>
        </div>
    </div>

// Get the <span> element that closes the modal
        var span = document.getElementsByClassName("closed")[0];

// When the page loads, open the modal
        window.onload = function() {
            modal.style.display = "block";
        }

// When the user clicks on <span> (x), closed the modal
        span.onclick = function() {
            modal.style.display = "none";
        }

// When the user clicks anywhere outside of the modal, closed it
        window.onclick = function(event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }
        }
    </script>

</body></html>