From 488c1831734aeec8e807b170cc7871e2ce33175b Mon Sep 17 00:00:00 2001
From: zengweizhan <zengweizhan@gf.com.cn>
Date: Wed, 10 Aug 2022 20:17:12 +0800
Subject: [PATCH 1/4] ad nav

---
 pages/index.js         | 54 ++++++++++++++++++------------------------
 styles/Home.module.css | 11 +++++++++
 2 files changed, 34 insertions(+), 31 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 29e38d8..6124c7a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -4,47 +4,43 @@ import { Button } from "@web3uikit/core";
 
 export default function Home() {
   return (
-    <div className={styles.container}>
-      <div className={styles.main}>
-        <div className="flex flex-row">
-          <div className="flex m-4">
+      <nav>
+        <ul id="main-nav" class="nav" >
+          <li>
             <a
               href="http://discord.gg/hWyBHrUDAk"
               target="_blank"
-              rel="noopener noreferrer"
-            >
-              [discord
-            </a>
-          </div>
-          <div className="flex m-4">
-            <a
+              rel="noopener noreferrer">
+            Discord
+          </a>
+          </li>
+          <li>
+          <a
               href="https://twitter.com/lenftapp"
               target="_blank"
               rel="noopener noreferrer"
-            >
-              twitter
+            >Twitter
             </a>
-          </div>
-          <div className="flex m-4">
-            <a
+          </li>
+          <li>
+          <a
               href="https://github.com/leNFT"
               target="_blank"
               rel="noopener noreferrer"
             >
-              github
+            Github
             </a>
-          </div>
-          <div className="flex m-4">
-            <a
+          </li>
+          <li>
+          <a
               href="https://lenft.gitbook.io/lenft-docs/"
               target="_blank"
               rel="noopener noreferrer"
             >
-              docs]
+            Docs
             </a>
-          </div>
-        </div>
-        <div className="flex flex-row mt-48">
+          </li>
+          <ul>
           <Link href="/app">
             <a>
               <Button
@@ -56,12 +52,8 @@ export default function Home() {
               />
             </a>
           </Link>
-        </div>
-        <div className="flex flex-row m-16 max-w-lg text-center">
-          leNFT is a peer-to-pool NFT lending market. it allows you to get
-          instant liquidity using your NFTs as collateral
-        </div>
-      </div>
-    </div>
+          </ul>
+        </ul>
+        </nav>
   );
 }
diff --git a/styles/Home.module.css b/styles/Home.module.css
index c6aae83..ba2521d 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -111,6 +111,17 @@
   margin-left: 0.5rem;
 }
 
