Skip to content

Commit

Permalink
changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@auspicious123
auspicious123 committed Dec 18, 2024
1 parent b7b49cd commit 56d2654
Show file tree
Hide file tree
Showing 5 changed files with 99 additions and 114 deletions.
158 changes: 67 additions & 91 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -683,32 +683,22 @@
></div>
<div class="w-2/2" style="position: relative; z-index: 3">
<h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height: 1">
Discover AI-Powered <br />
NFT Experiences<br />
Contact Us
</h1>
<p class="text-2xl1 text-gray-50 font-thin mb-10">
Step into a Digital Cosmos where creativity <br />
meets technology. We empower brands and <br />
creators to embrace cutting-edge Web3 and AI <br />
innovations, unlocking endless possibilities in <br />
the digital world.
We’re here to help you navigate the world of Web3 and AI.<br />
Whether you're a brand looking to innovate, a creator <br />
wanting to expand your digital presence, or simply curious <br />
about how MyriadFlow can assist you, we’d love to hear <br />
from you. Let’s explore new possibilities together.
</p>
<div class="inline-block rounded-full">
<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"
>
<img
src="/resources/readyimages/Vector.png"
style="width: 30px; border-radius: 100%"
/>
Join
<a href="mailto:[email protected]" style="color: white" class="flex gap-4">
[email protected]
</a>
</button>
</div>
Expand Down Expand Up @@ -771,36 +761,29 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
class="text-6xl lg:text-9xl font-black mb-8 hero-content2 text-center"
style="line-height: 1"
>
Discover AI-Powered <br />
NFT Experiences<br />
Contact Us
</h1>
</div>
</div>

<!-- Text and Button Section -->
<div class="px-7 py-8 mt-10 mb-10 z-10 flex items-center flex-col">
<p class="text-md px-4 text-center font-semibold mb-6" style="color: black">
Step into a Digital Cosmos where creativity meets technology. We empower brands and
creators to embrace cutting-edge Web3 and AI innovations, unlocking endless possibilities
in the digital world.
We’re here to help you navigate the world of Web3 and AI. Whether you're a brand looking
to innovate, a creator wanting to expand your digital presence, or simply curious about
how MyriadFlow can assist you, we’d love to hear from you. Let’s explore new possibilities
together.
</p>
<button
class="py-3 px-8 font-medium w-[200px] text-center flex items-center justify-center mt-6"
style="border: 2px solid black"
>
<a
href="https://discord.gg/38jktRtuY7"
target="_blank"
href="mailto:[email protected]"
style="color: black"
class="flex items-center gap-4"
>
<svg width="30" height="30" viewBox="0 0 24 24">
<path
fill="#333"
d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12z"
/>
</svg>
Join
[email protected]
</a>
</button>
</div>
Expand Down Expand Up @@ -830,76 +813,69 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
</div>
</div>





<!--
<!--
<div class="carousel-container2 w-full" style="padding-top: 80px; padding-bottom: 150px">
<div class="carousel2" id="carousel2">
JavaScript will insert carousel items here
</div>
</div> -->

<footer class="footer">
<section class="container">
<div class="brand">
<a href="https://myriadflow.com/" target="_blank">
<img src="./resources/MFlogo.png" alt="logo" />
<footer class="footer">
<section class="container">
<div class="brand">
<a href="https://myriadflow.com/" target="_blank">
<img src="./resources/MFlogo.png" alt="logo" />
</a>
<p>
Innovative next-gen platform for exploring and launching NFT Xperiences with AI-powered
brand ambassadors and no-code tools.
</p>
<p class="copy">© Copyright 2024 MyriadFlow. All rights reserved</p>
</div>

<div class="links">
<h3 style="font-size: 24px; font-weight: 600; color: white">About</h3>
<a href="./resources/MyriadFlow_Terms_of_Service.pdf" target="_blank">Terms of Service</a>
<a href="./resources/MyriadFlow_Creator_Terms_and_Conditions.pdf" target="_blank"
>Creator Terms and Conditions</a
>
<a href="./resources/MyriadFlow_Privacy_Policy.pdf" target="_blank">Privacy Policy</a>
<a href="./resources/MyriadFlow_Community_Guidelines.pdf" target="_blank"
>Community Guidelines</a
>
</div>

