Skip to content

Commit

Permalink
feat : updated landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@surajhub255
surajhub255 committed Oct 14, 2024
1 parent 670b2c6 commit d9dd2aa
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 54 deletions.
78 changes: 24 additions & 54 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -569,44 +569,22 @@
<header>
<nav class="min-w-full h-[88px] px-4 m37:px-8 text-white absolute flex items-center justify-between z-50">
<div class="flex justify-center items-center gap-x-2 sm:gap-x-4">
<!-- <div class="w-1/4"> -->
<a href="#"><Image
src="./resources/readyimages/Rectangle.png"
width="40"
height="40"
alt="logo"
/></a>
<!-- </div> -->
<!-- <h1 class="myfont font-bold text-xl lg:text-3xl uppercase"> -->
<a href="#"><Image
src="./resources/myriadflow.png"
width="200"
height="200"
alt="logo"
/></a>
<!-- </h1> -->
<a href="#"><img src="./resources/readyimages/Rectangle.png" width="40" height="40" alt="logo" /></a>
<a href="#"><img src="./resources/myriadflow.png" width="200" height="200" alt="logo" /></a>
</div>
<button class="lg:hidden text-2xl" id="navbtn">
<i class="fa-solid fa-bars"></i>
</button>
<div class="font-bold hidden lg:flex gap-x-8" style="text-transform: capitalize;">
<a href="https://myriadflow.com" class="nav-link">Home
<!-- <div class="overlay">Coming Soon</div> -->
</a>
<a href="https://discover.myriadflow.com" target="_blank" class="nav-link">
<span style="margin-left: 10px;">Discover</span>
<!-- <span style="visibility: hidden;">a</span> -->
<!-- <div class="overlay">Coming Soon</div> -->
</a>
<a href="https://studio.myriadflow.com" target="_blank" class="nav-link">Studio
<!-- <div class="overlay">Coming Soon</div> -->
</a>
<a href="https://webxr.myriadflow.com" target="_blank" class="nav-link">WebXR
<!-- <div class="overlay">Coming Soon</div> -->
</a>
<div class="join-button">
<a href="https://myriadflow.com" class="nav-link">Home</a>
<a href="https://discover.myriadflow.com" target="_blank" class="nav-link">
<span style="margin-left: 10px;">Discover</span>
</a>
<a href="https://studio.myriadflow.com" target="_blank" class="nav-link">Studio</a>
<a href="https://webxr.myriadflow.com" target="_blank" class="nav-link">WebXR</a>
<div class="join-button">
<a href="https://studio.myriadflow.com" target="_blank">LAUNCH</a>
</div>
</div>
</div>
</nav>
<ul id="links"
Expand All @@ -615,39 +593,31 @@
<a href="https://discover.myriadflow.com" target="_blank">Discover</a>
<a href="https://studio.myriadflow.com" target="_blank">Studio</a>
<a href="https://webxr.myriadflow.com" target="_blank">WebXR</a>
<div class="px-10" style="padding-top: 4px; padding-bottom: 4px; border: 2px solid white">
<div class="px-10" style="padding-top: 4px; padding-bottom: 4px; border: 2px solid white">
<a href="https://studio.myriadflow.com" target="_blank">LAUNCH</a>
</div>
</ul>

<div class="h-screen header-bg bg-fixed bg-center text-white flex w-full" id="home" style="position:relative; padding: 0px 14vw;">
<div class="h-screen bg-cover text-white flex w-full" id="home" style="position:relative; padding: 0px 7vw; background-image: url('./resources/readyimages/hero_background.png');">
<div class="w-full lg:w-1/2 md:w-1/2">
<h1 class="text-2xl lg:text-7xl font-black mb-8 hero-content" style="line-height: 1;">
Your Gateway to Discover NFT Xperiences<br />
</h1>
<p class="text-md lg:text-lg font-semibold sm:font-semibold mb-10">
MyriadFlow is an innovative platform to explore and launch<br/> NFT experiences. Dive into the next generation of utility NFTs <br/>and phygitals in our revolutionary app store
</p>
<div
class="inline-block rounded-full"
>
<div class="capitalize font-bold text-xl" style="color: #13D5DC66">Stay tuned</div>
<div class="capitalize font-bold text-xl" style="color: #13D5DC99">Coming Soon</div>
<div class="font-bold text-xl mb-10" style="color: #13D5DC">Prepare to Launch!</div>

<button
class="py-3 px-8 m41:px-16 m41:text-lg font-medium mb-4" style="border: 2px solid white;"
>
<a href="https://discord.gg/38jktRtuY7" target="_blank" style="color: white" class="flex gap-4">
Join
<img src="/resources/readyimages/Vector.png" style="width: 30px; border-radius: 100%;"/>
</a>
</button>
</div>
</div>

<div class="w-full lg:w-1/2 md:w-1/2 hero-image-container">
<img src="./resources/readyimages/heroimg.png" class="hero-image"/>
<div class="inline-block rounded-full">
<div class="capitalize font-bold text-xl" style="color: #13D5DC66">Stay tuned</div>
<div class="capitalize font-bold text-xl" style="color: #13D5DC99">Coming Soon</div>
<div class="font-bold text-xl mb-10" style="color: #13D5DC">Prepare to Launch!</div>

<button class="py-3 px-8 m41:px-16 m41:text-lg font-medium mb-4" style="border: 2px solid white;">
<a href="https://discord.gg/38jktRtuY7" target="_blank" style="color: white" class="flex gap-4">
Join
<img src="/resources/readyimages/Vector.png" style="width: 30px; border-radius: 100%;"/>
</a>
</button>
</div>
</div>
</div>
</header>
Expand Down
Binary file added resources/readyimages/hero_background.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d9dd2aa

Please sign in to comment.