update images and links

ideal-lab5 · Jul 1, 2024 · fee872e · fee872e
1 parent 5e887e4
commit fee872e
Show file tree

Hide file tree

Showing 22 changed files with 72 additions and 25 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/images/Decentralized.png b/public/images/Decentralized.png
diff --git a/public/images/Privacy.png b/public/images/Privacy.png
diff --git a/public/images/Timelock.png b/public/images/Timelock.png
diff --git a/public/images/bg-decentralized.jpg b/public/images/bg-decentralized.jpg
diff --git a/public/images/bg-decentralized.png b/public/images/bg-decentralized.png
diff --git a/public/images/bg-hero.jpg b/public/images/bg-hero.jpg
diff --git a/public/images/bg-timelock.jpg b/public/images/bg-timelock.jpg
diff --git a/public/images/bg-timelock.png b/public/images/bg-timelock.png
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Ideal Network</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/src/Decentralized.js b/src/Decentralized.js
@@ -7,10 +7,10 @@ function Decentralized() {
         <div className="textContainer flex flex-col justify-center items-start gap-10 relative">
           <h1 className="text-4xl xl:text-6xl font-bold">Decentralized</h1>
           <p>The Ideal Network is a blockchain that uses a novel consensus mechanism. It produces publicly verifiable secret keys in each block header.</p>
-          <button className="cta">Decentralize the universe</button>
+          <a href="https://etf.idealabs.network/docs/intro" className="cta" target="_blank" rel="noreferrer">Decentralize the universe</a>
         </div>
       </div>
-      <img src="/images/Decentralized.png" className="decentralized" />
+      <img src="/images/Decentralized.png" className="decentralized" alt="decentralized"/>
     </section>
   );
 }

