UnUniFi · YasunoriMATSUOKA · Jun 8, 2022 · Jun 1, 2022 · Jun 2, 2022 · Jun 6, 2022
diff --git a/package.json b/package.json
@@ -6,18 +6,16 @@
     "start": "ng serve",
     "start:explorer": "ng serve --project explorer",
     "start:portal": "ng serve --project portal",
-    "start:landing-page": "ng serve --project landing-page",
+    "start:landing-page": "rm -r dist ; mkdir dist && cp -r projects/landing-page-html dist/landing-page && firebase emulators:start --only hosting:ununifi-alpha-test ",
     "start:all": "npm run build:all && firebase emulators:start --only hosting:ununifi-alpha-test",
     "start:all:prod": "npm run build:all:prod && firebase emulators:start --only hosting:ununifi-alpha-test",
     "build": "ng build",
     "build:explorer": "ng build --project explorer",
     "build:explorer:prod": "ng build --project explorer --configuration=production",
     "build:portal": "ng build --project portal",
     "build:portal:prod": "ng build --project portal --configuration=production",
-    "build:landing-page": "ng build --project landing-page",
-    "build:landing-page:prod": "ng build --project landing-page --configuration=production",
-    "build:all": "rm -r dist ; mkdir dist && npm run build:landing-page && npm run build:explorer && npm run build:portal && node bundle",
-    "build:all:prod": "rm -r dist ; mkdir dist && npm run build:landing-page:prod && npm run build:explorer:prod && npm run build:portal:prod && node bundle",
+    "build:all": "rm -r dist ; mkdir dist && cp -r projects/landing-page-html dist/landing-page && npm run build:explorer && npm run build:portal && node bundle",
+    "build:all:prod": "rm -r dist ; mkdir dist && cp -r projects/landing-page-html dist/landing-page && npm run build:explorer:prod && npm run build:portal:prod && node bundle",
     "build:all:prod:ununifi": "npm run build:all:prod && node copy-config ununifi",
     "build:all:prod:ununifi-alpha-test": "npm run build:all:prod && node copy-config ununifi-alpha-test",
     "build:all:prod:ununifi-beta-test": "npm run build:all:prod && node copy-config ununifi-beta-test",

