{"id":8,"date":"2026-04-20T15:40:36","date_gmt":"2026-04-20T15:40:36","guid":{"rendered":"https:\/\/bimavisuals.com\/?page_id=8"},"modified":"2026-04-20T15:40:37","modified_gmt":"2026-04-20T15:40:37","slug":"hello-theme-8","status":"publish","type":"page","link":"https:\/\/bimavisuals.com\/index.php\/hello-theme-8\/","title":{"rendered":"Hello Theme #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc0afe4 e-flex e-con-boxed e-con e-parent\" data-id=\"bc0afe4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1fd987 elementor-widget elementor-widget-html\" data-id=\"b1fd987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Bimavisuals \u2014 Coming Soon<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --blue: #2121E8;\n    --cream: #F5F0E6;\n    --black: #0D0D0D;\n    --white: #FFFFFF;\n  }\n\n  html, body {\n    height: 100%;\n    overflow: hidden;\n  }\n\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: 'Barlow', sans-serif;\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n    position: relative;\n  }\n\n  \/* ---- NOISE OVERLAY ---- *\/\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n    z-index: 10;\n    opacity: 0.5;\n  }\n\n  \/* ---- BLUE GLOW ---- *\/\n  .glow {\n    position: fixed;\n    width: 600px;\n    height: 600px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(33,33,232,0.35) 0%, transparent 70%);\n    top: -100px;\n    left: -100px;\n    pointer-events: none;\n    animation: drift 8s ease-in-out infinite alternate;\n  }\n  .glow2 {\n    position: fixed;\n    width: 400px;\n    height: 400px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(33,33,232,0.2) 0%, transparent 70%);\n    bottom: -80px;\n    right: -80px;\n    pointer-events: none;\n    animation: drift2 10s ease-in-out infinite alternate;\n  }\n\n  @keyframes drift {\n    from { transform: translate(0, 0); }\n    to { transform: translate(80px, 60px); }\n  }\n  @keyframes drift2 {\n    from { transform: translate(0, 0); }\n    to { transform: translate(-60px, -40px); }\n  }\n\n  \/* ---- GRID LINES ---- *\/\n  .grid-lines {\n    position: fixed;\n    inset: 0;\n    pointer-events: none;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n  }\n  .grid-lines span {\n    border-right: 1px solid rgba(255,255,255,0.035);\n  }\n\n  \/* ---- MAIN LAYOUT ---- *\/\n  .page {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n    padding: 48px 56px;\n  }\n\n  \/* ---- HEADER ---- *\/\n  header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.2s;\n  }\n\n  .logo img {\n    height: 40px;\n    width: auto;\n    display: block;\n  }\n\n  .badge {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    border: 1px solid rgba(255,255,255,0.15);\n    padding: 6px 14px;\n    border-radius: 2px;\n    color: rgba(255,255,255,0.5);\n  }\n\n  \/* ---- CENTER CONTENT ---- *\/\n  .center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .eyebrow {\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--blue);\n    margin-bottom: 28px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.5s;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .eyebrow::before {\n    content: '';\n    display: block;\n    width: 32px;\n    height: 1px;\n    background: var(--blue);\n  }\n\n  .headline {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(72px, 11vw, 160px);\n    line-height: 0.9;\n    text-transform: uppercase;\n    letter-spacing: -0.01em;\n    overflow: hidden;\n  }\n\n  .headline .line {\n    display: block;\n    opacity: 0;\n    transform: translateY(60px);\n  }\n  .headline .line:nth-child(1) { animation: slideUp 0.7s cubic-bezier(0.22,1,0.36,1) forwards 0.6s; }\n  .headline .line:nth-child(2) { animation: slideUp 0.7s cubic-bezier(0.22,1,0.36,1) forwards 0.75s; }\n  .headline .line:nth-child(3) { animation: slideUp 0.7s cubic-bezier(0.22,1,0.36,1) forwards 0.9s; }\n\n  .headline .accent { color: var(--blue); }\n  .headline .outline {\n    -webkit-text-stroke: 2px var(--white);\n    color: transparent;\n  }\n\n  .sub {\n    margin-top: 36px;\n    font-size: 15px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.45);\n    max-width: 400px;\n    line-height: 1.6;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 1.1s;\n  }\n\n  \/* ---- NOTIFY FORM ---- *\/\n  .notify {\n    margin-top: 48px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 1.3s;\n    display: flex;\n    align-items: center;\n    gap: 0;\n    max-width: 440px;\n  }\n\n  .notify input {\n    flex: 1;\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-right: none;\n    color: var(--white);\n    font-family: 'Barlow', sans-serif;\n    font-size: 14px;\n    padding: 14px 20px;\n    outline: none;\n    border-radius: 2px 0 0 2px;\n    transition: border-color 0.2s;\n  }\n  .notify input::placeholder { color: rgba(255,255,255,0.25); }\n  .notify input:focus { border-color: var(--blue); }\n\n  .notify button {\n    background: var(--blue);\n    color: var(--white);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 14px 24px;\n    border: none;\n    cursor: pointer;\n    border-radius: 0 2px 2px 0;\n    transition: background 0.2s, transform 0.1s;\n    white-space: nowrap;\n  }\n  .notify button:hover { background: #3535f0; }\n  .notify button:active { transform: scale(0.98); }\n\n  \/* ---- FOOTER ---- *\/\n  footer {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 1.5s;\n  }\n\n  .services {\n    display: flex;\n    gap: 20px;\n    flex-wrap: wrap;\n  }\n  .services span {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.25);\n  }\n  .services span + span::before {\n    content: '\/';\n    margin-right: 20px;\n    color: rgba(255,255,255,0.1);\n  }\n\n  .contact-link {\n    font-size: 12px;\n    color: rgba(255,255,255,0.3);\n    text-decoration: none;\n    letter-spacing: 0.05em;\n    transition: color 0.2s;\n  }\n  .contact-link:hover { color: var(--blue); }\n\n  \/* ---- COUNTER ---- *\/\n  .counter-block {\n    position: absolute;\n    right: 56px;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 1.6s;\n  }\n\n  .count-item {\n    text-align: right;\n  }\n  .count-num {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 40px;\n    line-height: 1;\n    color: var(--white);\n    display: block;\n  }\n  .count-label {\n    font-size: 9px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.2);\n  }\n  .count-divider {\n    width: 100%;\n    height: 1px;\n    background: rgba(255,255,255,0.08);\n  }\n\n  \/* ---- SIDE LABEL ---- *\/\n  .side-label {\n    position: fixed;\n    left: 20px;\n    top: 50%;\n    transform: translateY(-50%) rotate(-90deg);\n    font-size: 9px;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.15);\n    white-space: nowrap;\n  }\n\n  \/* ---- ANIMATIONS ---- *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes slideUp {\n    from { opacity: 0; transform: translateY(60px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ---- MOBILE ---- *\/\n  @media (max-width: 768px) {\n    .page { padding: 32px 28px; overflow: hidden; }\n    .counter-block { display: none; }\n    .side-label { display: none; }\n    .services { gap: 10px; }\n    .services span + span::before { margin-right: 10px; }\n    body { overflow-y: auto; }\n    html, body { height: auto; }\n    .page { height: 100vh; }\n  }\n\n  \/* ---- CONFIRM MESSAGE ---- *\/\n  .confirm-msg {\n    display: none;\n    font-size: 13px;\n    color: var(--blue);\n    margin-top: 12px;\n    letter-spacing: 0.05em;\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"glow\"><\/div>\n<div class=\"glow2\"><\/div>\n<div class=\"grid-lines\">\n  <span><\/span><span><\/span><span><\/span><span><\/span>\n<\/div>\n<div class=\"side-label\">Bimavisuals &mdash; Your Visuals Expert<\/div>\n\n<div class=\"page\">\n\n  <header>\n    <div class=\"logo\">\n      <img decoding=\"async\" src=\"https:\/\/bimavisuals.com\/wp-content\/uploads\/2026\/04\/Bimavisuals-White-scaled.png\" alt=\"Bimavisuals\">\n    <\/div>\n    <div class=\"badge\">Coming Soon<\/div>\n  <\/header>\n\n  <div class=\"center\">\n    <div class=\"eyebrow\">Something is coming<\/div>\n\n    <h1 class=\"headline\">\n      <span class=\"line\">We Create<\/span>\n      <span class=\"line accent\">Beautiful<\/span>\n      <span class=\"line outline\">Visuals.<\/span>\n    <\/h1>\n\n    <p class=\"sub\">\n      A creative media agency turning ideas into shareable content.\n      Video production, photography, and brand storytelling \u2014 all under one roof.\n    <\/p>\n\n    <div class=\"notify\" id=\"notifyForm\">\n      <input type=\"email\" placeholder=\"Enter your email to be notified\" id=\"emailInput\">\n      <button onclick=\"handleNotify()\">Notify Me<\/button>\n    <\/div>\n    <div class=\"confirm-msg\" id=\"confirmMsg\">You're on the list. We'll be in touch soon.<\/div>\n\n    <!-- Countdown -->\n    <div style=\"margin-top:40px; display:flex; gap:32px; opacity:0; animation: fadeUp 0.8s ease forwards 1.4s;\">\n      <div class=\"count-item\">\n        <span class=\"count-num\" id=\"days\">00<\/span>\n        <span class=\"count-label\">Days<\/span>\n      <\/div>\n      <div class=\"count-item\">\n        <span class=\"count-num\" id=\"hours\">00<\/span>\n        <span class=\"count-label\">Hours<\/span>\n      <\/div>\n      <div class=\"count-item\">\n        <span class=\"count-num\" id=\"mins\">00<\/span>\n        <span class=\"count-label\">Minutes<\/span>\n      <\/div>\n      <div class=\"count-item\">\n        <span class=\"count-num\" id=\"secs\">00<\/span>\n        <span class=\"count-label\">Seconds<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Side stats -->\n  <div class=\"counter-block\">\n    <div class=\"count-item\">\n      <span class=\"count-num\">50+<\/span>\n      <span class=\"count-label\">Projects Delivered<\/span>\n    <\/div>\n    <div class=\"count-divider\"><\/div>\n    <div class=\"count-item\">\n      <span class=\"count-num\">6<\/span>\n      <span class=\"count-label\">Team Members<\/span>\n    <\/div>\n    <div class=\"count-divider\"><\/div>\n    <div class=\"count-item\">\n      <span class=\"count-num\">3+<\/span>\n      <span class=\"count-label\">Countries<\/span>\n    <\/div>\n  <\/div>\n\n  <footer>\n    <div class=\"services\">\n      <span>Video Production<\/span>\n      <span>Photography<\/span>\n      <span>Social Media<\/span>\n      <span>Corporate Films<\/span>\n      <span>Podcast<\/span>\n    <\/div>\n    <a href=\"\/cdn-cgi\/l\/email-protection#65070c0804130c1610040916250208040c094b060a08\" class=\"contact-link\"><span class=\"__cf_email__\" data-cfemail=\"ec8e85818d9a859f998d809fac8b818d8580c28f8381\">[email&#160;protected]<\/span><\/a>\n  <\/footer>\n\n<\/div>\n\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\n  \/\/ Countdown \u2014 target date (set to 30 days from today for demo)\n  const target = new Date();\n  target.setDate(target.getDate() + 30);\n\n  function pad(n) { return String(n).padStart(2,'0'); }\n\n  function updateCountdown() {\n    const now = new Date();\n    const diff = target - now;\n    if (diff <= 0) return;\n\n    const d = Math.floor(diff \/ 86400000);\n    const h = Math.floor((diff % 86400000) \/ 3600000);\n    const m = Math.floor((diff % 3600000) \/ 60000);\n    const s = Math.floor((diff % 60000) \/ 1000);\n\n    document.getElementById('days').textContent  = pad(d);\n    document.getElementById('hours').textContent = pad(h);\n    document.getElementById('mins').textContent  = pad(m);\n    document.getElementById('secs').textContent  = pad(s);\n  }\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/\/ Notify\n  function handleNotify() {\n    const val = document.getElementById('emailInput').value.trim();\n    if (!val || !val.includes('@')) {\n      document.getElementById('emailInput').style.borderColor = '#ff4444';\n      setTimeout(() => document.getElementById('emailInput').style.borderColor = '', 1500);\n      return;\n    }\n    document.getElementById('notifyForm').style.\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bimavisuals \u2014 Coming Soon Bimavisuals &mdash; Your Visuals Expert Coming Soon Something is coming We Create Beautiful Visuals. A creative media agency turning ideas into shareable content. Video production, photography, and brand storytelling \u2014 all under one roof. Notify Me You&#8217;re on the list. We&#8217;ll be in touch soon. 00 Days 00 Hours 00 Minutes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":4,"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/bimavisuals.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}