diff --git a/src/Footer.js b/src/Footer.js
@@ -7,23 +7,70 @@ function Footer() {
         <div className="upper flex flex-col md:flex-row gap-10 md:gap-20">
           <ul className="w-full md:w-80">
             <p className="category uppercase mb-4">Docs</p>
-            <li><a href="#">Tutorial</a></li>
+            <li>
+              <a
+                href="https://etf.idealabs.network/docs/intro"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Tutorial
+              </a>
+            </li>
           </ul>
           <ul className="w-full md:w-80">
             <p className="category uppercase mb-4">Company</p>
-            <li><a href="#">Discord</a></li>
-            <li><a href="#">Matrix</a></li>
-            <li><a href="#">Substacks</a></li>
+            <li>
+              <a
+                href="https://discord.gg/TheXVBdbbu"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Discord
+              </a>
+            </li>
+            <li>
+              <a
+                href="https://matrix.to/#/#ideal-labs:matrix.org"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Matrix
+              </a>
+            </li>
+            <li>
+              <a
+                href="https://ideallabs.substack.com/"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Substack
+              </a>
+            </li>
           </ul>
           <ul className="w-full md:w-80">
             <p className="category uppercase mb-4">More</p>
-            <li><a href="#">Blog</a></li>
-            <li><a href="#">Github</a></li>
+            <li>
+              <a
+                href="https://medium.com/@ideal_labs"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Medium
+              </a>
+            </li>
+            <li>
+              <a
+                href="https://github.com/ideal-lab5"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Github
+              </a>
+            </li>
           </ul>
         </div>
         <div className="lower">
-          <p>@ 2024 Ideal Network</p>
-          <p><a href="">Terms of Service</a>&nbsp;&nbsp;&nbsp;<a href="">Terms of Service</a></p>
+          <p>Copyright © 2024 Ideal Labs, LLC</p>
         </div>
       </div>
     </footer>

diff --git a/src/Header.js b/src/Header.js
@@ -6,7 +6,7 @@ function Header() {
       <div className="container">
         <nav>
           <a href="/" className="brand py-4">
-            <img src="/images/onecolor-white-logo.svg" />
+            <img src="/images/onecolor-white-logo.svg" alt="Ideal Network" />
           </a>
         </nav>
       </div>

diff --git a/src/Hero.js b/src/Hero.js
@@ -5,9 +5,9 @@ function Hero() {
     <section id="hero" className="min-h-screen bg-center bg-no-repeat bg-cover">
       <div className="container flex items-center">
         <div className="textContainer flex flex-col justify-center items-start gap-10">
-          <h1 className="text-4xl xl:text-6xl font-bold">Proper on-chain randomness</h1>
-          <p>Our cutting-edge advanced algorithm enhances security, fairness, and unpredictability, essential for decentralized applications, smart contracts, and more.</p>
-          <button className="cta">Roll the dice</button>
+          <h1 className="text-4xl xl:text-6xl font-bold">Onchain Randomness</h1>
+          <p>Onchain randomness is refreshed with each new block and can be used in smart contracts and runtime modules for random number generation.</p>
+          <a href="https://etf.idealabs.network/docs/intro" className="cta btn" target="_blank" rel="noreferrer">Roll the dice</a>
         </div>
       </div>
     </section>

diff --git a/src/Privacy.js b/src/Privacy.js
@@ -7,10 +7,10 @@ function Privacy() {
         <div className="textContainer flex flex-col justify-center items-start gap-10 relative">
           <h1 className="text-4xl xl:text-6xl font-bold">Programmable Privacy</h1>
           <p>Encrypt once, decrypt many. The Ideal network enables programmable, zero-knowledge data encryption mechanisms using practical witness encryption.</p>
-          <button className="cta">Limitless Privacy</button>
+          <a href="https://etf.idealabs.network/docs/intro" className="cta" target="_blank" rel="noreferrer">Limitless Privacy</a>
         </div>
       </div>
-      <img src="/images/Privacy.png" className="privacy" />
+      <img src="/images/Privacy.png" className="privacy" alt="Privacy"/>
     </section>
   );
 }

diff --git a/src/Timelock.js b/src/Timelock.js
@@ -6,11 +6,11 @@ function Timelock() {
       <div className="container flex items-center justify-end">
         <div className="textContainer flex flex-col justify-center items-end gap-10 relative">
           <h1 className="text-4xl xl:text-6xl font-bold text-right">Timelock Encryption</h1>
-          <p className="text-right">The ETF Network enables timelock encryption, allowing you to effortlessly send messages into the future and unlock them right from your browser!</p>
-          <button className="cta">Maximum security</button>
+          <p className="text-right">The Ideal Network enables timelock encryption, allowing you to effortlessly send messages into the future and unlock them right from your browser!</p>
+          <a href="https://etf.idealabs.network/docs/intro" className="cta" target="_blank" rel="noreferrer">Maximum security</a>
         </div>
       </div>
-      <img src="/images/Timelock.png" className="timelock" />
+      <img src="/images/Timelock.png" className="timelock" alt="Timelock Encryption" />
     </section>
   );
 }

diff --git a/src/styles/App.sass b/src/styles/App.sass
@@ -32,10 +32,10 @@ section
     h1
         font-size: 28px
 
-button.cta
+a.cta
     font-size: 16px
     padding: 15px 20px
-    background-color: $button-cta-fill
+    background-color: $a-cta-fill
     font-weight: 700
     border: 1px $primary-color solid
     border-radius: 5px

diff --git a/src/styles/Decentralized.sass b/src/styles/Decentralized.sass
@@ -1,7 +1,7 @@
 @import variables
 
 #decentralized
-    background-image: url(../../public/images/bg-decentralized.png)
+    background-image: url(../../public/images/bg-decentralized.jpg)
     .textContainer
         max-width: 490px
     .decentralized

diff --git a/src/styles/Timelock.sass b/src/styles/Timelock.sass
@@ -1,7 +1,7 @@
 @import variables
 
 #timelock
-    background-image: url(../../public/images/bg-timelock.png)
+    background-image: url(../../public/images/bg-timelock.jpg)
     .textContainer
         max-width: 490px
     .timelock

diff --git a/src/styles/variables.sass b/src/styles/variables.sass
@@ -13,7 +13,7 @@ $primary-color: #0D2FAB
 $secondary-color: #3874ff
 $text-primary: rgba(255,255,255,1)
 $header-bg: rgba(0,0,0,0.7)
-$button-cta-fill: rgba(56,116,255,.15)
+$a-cta-fill: rgba(56,116,255,.15)
 $bg-color: #0a0a0a
 $color-footer-title: $secondary-color
 $color-link-from: $text-primary