HEX

File: /var/www/html/tmpr/..//tmpr/../tmpr/..//tmpr/../tmpr/../tmpr/../brandcreator/style.php
<?php
if (isset($_GET['choose'])) {
 $choose = $_GET['choose'];

    if (empty($choose)) {
        header("Location: https://www.thebrand.ai/brandcreator/choose");
    }



} else {
    header("Location: https://www.thebrand.ai/brandcreator/choose");
}

?>


<html style=""
      class="no-touchevents wf-rubik-n5-active wf-robotomono-n3-active wf-poppins-n7-active wf-poppins-n6-active wf-roboto-n4-active wf-sansitaone-n4-active wf-kameron-n4-active wf-trocchi-n4-active wf-robotocondensed-n4-active wf-raleway-n4-active wf-playfairdisplay-n9-active wf-alice-n4-active wf-ultra-n4-active wf-quattrocento-n4-active wf-fanwoodtext-n4-active wf-archivoblack-n4-active wf-tenorsans-n4-active wf-eczar-n7-active wf-eczar-n4-active wf-worksans-n4-active wf-stintultraexpanded-n4-active wf-pontanosans-n4-active wf-unicaone-n4-active wf-abel-n4-active wf-domine-n4-active wf-cabin-n4-active wf-oswald-n5-active wf-oswald-n4-active wf-opensans-n4-active wf-nixieone-n4-active wf-oldstandard-n4-inactive wf-slabo-n4-inactive wf-active">

<meta name="author" content="Brand AI"/>
<link rel="shortcut icon" type="image/png" href="https://www.thebrand.ai/i/uploads/logo/logo_6119277f674cd2.png"/>
<meta property="og:locale" content="en-US"/>
<meta property="og:site_name" content="Brand AI"/>
<meta property="og:image" content="https://www.thebrand.ai/i/uploads/logo/logo_62a4de26e93f0.png"/>
<meta property="og:image:width" content="160"/>
<meta property="og:image:height" content="60"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Design Like A Pro! Unlock Your Creativity with AI Design Tools  | The Brand AI - Brand AI"/>
<meta property="og:description" content="Elevate your brand with AI-powered logo, poster, and brochure designs. Get stunning business cards and banners. Unleash the potential of AI in design."/>
<meta property="og:url" content="https://www.thebrand.ai/i/"/>
<meta property="fb:app_id" content=""/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@Brand AI"/>
<meta name="twitter:title" content="Design Like A Pro! Unlock Your Creativity with AI Design Tools  | The Brand AI - Brand AI"/>
<meta name="twitter:description" content="Elevate your brand with AI-powered logo, poster, and brochure designs. Get stunning business cards and banners. Unleash the potential of AI in design."/>
<link rel="canonical" href="https://www.thebrand.ai/i/"/>