diff --git a/projects/landing-page-html/assets/download/UnUniFi-OnePage.pdf b/projects/landing-page-html/assets/download/UnUniFi-OnePage.pdf
diff --git a/projects/landing-page-html/assets/download/UnUniFi-Whitepaper.pdf b/projects/landing-page-html/assets/download/UnUniFi-Whitepaper.pdf
diff --git a/projects/landing-page-html/assets/images/01.png b/projects/landing-page-html/assets/images/01.png
diff --git a/projects/landing-page-html/assets/images/02.png b/projects/landing-page-html/assets/images/02.png
diff --git a/projects/landing-page-html/assets/images/Ellipse 9.png b/projects/landing-page-html/assets/images/Ellipse 9.png
diff --git a/projects/landing-page-html/assets/images/Group10.png b/projects/landing-page-html/assets/images/Group10.png
diff --git a/projects/landing-page-html/assets/images/Vector.png b/projects/landing-page-html/assets/images/Vector.png
diff --git a/projects/landing-page-html/assets/images/arrows.png b/projects/landing-page-html/assets/images/arrows.png
diff --git a/projects/landing-page-html/assets/images/bg1.png b/projects/landing-page-html/assets/images/bg1.png
diff --git a/projects/landing-page-html/assets/images/bg2.png b/projects/landing-page-html/assets/images/bg2.png
diff --git a/projects/landing-page-html/assets/images/bitcoin.png b/projects/landing-page-html/assets/images/bitcoin.png
diff --git a/projects/landing-page-html/assets/images/data.png b/projects/landing-page-html/assets/images/data.png
diff --git a/projects/landing-page-html/assets/images/favicon.png b/projects/landing-page-html/assets/images/favicon.png
diff --git a/projects/landing-page-html/assets/images/grid.jpg b/projects/landing-page-html/assets/images/grid.jpg
diff --git a/projects/landing-page-html/assets/images/man.png b/projects/landing-page-html/assets/images/man.png
diff --git a/projects/landing-page-html/assets/images/star.png b/projects/landing-page-html/assets/images/star.png
diff --git a/projects/landing-page-html/index.html b/projects/landing-page-html/index.html
@@ -0,0 +1,248 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>UnUniFi website</title>
+
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
+    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
+    integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
+    crossorigin="anonymous" referrerpolicy="no-referrer">
+  <link rel="stylesheet" href="./main.css">
+
+  <link rel="icon" type="image/x-icon" href="./assets/images/favicon.png" />
+
+  <!--tailwind-->
+  <script src="https://cdn.tailwindcss.com" rel="stylesheet"></script>
+
+  <!--add start -->
+  <meta name="description" content="UnUniFi" />
+  <meta property="og:title" content="UnUniFi" />
+  <meta property="og:type" content="article" />
+  <meta property="og:url" content="https://ununifi.io" />
+  <meta property="og:image" content="https://ununifi.io/favicon.png" />
+  <meta property="og:site_name" content="UnUniFi website" />
+  <meta property="og:description" content="UnUniFi website" />
+  <meta name="twitter:card" content="summary" />
+  <!--add end -->
+</head>
+
+<body>
+  <section class="bannerAndIntro">
+    <div class="banner py-4">
+      <div class="container">
+        <nav class="navbar navbar-expand-md justify-content-between align-items-center">
+          <a href="" class="navbar-brand"><img src="./assets/images/Vector.png" alt=""></a>
+          <button class="navbar-toggler" onclick='toggler()'><span class="fa fa-bars"></span></button>
+
+          <!--when drawer opened-->
+          <div class="navbar-collapse collapse">
+            <span class="w-1/5"></span>
+            <div class="navbar-nav justify-content-between mx-auto">
+              <li class="nav-item"><a href="#" class="nav-link">HOME</a></li>
+              <li class="nav-item"><a href="#about" class="nav-link">ABOUT</a></li>
+              <li class="nav-item"><a href="#community" class="nav-link">COMMUNITY</a></li>
+              <!-- comment out
+              <li class="nav-item"><a href="#partners" class="nav-link">PARTNERS</a></li>-->
+            </div>
+            <a href="assets/download/UnUniFi-Whitepaper.pdf" download class="btn mr-2">WHITEPAPER</a>
+            <a href="assets/download/UnUniFi-OnePage.pdf" download class="btn mx-2">ONE PAGE</a>
+            <a href="https://medium.com/@ununifi" target="_blank" rel="noopener noreferrer" class="btn ml-2">BLOG</a>
+          </div>
+
+          <!--when drawer closed-->
+          <div class="mobile-nav d-none d-md-none" id="toggled" (click)="toggler()">
+            <div class="navbar-nav justify-content-between mx-auto">
+              <li class="nav-item-close"><a href="#" class="nav-link">HOME</a></li>
+              <li class="nav-item-close"><a href="#about" class="nav-link">ABOUT</a></li>
+              <li class="nav-item-close"><a href="#community" class="nav-link">COMMUNITY</a></li>
+              <!-- comment out
+              <li class="nav-item-close"><a href="#partners" class="nav-link">PARTNERS</a></li>-->
+            </div>
+            <div class="flex flex-col mt-4">
+              <a href="assets/download/UnUniFi-Whitepaper.pdf" download class="btn mt-1">WHITEPAPER</a>
+              <a href="assets/download/UnUniFi-OnePage.pdf" download class="btn mt-1">ONE PAGE</a>
+              <a href="https://medium.com/@ununifi" target="_blank" rel="noopener noreferrer" class="btn mt-1">BLOG</a>
+            </div>
+          </div>
+        </nav>
+        <div class="pt-5 text-center">
+          <h1 class="bold pt-4">Decentralized cross-chain<span class="pink">NFT</span><br /> <span
+              class="lightItalic">marketplace</span> <span class="pin">/</span> platform <br /> with auto
+            DeFi yield
+          </h1>
+        </div>
+        <div class="text-center">
+          <p class="bannerParagraph pb-4">
+            Use Your NFTs as collateral to obtain rewards<br /> through auto DeFi yield.
+          </p>
+        </div>
+        <div class="flex flex-row justify-center">
+          <a href="/portal" target="_blank" rel="noopener noreferrer" class="btn d-block mrr-2 btnLaunch p-3">LAUNCH
+            APP</a>
+          <a href="/explorer" target="_blank" rel="noopener noreferrer" class="btn d-block ml-2 btnLaunch p-3">GO
+            EXPLORER</a>
+        </div>
+      </div>
+      <img src="./assets/images/arrows.png" class="arrows d-none d-md-block" alt="arrows">
+      <img src="./assets/images/star.png" class="star d-none d-md-block" alt="star">
+      <img src="./assets/images/man.png" class="man d-none d-md-block" alt="man">
+    </div>
+    <div class="intro pt-5" id="about">
+      <div class="container">
+        <h5 class="text-center">How does Auto DeFi Yield work?</h5>
+        <div class="row pt-5 justify-content-between align-items-center">
+          <div class="col-11 col-md-7 mx-auto">
+            <div class="row align-items-center">
+              <img src="./assets/images/01.png" class="col-4 d-block" alt="">
+              <div class="col-8">
+                <h6>Select synthetic asset denom</h6>
+                <p class="pt-2"> You can deposit your NFT as collateral, and the NFT will be listed on
+                  the marketplace. Prospective buyers of that NFT can make a bid. If you accept the
+                  bid,
+                  you can sell it. The NFT will not be settled without your permission and you will
+                  not lose the NFT.</p>
+              </div>
+            </div>
+          </div>
+          <img src="./assets/images/bitcoin.png" class="col-4 d-none d-md-block" alt="">
+        </div>
+        <div class="row pt-5 justify-content-between align-items-center">
+          <img src="./assets/images/data.png" class="col-4 d-none d-md-block" alt="">
+          <div class="col-11 col-md-7 mx-auto">
+            <div class="row align-items-center">
+              <img src="./assets/images/02.png" class="col-4 d-block" alt="">
+              <div class="col-8 col-md-8">
+                <h6>Supply NFT as Collateral</h6>
+                <p class="pt-2">You can issue stablecoins within the range of bids in the marketplace.
+                  UnUniFi can
+                  automatically operate the issued stablecoins and you can receive rewards.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+  </section>
+  <section class="joinAndPartners">
+    <div class="container join py-5" id="community">
+      <img src="./assets/images/star.png" class="star2 d-none d-md-block" alt="star">
+      <h3 class="text-center pt-5">Join UnUniFi Community</h3>
+      <div class="col-md-7 col-11 mx-auto pt-5">
+        <!--discord-->
+        <div class="row align-items-center">
+          <div class="col-3">
+            <div class="ellipse3 d-flex align-items-center justify-content-center">
+              <a href="https://discord.com/invite/gxEkFyu5rn" target="_blank" rel="noopener noreferrer">
+                <div class="ellipse2 d-flex align-items-center justify-content-center">
+                  <div class="ellipse1 d-flex align-items-center justify-content-center"><i
+                      class=" fa-brands fa-discord"></i></div>
+                </div>
+            </div>
+            </a>
+          </div>
+          <div class="col-9">Join our Discord and become a part of an amazing community.
+            You will also find the UnUniFi team there, ready to support you.
+          </div>
+        </div>
+
+        <!--twitter-->
+        <div class="row pt-5 align-items-center">
+          <div class="col-3">
+            <div class="ellipse3 d-flex align-items-center justify-content-center">
+              <a href="https://mobile.twitter.com/ununifi" target="_blank" rel="noopener noreferrer">
+                <div class="ellipse2 d-flex align-items-center justify-content-center">
+                  <div class="ellipse4 d-flex align-items-center justify-content-center"><i
+                      class=" fa-brands fa-twitter"></i></div>
+                </div>
+              </a>
+            </div>
+          </div>
+          <div class="col-9">Follow us on Twitter for updates on UnUniFi space in general.
+          </div>
+        </div>
+
+        <!--github-->
+        <div class="row py-5 align-items-center">
+          <div class="col-3">
+            <div class="ellipse3 d-flex align-items-center justify-content-center">
+              <a href="https://github.com/UnUniFi" target="_blank" rel="noopener noreferrer">
+                <div class="ellipse2 d-flex align-items-center justify-content-center">
+                  <div class="ellipse5 d-flex align-items-center justify-content-center"><i
+                      class=" fa-brands fa-github"></i></div>
+                </div>
+              </a>
+            </div>
+          </div>
+          <div class="col-9">Developers, let's work with us to develop a great and innovative NFTFi protocol.
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- comment out
+    <div class="partners py-5" id="partners">
+      <h3 class="text-center">Partners</h3>
+      <div class="container">
+        <div class="row justify-content-between text-center py-5">
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+          <div class="col-6 col-md-4 mb-4">
+            <h3>Partners</h3>
+          </div>
+        </div>
+      </div>
+
+    </div>
+    <img src="./assets/images/Ellipse 9.png" class="blur" alt="blur">
+-->
+  </section>
+
+  <footer>
+    <div class="container py-3">
+      <div class="row justify-content-between">
+        <div class="col-3 ">
+          <img src="./assets/images/Vector.png" alt="logo">
+        </div>
+        <div class="col-9 text-right">
+          <p> <span class="pink">&copy; UnUnifi 2022 </span>all right reserved</p>
+        </div>
+      </div>
+    </div>
+  </footer>
+
+  <script>
+    const toggler = () => {
+      document.getElementById('toggled').classList.toggle('d-none')
+    }
+  </script>
+
+</body>
+
+</html>