templates/default/_intro.html.twig line 1

<script type="importmap">
    {
      "imports": {
        "three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js",
        "three/examples/jsm/loaders/GLTFLoader.js": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/loaders/GLTFLoader.js",
        "jsm/": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/"
      }
    }
    </script>
    <!-- Include Three.js core library -->
    <script type="module" src="main.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.9.6/lottie.min.js"></script>




    <div id="mainIntro">


    <div class="mouse"></div>


    <div class="doToggle mainIntroPlay" where="#mainIntro" which="active" > 

            <div class="main-into-play">
            <span><img src="uploads/admin/icons/icon-play.svg" /></span>
            Play Intro 
            </div>

            <div class="main-into-pause">
            <span><img src="uploads/admin/icons/icon-pause.svg" /></span>
            Pause Intro 
            </div>

    </div>

    <div class="intro-overly"></div>


    <canvas id="threejs-canvas"></canvas>

    <div class="ui">

        <div class="slides">

            <div class="slide active" id="rings" data-point-light-color="2BB673">


                <div class="container">

                    <div class="slideAnim">

                        <div class="hex-ring">
                            
                            
                            <img class="hex-ring1" src="assets/images/hex-ring1.svg" />
                            <img class="hex-ring2" src="assets/images/hex-ring2.svg" />
                            <img class="hex-ring3" src="assets/images/hex-ring3.svg" />
                            <img class="hex-ring4 ring-face" src="assets/images/hex-ring4.svg" />

                        </div>
    
                        
                    </div>

                <div class="slidetext">
                    <h1 class="white bold bigger">
                    ApeRove
                    </h1>
                    <p class="white h3">
                        Revolized Blockchain Product
                        Authodency and much more
                    </p>
                </div>
                </div>
            </div>

            <div class="slide" id="how-to-scans" data-point-light-color="2BB673">

                <div class="container">
                    <div class="slideAnim"></div>
                </div>

            </div>


            <div class="slide" id="digital-certificates" data-point-light-color="2BB673">

                <div class="container">
                    <div class="slideAnim"></div>
                </div>

            </div>

            <div class="slide" id="cashback-rewards" data-point-light-color="7D00FA">

                <div class="container">
                    <div class="slideAnim"></div>
                </div>

            </div>
            <div class="slide" id="jackpot-lottery" data-point-light-color="ffd700">

                <div class="container">
                    <div class="slideAnim"></div>
                </div>

            </div>


            <div class="slide" id="app-screen" data-point-light-color="ffd700">

                <div class="container">

                    <div class="app-screen">
                        <div class="app-screen-bg">
                            <img src="assets/images/nft/hex-frame.svg" />
                        </div>
                        <div class="screen">
                            <img src="assets/images/appscreens/home.png" />
                        </div>
                    </div>

                </div>
                <div class="nft-to-wallet">

                    <img src="assets/images/nft/1.jpg" />
                    <img src="assets/images/nft/2.jpg" />
                    <img src="assets/images/nft/3.jpg" />
                    <img src="assets/images/nft/4.jpg" />
                    <img src="assets/images/nft/5.jpg" />
                    <img src="assets/images/nft/6.jpg" />
                    <img src="assets/images/nft/7.jpg" />
                    <img src="assets/images/nft/8.jpg" />
                    <img src="assets/images/nft/9.jpg" />
                    <img src="assets/images/nft/10.jpg" />

                </div>

            </div>

        </div>

    </div>  </div>