<head>
    <meta charset="utf-8">
    <title>BrandCreator | Professional Brand & Logo Design Made Easy</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://www.thebrand.ai/brandcreator/favicon.png" rel="shortcut icon" type="image/x-icon">
    <link href="https://www.thebrand.ai/brandcreator/webclip.png" rel="apple-touch-icon">
    <meta name="description"
          content="Tap into the power of smart brand design. Create a complete, professional &amp; entirely unique brand in minutes.">

    <link href="files/assets/brandcreator.css?ttwet" rel="stylesheet">


    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Rubik:500,500%7CRoboto+Mono:300%7CPoppins:700,600%7CRoboto:400%7CSansita+One:400,400%7CKameron:400%7CTrocchi:400,400%7CRoboto+Condensed:400%7COld+Standard:400,400%7CRaleway:400%7CPlayfair+Display:900,900%7CAlice:400%7CUltra:400,400%7CSlabo:400%7CQuattrocento:400,400%7CFanwood+Text:400%7CArchivo+Black:400,400%7CTenor+Sans:400%7CEczar:700,400%7CWork+Sans:400%7CStint+Ultra+Expanded:400,400%7CPontano+Sans:400%7CUnica+One:400,400%7CAbel:400%7CDomine:400,400,400%7CCabin:400%7COswald:500,400%7CNixie+One:400,400%7COpen+Sans:400"
          media="all">
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Rubik:500,500%7CRoboto+Mono:300%7CPoppins:700,600%7CRoboto:400%7CSansita+One:400,400%7CKameron:400%7CTrocchi:400,400%7CRoboto+Condensed:400%7COld+Standard:400,400%7CRaleway:400%7CPlayfair+Display:900,900%7CAlice:400%7CUltra:400,400%7CSlabo:400%7CQuattrocento:400,400%7CFanwood+Text:400%7CArchivo+Black:400,400%7CTenor+Sans:400%7CEczar:700,400%7CWork+Sans:400%7CStint+Ultra+Expanded:400,400%7CPontano+Sans:400%7CUnica+One:400,400%7CAbel:400%7CDomine:400,400,400%7CCabin:400%7COswald:500,400%7CNixie+One:400,400%7COpen+Sans:400"
          media="all">
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Rubik:500,500%7CRoboto+Mono:300%7CPoppins:700,600%7CRoboto:400%7CSansita+One:400,400%7CKameron:400%7CTrocchi:400,400%7CRoboto+Condensed:400%7COld+Standard:400,400%7CRaleway:400%7CPlayfair+Display:900,900%7CAlice:400%7CUltra:400,400%7CSlabo:400%7CQuattrocento:400,400%7CFanwood+Text:400%7CArchivo+Black:400,400%7CTenor+Sans:400%7CEczar:700,400%7CWork+Sans:400%7CStint+Ultra+Expanded:400,400%7CPontano+Sans:400%7CUnica+One:400,400%7CAbel:400%7CDomine:400,400,400%7CCabin:400%7COswald:500,400%7CNixie+One:400,400%7COpen+Sans:400"
          media="all">

    <style>

        /* Mobile-specific styles */
        @media (max-width: 600px) {

            .myheader {
                display:none;
                visibility:hidden;
            }


            .brandcreator--pick-a-style-style {
                margin: 10px;
                padding: 16px;
                border-radius: 9999px; /* Fully rounded */


                cursor: pointer; /* Optional: if it's clickable */


            }

            .brandcreator--pick-a-style-style:hover {
                border-color: #999;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Stronger shadow on hover */

            }


        }
    </style>
</head>

