Update website

src/Angor.Website/Layout/Footer.razor

@@ -96,10 +96,7 @@
                             Policy
                         </a>
                     </li>
-                    <li>
-                        <a href="/faq"
-                           class="inline-block transition hover:scale-110 hover:text-secondary">FAQs</a>
-                    </li>
+
                 </ul>
             </div>
 

src/Angor.Website/Layout/Header.razor

@@ -27,8 +27,8 @@
                         </li>
 
                         <li>
-                            <NavLink href="/about">
-                                About
+                            <NavLink href="/faq">
+                                FAQ
                             </NavLink>
                         </li>
 

src/Angor.Website/Pages/FAQ.razor

@@ -87,7 +87,7 @@
     <section data-aos="fade-bottom" data-aos-duration="1000" class="bg-gradient-to-t from-white to-transparent py-14 dark:bg-none lg:py-[100px]">
         <div class="container">
             <div class="heading text-center">
-                <p class="mt-5 text-lg font-bold">Have questions? We’re help you.</p>
+                <p class="mt-5 text-lg font-bold">Have questions? We'll help you.</p>
             </div>
 
             <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-2">

src/Angor.Website/Pages/Home.razor

@@ -119,7 +119,7 @@
             <div class="heading text-center">
 
                 <h6>Behind the Tech</h6>
-                <h4>Angor is a decentralized crowdfunding platform built on Bitcoin and Nostr</h4>
+                <h4>Angor has no backend and is fully open source. It relies on Bitcoin explorers and Nostr relays, which users can run on their own</h4>
             </div>
             <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-2">
 
@@ -223,7 +223,7 @@
             <div class="heading text-center">
                 <h6>FAQs</h6>
                 <h4>Frequently Asked Questions</h4>
-                <p class="mt-5 text-lg font-bold">Have questions? We’re help you.</p>
+                <p class="mt-5 text-lg font-bold">Have questions? We'll help you.</p>
             </div>
 
             <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-2">
@@ -375,6 +375,17 @@
                 </div>
 
             </div>
+            <div class="text-center">
+                <a class="mt-5 inline-block" target="_blank" href="/faq">
+                    <div class="heading text-center rounded-3xl border-2 border-white bg-white p-6 shadow-[-20px_30px_70px_rgba(219,222,225,0.4)] transition duration-500 hover:border-secondary hover:bg-secondary/20 dark:border-white/10 dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.04] dark:to-transparent dark:!shadow-none dark:hover:bg-secondary">
+
+                        <p class="inline-block text-[22px] font-extrabold text-black dark:text-white dark:group-hover:text-black">
+                            More ...
+                        </p>
+
+                    </div>
+                </a>
+            </div>
 
         </div>
     </section>
@@ -582,11 +593,25 @@
             </svg>
         </div>
         <div class="container" data-aos="fade-bottom" data-aos-duration="1000">
-            <div class="heading text-center">
-                <a class="inline-block" href="https://www.blockcore.net/discord">
-                    <img width="60" height="60" src="/assets/images/discord-icon.svg" alt="Discord" />
-                </a>
-                <h4>Discord Server</h4>
+            <div class="items-center justify-center lg:flex heading text-center">
+                <div>
+                    <a class="inline-block" href="https://www.blockcore.net/discord">
+                        <img width="60" height="60" src="/assets/images/discord-icon.svg" alt="Discord" />
+                    </a>
+                    <h4>Discord</h4>
+                </div>
+                <div class="mr-2 ml-2">
+                    <a class="inline-block" href="https://t.me/angor_io">
+                        <img width="60" height="60" src="/assets/images/telegram-icon.svg" alt="Discord" />
+                    </a>
+                    <h4>Telegram</h4>
+                </div>
+                <div>
+                    <a class="inline-block" href="https://instagram.com/angor.io">
+                        <img width="60" height="60" src="/assets/images/instagram-icon.svg" alt="Discord" />
+                    </a>
+                    <h4>Instagram</h4>
+                </div>
             </div>
         </div>
     </section>

src/Angor.Website/wwwroot/assets/css/custom.css

@@ -106,7 +106,9 @@
 .ml-2 {
     margin-left: 2rem;
 }
-
+.mr-2 {
+    margin-right: 2rem;
+}
 .direction-ltr {
     display: flex;
     margin-top: 15px;