<div class="platform">
<h3 style="font-size: 24px; font-weight: 600; color: white">Platform</h3>
<a href="https://studio.myriadflow.com">Studio</a>
<a href="https://discover.myriadflow.com">Discover</a>
<a href="https://webxr.myriadflow.com">WebXR</a>
</div>

<section class="social-links">
<div class="social-icon">
<a href="https://discord.gg/38jktRtuY7" target="_blank">
<img src="./resources/Vector3.png" alt="Discord" />
</a>
<p>
Innovative next-gen platform for exploring and launching NFT Xperiences with
AI-powered brand ambassadors and no-code tools.
</p>
<p class="copy">© Copyright 2024 MyriadFlow. All rights reserved</p>
</div>

<div class="links">
<h3 style="font-size: 24px; font-weight: 600; color: white">About</h3>
<a href="./resources/MyriadFlow_Terms_of_Service.pdf" target="_blank"
>Terms of Service</a
>
<a href="./resources/MyriadFlow_Creator_Terms_and_Conditions.pdf" target="_blank"
>Creator Terms and Conditions</a
>
<a href="./resources/MyriadFlow_Privacy_Policy.pdf" target="_blank">Privacy Policy</a>
<a href="./resources/MyriadFlow_Community_Guidelines.pdf" target="_blank"
>Community Guidelines</a
>
<div class="social-icon">
<a href="https://t.me/MyriadFlow" target="_blank">
<img src="./resources/Vector4.png" alt="Telegram" />
</a>
</div>

<div class="platform">
<h3 style="font-size: 24px; font-weight: 600; color: white">Platform</h3>
<a href="https://studio.myriadflow.com">Studio</a>
<a href="https://discover.myriadflow.com">Discover</a>
<a href="https://webxr.myriadflow.com">WebXR</a>
<div class="social-icon">
<a href="https://x.com/0xMyriadFlow" target="_blank">
<img src="./resources/Vector2.png" alt="X" />
</a>
</div>
<div class="social-icon">
<a href="https://www.instagram.com/0xmyriadflow" target="_blank">
<img src="resources/Vector5.png" alt="Instagram" />
</a>
</div>

<section class="social-links">
<div class="social-icon">
<a href="https://discord.gg/38jktRtuY7" target="_blank">
<img src="./resources/Vector3.png" alt="Discord" />
</a>
</div>
<div class="social-icon">
<a href="https://t.me/MyriadFlow" target="_blank">
<img src="./resources/Vector4.png" alt="Telegram" />
</a>
</div>
<div class="social-icon">
<a href="https://x.com/0xMyriadFlow" target="_blank">
<img src="./resources/Vector2.png" alt="X" />
</a>
</div>
<div class="social-icon">
<a href="https://www.instagram.com/0xmyriadflow" target="_blank">
<img src="resources/Vector5.png" alt="Instagram" />
</a>
</div>
</section>
</section>
</footer>
</main>
</section>
</footer>
<script type="module" src="/app.js"></script>
</body>
</html>
47 changes: 25 additions & 22 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
<meta name="title" content="MyriadFlow NFT Platform" />
<meta
name="description"
content="Step into a universe of limitless possibilities, where every brand activation opens a portal to extraordinary storytelling and unforgettable NFT experiences"
content="MyriadFlow is an all-in-one no-code platform for AI-powered NFT experiences, empowering brands and creators to embrace Web3 and AI innovations that unlock limitless possibilities in the digital world"
/>
<meta name="image" content="https://myriadflow.com/resources/bg.webp" />

Expand All @@ -52,7 +52,7 @@
<meta property="og:title" content="MyriadFlow NFT Platform" />
<meta
property="og:description"
content="Step into a universe of limitless possibilities, where every brand activation opens a portal to extraordinary storytelling and unforgettable NFT experiences."
content="MyriadFlow is an all-in-one no-code platform for AI-powered NFT experiences, empowering brands and creators to embrace Web3 and AI innovations that unlock limitless possibilities in the digital world."
/>
<meta property="og:image" content="https://myriadflow.com/resources/bg.webp" />