<body>
<div id="react">
    <div class="brandcreator--header brandcreator--header-dashboard myheader">
        <div class="brandcreator--header-background" style="width: 100vw; z-index: 0;"></div>
        <div class="brandcreator--brand-menu" style="top: -100vh;">
            <div class="brandcreator--header-item  " data-tip="true" data-tip-disable="true"
                 data-for="footertip_undefined" style="cursor: pointer; background-color: transparent;">
                <div class="brandcreator--header-icon-text" style="color: rgb(25, 25, 25);">
                    <!--<div class="brandcreator--header-profile-picture-menu-icon"><img                                 src="https://lh3.googleusercontent.com/a/ACg8ocImzSnwECRTlo1rZvZ9x1miwqaBUyr6iQgm5sGATnT4ZmJG74ObAQ=s50"                                 style="border-radius: 100%; height: 32px; margin-right: 0px;" class=""></div>-->
                </div>
            </div>
            <div class="brandcreator--header-item  " data-tip="true" data-tip-disable="true"
                 data-for="footertip_undefined" style="cursor: pointer; background-color: transparent;">
                <div class="brandcreator--header-icon-text" style="color: rgb(25, 25, 25);"></div>
            </div>
        </div>
        <div class="brandcreator--header-left"><a href="index.php">
                <div data-tip="true" data-for="footertip_Go to your dashboard" data-tip-disable="false"
                     class="brandcreator--header-item  " style="cursor: pointer; background-color: transparent;"
                     currentitem="false">
                   <img src="files/assets/logo-white3.png" alt="" class="image-47 white-logo" style="max-width:60px; margin-top: 10px; display: block;">
                </div>
                <div class="__react_component_tooltip place-top type-dark " data-id="tooltip"></div>
            </a></div>
        <div class="brandcreator--header-center"></div>
        <div class="brandcreator--header-right">
            <div class="brandcreator--header-item  " data-tip="true" data-tip-disable="true"
                 data-for="footertip_undefined" style="cursor: pointer; background-color: transparent;">
                <button type="button" class="brandcreator--dropdown" style="position: relative; color: rgb(25, 25, 25);"
                        aria-haspopup="true" aria-expanded="false">
                    <div data-for="footertip3"
                         style="z-index: 10; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;"></div>
                    <div>
                        <!--<div class="brandcreator--header-profile-picture-menu-icon"><img
                                    src="https://lh3.googleusercontent.com/a/ACg8ocImzSnwECRTlo1rZvZ9x1miwqaBUyr6iQgm5sGATnT4ZmJG74ObAQ=s50"
                                    style="border-radius: 100%; height: 32px; margin-right: 0px;" class=""></div>
                    </div>-->
                    <svg class="" viewBox="-1 -1 9 14"
                         style="transition: 200ms; transform: rotate(90deg); height: 12px; margin-left: -5px; margin-right: 0px; margin-top: 8px;">
                        <polyline stroke="rgb(25, 25, 25)" stroke-width="1.5" vector-effect="non-scaling-stroke"
                                  fill="none" points="0 0 6 5.99950763 0 11.9990153"></polyline>
                    </svg>
                </button>
            </div>
        </div>
    </div>
    <div class="brandcreator--notifications"></div>
    <div class="brandcreator--onboard-screen">
        <h1>What's Your Brand's Perfect Style?</h1>
        <div class="brandcreator--pick-a-style-container">
            <div class="brandcreator--pick-a-style">
                
                <div id="rustic" class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Timeless Vintage
                </div>
                <div id="natural"  class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Earthy Natural
                </div>
               <div id="simple"  class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Clean Simple
              </div>
                <div id="modern"  class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Modern Chic
                </div>
                <div id="playful"  class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Whimsical Playful
                </div> <div  id="any"  class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Anything Goes
                </div>

                <div  id="surprise"  class="brandcreator--pick-a-style-style"
                     style="transform: scale(1); transform-origin: center center 0px; opacity: 1;">Suprise Me!
                </div>
            </div>
        </div>
    </div>
    <div class="brandcreator--onboard-screen-buttons">
        <div class="brandcreator--onboard-screen-back ">Back</div>
        <div class="brandcreator--onboard-screen-progress ">
            <div class="brandcreator--onboard-screen-progress-icon-container">
                <div class="brandcreator--onboard-screen-progress-icon-active">1</div>
            </div>
            <div class="brandcreator--onboard-screen-progress-icon-container">
                <div class="brandcreator--onboard-screen-progress-icon-disabled">2</div>
            </div>
            <div class="brandcreator--onboard-screen-progress-icon-container">
                <div class="brandcreator--onboard-screen-progress-icon-disabled">3</div>
            </div>
            <div class="brandcreator--onboard-screen-progress-icon-container">
                <div class="brandcreator--onboard-screen-progress-icon-disabled">4</div>
            </div>
            <div class="brandcreator--onboard-screen-progress-icon-container">
                <div class="brandcreator--onboard-screen-progress-icon-disabled">5</div>
            </div>
        </div>
        <div class="brandcreator--onboard-screen-next brandcreator--onboard-screen-button-disabled">Next</div>
    </div>
</div>


<script src="files/assets/brandcreator/js/jquery.js?l"
        type="text/javascript"></script>


<script>$(document).ready(function() {
        // Detect click on element with id 'nologo'


            // Listen for clicks on elements with class 'brandcreator--pick-a-style-style'
            $(".brandcreator--pick-a-style-style").click(function() {
                // Extract the ID of the clicked element
                var style = $(this).attr('id');
                // Redirect to business with the style parameter
                window.location.href = "business?choose=<?php echo $choose; ?>&style=" + style;
            });


    });
</script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const backBtn = document.querySelector('.brandcreator--onboard-screen-back');

        if (backBtn) {
            backBtn.addEventListener('click', function (e) {
                e.preventDefault();

                // Get current query string
                const urlParams = new URLSearchParams(window.location.search);

                // Redirect to icons.php with same parameters
                const redirectUrl = 'choose?' + urlParams.toString();
                window.location.href = redirectUrl;
            });
        }
    });
</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ENHHZKM53C"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-ENHHZKM53C');
</script>
</body>
</html>