+.nav {
+  margin-top: 1000px;
+  list-style: none;
+  padding-left: 0;
+  color: blue;
+}
+
+.nav li {
+  display: inline-block;
+}
+
 @media (max-width: 600px) {
   .grid {
     width: 100%;

From 9f4031d3338cafb0b7b6fa8b6d12306d93e4c7bc Mon Sep 17 00:00:00 2001
From: zengweizhan <zengweizhan@gf.com.cn>
Date: Thu, 11 Aug 2022 15:10:58 +0800
Subject: [PATCH 2/4] Add the navigation bar, change the text description of
 the home page

---
 pages/index.js         | 47 ++++++++++++++++++++++--------
 styles/Home.module.css | 65 ++++++++++++++++++++++++++++++++++++++----
 2 files changed, 94 insertions(+), 18 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 6124c7a..807ea74 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,11 +1,23 @@
 import styles from "../styles/Home.module.css";
 import Link from "next/link";
 import { Button } from "@web3uikit/core";
+import { style } from "@mui/system";
+import { STATEMENT_TYPES } from "@babel/types";
+import { StyleSheetManager } from "styled-components";
 
 export default function Home() {
   return (
-      <nav>
-        <ul id="main-nav" class="nav" >
+
+    <div className={styles.main}>
+      <div className={styles.header_center}>
+        <div className={styles.header_logo}>
+          <a>
+            <img src="logo.png" className={styles.header_logo_img}></img> 
+          </a>
+        </div>
+    
+        <nav>
+          <ul id="main-nav" className={styles.nav} >
           <li>
             <a
               href="http://discord.gg/hWyBHrUDAk"
@@ -15,16 +27,17 @@ export default function Home() {
           </a>
           </li>
           <li>
-          <a
+            <a
               href="https://twitter.com/lenftapp"
               target="_blank"
               rel="noopener noreferrer"
-            >Twitter
+            >
+            Twitter
             </a>
           </li>
           <li>
           <a
-              href="https://github.com/leNFT"
+            href="https://github.com/leNFT"
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -33,27 +46,37 @@ export default function Home() {
           </li>
           <li>
           <a
-              href="https://lenft.gitbook.io/lenft-docs/"
-              target="_blank"
-              rel="noopener noreferrer"
+            href="https://lenft.gitbook.io/lenft-docs/"
+            target="_blank"
+            rel="noopener noreferrer"
             >
             Docs
             </a>
           </li>
-          <ul>
+          <li>
           <Link href="/app">
             <a>
               <Button
                 onClick={function noRefCheck() {}}
-                size="xl"
                 color="blue"
                 theme="colored"
-                text="go to app"
+                text="Launch App"
               />
             </a>
           </Link>
-          </ul>
+          </li>
         </ul>
         </nav>
+      </div>
+    
+      <div className={styles.main}>
+        <div className={styles.index_describe}>
+          <p className={styles.index_protocol_describe}>
+            leNFT is a Peer-To-Pool NFT liquidity Protocol </p>
+          <p className={styles.index_protocol_describe_more}>
+            Mortgage NFT to borrow Deposit assets earn interest </p>
+       </div>
+      </div>
+    </div>    
   );
 }
diff --git a/styles/Home.module.css b/styles/Home.module.css
index ba2521d..3baa54f 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -32,7 +32,7 @@
 }
 
 .title a {
-  color: #0070f3;
+  color: red;
   text-decoration: none;
 }
 
@@ -111,15 +111,68 @@
   margin-left: 0.5rem;
 }
 
+.header_center {
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  padding: 28px;
+  left: 0;
+  right: 0;
+}
+
+.header_logo {
+  width: 100%;
+  max-width: 1600px;
+  display: flex;
+  flex-direction: row;
+  -webkit-box-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  justify-content: space-between;
+}
+
+.header_logo_img {
+  width: 3em;
+  height: 3em;
+}
+
 .nav {
-  margin-top: 1000px;
-  list-style: none;
-  padding-left: 0;
-  color: blue;
+  display: flex;
+  justify-content: flex-end;
+  -webkit-box-align: center;
+  align-items: center;
+  margin-left: 50px;
 }
 
 .nav li {
-  display: inline-block;
+  margin-left: 80px;
+}
+
+.nav a {
+  text-align: center;
+  position: relative;
+}
+
+.nav button {
+  height: 56px;
+  min-width: 180px;
+}
+
+.index_describe {
+  display: flex;
+  flex-direction: column;
+}
+
+.index_protocol_describe {
+  padding: 20px;
+  font-size: 2rem;
+}
+
+.index_protocol_describe_more {
+  padding: 20px;
+  font-size: 1.5rem;
+  max-width: 350px;
+  font-size: 1.5rem;
 }
 
 @media (max-width: 600px) {

From df5e02de81afcb28dec6a53714af0d6c69db0fea Mon Sep 17 00:00:00 2001
From: zengweizhan <zengweizhan@gf.com.cn>
Date: Thu, 11 Aug 2022 15:21:39 +0800
Subject: [PATCH 3/4] Change css classes name

---
 pages/index.js         | 12 ++++++------
 styles/Home.module.css | 14 +++++++-------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 807ea74..16d6ec9 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -9,10 +9,10 @@ export default function Home() {
   return (
 
     <div className={styles.main}>
-      <div className={styles.header_center}>
-        <div className={styles.header_logo}>
+      <div className={styles.headerCenter}>
+        <div className={styles.headerLogo}>
           <a>
-            <img src="logo.png" className={styles.header_logo_img}></img> 
+            <img src="logo.png" className={styles.headerLogoImg}></img> 
           </a>
         </div>
     
@@ -70,10 +70,10 @@ export default function Home() {
       </div>
     
       <div className={styles.main}>
-        <div className={styles.index_describe}>
-          <p className={styles.index_protocol_describe}>
+        <div className={styles.indexDescribe}>
+          <p className={styles.indexProtocolDescribe}>
             leNFT is a Peer-To-Pool NFT liquidity Protocol </p>
-          <p className={styles.index_protocol_describe_more}>
+          <p className={styles.indexProtocolDescribe2}>
             Mortgage NFT to borrow Deposit assets earn interest </p>
        </div>
       </div>
diff --git a/styles/Home.module.css b/styles/Home.module.css
index 3baa54f..c927076 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -111,7 +111,7 @@
   margin-left: 0.5rem;
 }
 
-.header_center {
+.headerCenter {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
@@ -120,7 +120,7 @@
   right: 0;
 }
 
-.header_logo {
+.headerLogo {
   width: 100%;
   max-width: 1600px;
   display: flex;
@@ -131,9 +131,9 @@
   justify-content: space-between;
 }
 
-.header_logo_img {
+.headerLogoImg {
   width: 3em;
-  height: 3em;
+  height: em;
 }
 
 .nav {
@@ -158,17 +158,17 @@
   min-width: 180px;
 }
 
-.index_describe {
+.indexDescribe {
   display: flex;
   flex-direction: column;
 }
 
-.index_protocol_describe {
+.indexProtocolDescribe {
   padding: 20px;
   font-size: 2rem;
 }
 
-.index_protocol_describe_more {
+.indexProtocolDescribe2 {
   padding: 20px;
   font-size: 1.5rem;
   max-width: 350px;

From ed552af1b038606bdda739299e006614d75faf3f Mon Sep 17 00:00:00 2001
From: zengweizhan <zengweizhan@gf.com.cn>
Date: Thu, 11 Aug 2022 15:35:54 +0800
Subject: [PATCH 4/4] change logo

---
 pages/index.js         | 6 +++---
 styles/Home.module.css | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 16d6ec9..038ebc7 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -12,7 +12,7 @@ export default function Home() {
       <div className={styles.headerCenter}>
         <div className={styles.headerLogo}>
           <a>
-            <img src="logo.png" className={styles.headerLogoImg}></img> 
+            <img src="symbol.png" className={styles.headerLogoImg}></img> 
           </a>
         </div>
     
@@ -72,9 +72,9 @@ export default function Home() {
       <div className={styles.main}>
         <div className={styles.indexDescribe}>
           <p className={styles.indexProtocolDescribe}>
-            leNFT is a Peer-To-Pool NFT liquidity Protocol </p>
+            leNFT is a Peer-To-Pool NFT Liquidity Protocol </p>
           <p className={styles.indexProtocolDescribe2}>
-            Mortgage NFT to borrow Deposit assets earn interest </p>
+            Borrow using only your NFTs Gain interest on your ETH </p>
        </div>
       </div>
     </div>    
diff --git a/styles/Home.module.css b/styles/Home.module.css
index c927076..551a3bf 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -132,8 +132,8 @@
 }
 
 .headerLogoImg {
-  width: 3em;
-  height: em;
+  width: 4em;
+  height: 4em;
 }
 
 .nav {