Expand All @@ -63,7 +63,7 @@
<meta name="twitter:title" content="MyriadFlow NFT Platform" />
<meta
name="twitter:description"
content="Step into a universe of limitless possibilities, where every brand activation opens a portal to extraordinary storytelling and unforgettable NFT experiences."
content="MyriadFlow is an all-in-one no-code platform for AI-powered NFT experiences, empowering brands and creators to embrace Web3 and AI innovations that unlock limitless possibilities in the digital world."
/>
<meta
name="twitter:image"
Expand Down Expand Up @@ -879,9 +879,7 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
href="https://discover.myriadflow.com/"
class="flex items-end justify-center space-x-2"
>
<div class="text-white text-3xl font-semibold text-center">
Discover Marketplace
</div>
<div class="text-white text-3xl font-semibold text-center">Discover Marketplace</div>
<div class="pb-2">
<img src="./resources/pink_arrow.svg" width="20" height="20" alt="logo" />
</div>
Expand Down Expand Up @@ -1071,20 +1069,22 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
</div>
</section>

<section class="relative z-10" style="background-color: #f2f2f3">
<section class="relative z-10 py-10" style="background-color: #f2f2f3">
<div class="mx-auto" style="padding: 8px 14vw">
<h1
class="pt-14 m28:text-2xl text-3xl m48:text-5xl m28:font-extrabold font-black lg:font-extrabold mb-4 w-1/2"
id="possibilities"
>
<span style="color: #4b4b4b"
>Cutting Edge Features<br />
in the Works</span
<div class="flex items-center justify-start space-x-4 mb-10">
<img src="./resources/line2.svg" class="pt-14" />
<h1
class="pt-14 m28:text-2xl text-3xl m48:text-5xl m28:font-extrabold font-black lg:font-extrabold mb-4 w-1/2"
id="possibilities"
>
</h1>
<img src="./resources/readyimages/line2.png" class="mb-10" />
<span style="color: #4b4b4b"
>Drive Your Brand with <br />
Cutting-Edge Technology</span
>
</h1>
</div>

<div class="lg:flex gap-20 relative">
<div class="lg:flex gap-20 relative py-10">
<div class="lg:w-1/2">
<div class="lg:w-1/3">
<div class="mx-auto">
Expand All @@ -1094,7 +1094,7 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
alt=""
/>

<div class="text-3xl text-black font-semibold mb-4">
<div class="text-3xl text-black font-semibold mb-4 py-5">
Supercharge Your Brand with AI Agents and NFTs
</div>
<div class="text-lg text-black mb-10">
Expand Down Expand Up @@ -1127,7 +1127,7 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
</div>

<!-- <img src="./resources/readyimages/features2.jpg" class="w-full mx-auto mb-4" alt="" /> -->
<div class="text-3xl text-black font-semibold mb-4">
<div class="text-3xl text-black font-semibold mb-4 py-5">
Craft Your Vision: Customized Solutions
</div>
<div class="text-lg text-black mb-10">
Expand All @@ -1151,9 +1151,13 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
<section
id="futureready"
class=""
style="background-image: url('./resources/futureready_bg.svg'); background-repeat: no-repeat"
style="
background-image: url('./resources/futureready_bg.svg');
background-repeat: no-repeat;
background-size: 100% auto;
"
>
<div class="mx-auto" style="padding: 8px 14vw">
<div class="mx-auto py-24" style="padding-left: 14vw; padding-right: 14vw">
<div class="sm:flex justify-center items-center">
<img
class="mr-16"
Expand All @@ -1166,7 +1170,6 @@ <h1 class="text-6xl lg:text-9xl font-black mb-8 hero-content" style="line-height
class="w-full text-white text-4xl rounded-2xl px-6 py-8"
style="
background: linear-gradient(to bottom, #c243fe, #47aaef);
text-align: center;
line-height: 50px;
"
Expand Down
Binary file modified resources/bg.webp
View file
Binary file not shown.
3 changes: 3 additions & 0 deletions resources/line2.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 4 additions & 1 deletion styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,10 @@ html {
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.py-24 {
padding-top: 6rem /* 40px */;
padding-bottom: 6rem /* 40px */;
}
.carousel2 {
display: flex;
justify-content: space-between;
Expand Down

0 comments on commit 56d2654

Please sign in to comment.