feat: vercel comments resolved

public/browserconfig.xml

@@ -1,2 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png?v=1.1"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/site.webmanifest

@@ -0,0 +1,18 @@
+{
+    "name": "4626 Alliance",
+    "short_name": "4626 Alliance",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png?v=1.1",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png?v=1.1",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff"
+}

src/components/Block/About.tsx

@@ -51,7 +51,7 @@ export default function About() {
               priority={false}
               width={823}
               height={370}
-              src="images/stars4626.svg"
+              src="images/superCharged.svg"
               className="w-full rounded-lg border border-pink-100 shadow-lg 2xl:h-full 2xl:w-auto"
               alt="WHAT IS ERC-4626?"
               loading="lazy"

src/components/Block/Alliance.tsx

@@ -1,29 +1,24 @@
 import Container from "@/components/Container";
 import AtomTitle from "@/components/Atom/Title";
 import React from "react";
-import {IoLogoTwitter} from "react-icons/io";
+import { IoLogoTwitter } from "react-icons/io";
 import alliance from "@json/alliance.json";
-import Link from "next/link";
-import {classNames} from "@/helpers/formatters";
 
 function QuoteIcon(props: any) {
   return (
     <svg aria-hidden="true" width={105} height={78} {...props}>
-      <path
-        d="M25.086 77.292c-4.821 0-9.115-1.205-12.882-3.616-3.767-2.561-6.78-6.102-9.04-10.622C1.054 58.534 0 53.411 0 47.686c0-5.273.904-10.396 2.712-15.368 1.959-4.972 4.746-9.567 8.362-13.786a59.042 59.042 0 0 1 12.43-11.3C28.325 3.917 33.599 1.507 39.324 0l11.074 13.786c-6.479 2.561-11.677 5.951-15.594 10.17-3.767 4.219-5.65 7.835-5.65 10.848 0 1.356.377 2.863 1.13 4.52.904 1.507 2.637 3.089 5.198 4.746 3.767 2.41 6.328 4.972 7.684 7.684 1.507 2.561 2.26 5.5 2.26 8.814 0 5.123-1.959 9.19-5.876 12.204-3.767 3.013-8.588 4.52-14.464 4.52Zm54.24 0c-4.821 0-9.115-1.205-12.882-3.616-3.767-2.561-6.78-6.102-9.04-10.622-2.11-4.52-3.164-9.643-3.164-15.368 0-5.273.904-10.396 2.712-15.368 1.959-4.972 4.746-9.567 8.362-13.786a59.042 59.042 0 0 1 12.43-11.3C82.565 3.917 87.839 1.507 93.564 0l11.074 13.786c-6.479 2.561-11.677 5.951-15.594 10.17-3.767 4.219-5.65 7.835-5.65 10.848 0 1.356.377 2.863 1.13 4.52.904 1.507 2.637 3.089 5.198 4.746 3.767 2.41 6.328 4.972 7.684 7.684 1.507 2.561 2.26 5.5 2.26 8.814 0 5.123-1.959 9.19-5.876 12.204-3.767 3.013-8.588 4.52-14.464 4.52Z"/>
+      <path d="M25.086 77.292c-4.821 0-9.115-1.205-12.882-3.616-3.767-2.561-6.78-6.102-9.04-10.622C1.054 58.534 0 53.411 0 47.686c0-5.273.904-10.396 2.712-15.368 1.959-4.972 4.746-9.567 8.362-13.786a59.042 59.042 0 0 1 12.43-11.3C28.325 3.917 33.599 1.507 39.324 0l11.074 13.786c-6.479 2.561-11.677 5.951-15.594 10.17-3.767 4.219-5.65 7.835-5.65 10.848 0 1.356.377 2.863 1.13 4.52.904 1.507 2.637 3.089 5.198 4.746 3.767 2.41 6.328 4.972 7.684 7.684 1.507 2.561 2.26 5.5 2.26 8.814 0 5.123-1.959 9.19-5.876 12.204-3.767 3.013-8.588 4.52-14.464 4.52Zm54.24 0c-4.821 0-9.115-1.205-12.882-3.616-3.767-2.561-6.78-6.102-9.04-10.622-2.11-4.52-3.164-9.643-3.164-15.368 0-5.273.904-10.396 2.712-15.368 1.959-4.972 4.746-9.567 8.362-13.786a59.042 59.042 0 0 1 12.43-11.3C82.565 3.917 87.839 1.507 93.564 0l11.074 13.786c-6.479 2.561-11.677 5.951-15.594 10.17-3.767 4.219-5.65 7.835-5.65 10.848 0 1.356.377 2.863 1.13 4.52.904 1.507 2.637 3.089 5.198 4.746 3.767 2.41 6.328 4.972 7.684 7.684 1.507 2.561 2.26 5.5 2.26 8.814 0 5.123-1.959 9.19-5.876 12.204-3.767 3.013-8.588 4.52-14.464 4.52Z" />
     </svg>
   );
 }
 
-export default function BlockAlliance({fullScreen = false}: { fullScreen?: boolean }) {
+export default function BlockAlliance() {
   return (
-    <section
-      className={classNames("to-white-100 bg-gradient-to-t from-pink-300 py-16 text-center", fullScreen && "min-h-screen")}
-    >
+    <section id="alliance" className="bg-gradient-to-r pb-1 from-pink-50 to-pink-300 py-16 text-center">
       <Container>
         <div className="mx-auto max-w-5xl text-slate-700 md:text-center">
           <AtomTitle alignText="center">4626 Alliance</AtomTitle>
-          <p className="mt-4 text-xl leading-relaxed">
+          <p className="mu-4 text-xl leading-relaxed">
             <strong>The 4626 Alliance</strong> is a group of leading protocols and applications that share the mission of supporting the development and deployment of
             <code className="mx-[2px]  select-none rounded-lg bg-pink-100 px-2 py-1">ERC-4626</code> vaults.
             <code className="mx-[2px] select-none rounded-lg bg-pink-100 px-2 py-1">ERC-4626</code>
@@ -35,27 +30,26 @@ export default function BlockAlliance({fullScreen = false}: { fullScreen?: boole
             <li key={testimonialIndex}>
               <a href={testimonial.website} target="_blank" className="relative flex rounded-lg bg-white p-6 shadow-xl shadow-slate-900/10 lg:hover:bg-white/70" rel="noreferrer">
                 <figure>
-                  <QuoteIcon className="absolute top-6 left-6 fill-pink-100/40 group-hover:fill-white/70"/>
+                  <QuoteIcon className="absolute top-6 left-6 fill-pink-100/40 group-hover:fill-white/70" />
                   <blockquote className="relative">
                     <p className="text-right text-lg text-slate-700">{testimonial.content}</p>
                   </blockquote>
                   <figcaption className="relative mt-6 flex items-center justify-between border-t-[0.5px] border-pink-200 pt-6 text-left">
                     <div>
-                      <div
-                        className="mt-3 flex items-center whitespace-nowrap bg-gradient-to-r from-pink-500 to-pink-900 bg-clip-text text-2xl font-extrabold uppercase tracking-tight text-transparent">
+                      <div className="mt-3 flex items-center whitespace-nowrap bg-gradient-to-r from-pink-500 to-pink-900 bg-clip-text text-2xl font-extrabold uppercase tracking-tight text-transparent">
                         {testimonial.name}
                         <a
                           href={`https://twitter.com/${testimonial.twitter}`}
                           target="_blank"
                           className="group ml-4 inline-flex items-center space-x-1.5 font-semibold text-pink-700 underline decoration-from-font underline-offset-4 md:space-x-2 md:no-underline md:hover:text-pink-700 md:hover:underline"
                           rel="noreferrer"
                         >
-                          <IoLogoTwitter className="h-[20px] w-auto md:opacity-25 md:group-hover:opacity-100"/>
+                          <IoLogoTwitter className="h-[20px] w-auto md:opacity-25 md:group-hover:opacity-100" />
                         </a>
                       </div>
                     </div>
                     <div className="overflow-hidden rounded-full bg-slate-50">
-                      <img className="h-14 w-14 object-cover" src={`/images/logos/${testimonial.logo}`} alt={testimonial.name} width={70} height={70}/>
+                      <img className="h-14 w-14 object-cover" src={`/images/logos/${testimonial.logo}`} alt={testimonial.name} width={70} height={70} />
                     </div>
                   </figcaption>
                 </figure>
@@ -64,29 +58,20 @@ export default function BlockAlliance({fullScreen = false}: { fullScreen?: boole
           ))}
         </ul>
         <div className="mt-4 flex flex-col items-center md:mt-8">
-          {fullScreen ? (
-              <>
-              <div className="py-16">
-                <AtomTitle alignText="center">Total funding amount</AtomTitle>
-                <div className="text-4xl font-black font-mono tracking-relaxed text-white">$15,000</div>
-              </div>
+          <div className="py-16">
+            <AtomTitle alignText="center">Funds Raised</AtomTitle>
+            <div className="text-xl leading-relaxed text-slate-700">The alliance contributes capital to advance the development of the ERC-4626 ecosystem</div>
+            <div className="text-4xl font-black mt-8 flex items-center justify-center whitespace-nowrap bg-gradient-to-bl from-pink-500 to-pink-900 bg-clip-text text-transparent">$15,000</div>
+          </div>
 
-            <a
-              target="_blank"
-              href="https://forms.gle/DsCsttsxBUYQTB9r6"
-              rel="nofollow noreferrer"
-              className="inline-flex items-center justify-center whitespace-nowrap rounded-md bg-white px-8 py-5 text-xl font-medium text-pink-700 shadow-sm hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
-            >
-              Join the Alliance
-            </a>
-            </>
-            ) : (
-            <Link href="/about-us">
-            <a className="inline-flex items-center justify-center whitespace-nowrap rounded-md bg-white px-8 py-5 text-xl font-medium text-pink-700 shadow-sm hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md">
-            Learn more about the 4626 Alliance
-            </a>
-            </Link>
-            )}
+          <a
+            target="_blank"
+            href="https://forms.gle/DsCsttsxBUYQTB9r6"
+            rel="nofollow noreferrer"
+            className="inline-flex items-center justify-center whitespace-nowrap rounded-md border-2 border-pink-700 bg-white px-8 py-5 text-xl font-medium text-pink-700 shadow-sm transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
+          >
+            Join the Alliance
+          </a>
         </div>
       </Container>
     </section>

src/components/Block/Bounties.tsx

@@ -1,17 +1,18 @@
 import AtomTitle from "@/components/Atom/Title";
 import Container from "@/components/Container";
+import { GiTrumpetFlag } from "react-icons/gi";
 
 export default function BlockBounties() {
   return (
     <div className="bg-gradient-to-t from-pink-50 py-16 text-center" id="bounties">
       <Container>
         <AtomTitle alignText="center">Bounties</AtomTitle>
         <div className="mx-auto mt-8 max-w-3xl">
-          <p className="text-xl leading-relaxed text-slate-700">Check out our live bounties</p>
+          <p className="text-xl leading-relaxed text-slate-700">Check out our live bounties. Alliance members can post bounties for ERC-4626 related development.</p>
         </div>
         <ul className="mt-16 space-y-2 space-y-8 text-left text-slate-700">
-          <li className="flex flex-col justify-between space-y-8 rounded-lg bg-pink-100 p-8 shadow-lg lg:flex-row lg:items-center lg:space-y-0">
-            <div className="flex flex-col space-y-10 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-10">
+          <li className="flex flex-col justify-between space-y-8 rounded-lg bg-pink-100 p-8 shadow-lg lg:flex-row lg:items-center lg:space-y-0 select-none">
+            <div className="flex flex-col space-y-4 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-10">
               <div className="flex items-center space-x-4 lg:space-x-8">
                 <div className="flex items-center">
                   <div className="h-14 w-14">
@@ -24,34 +25,42 @@ export default function BlockBounties() {
                   <div className="flex items-center">
                     <div className="font-medium">Gearbox</div>
                   </div>
-                  <div className="text-sm text-gray-400">Name</div>
+                  <div className="text-sm text-gray-400">Organizer</div>
                 </div>
               </div>
               <div className="lg:w-[124px]">
                 <div className="font-mono font-medium font-extrabold tracking-tight">$1,000</div>
                 <div className="text-sm text-gray-400">Rewards up to</div>
               </div>
               <div>
-                <div className="font-medium">Smart Contract, Websites and Applications</div>
+                <div className="font-medium tracking-tight text-sm">To make <a href="https://app.gearbox.fi/pools" className="inline-flex text-pink-700 underline decoration-from-font underline-offset-4 md:no-underline md:hover:text-pink-900 md:hover:underline" target="_blank" rel="noreferrer nofollow">existing passive pools on Gearbox</a> compliant with ERC-4626 and create a path forward to
+                  easily support additional passive pools in the future</div>
                 <div className="text-sm text-gray-400">Description</div>
               </div>
+              <div>
+                <div className="flex text-green-700 items-center space-x-[2px] uppercase font-extrabold">
+                  <GiTrumpetFlag /> <span>Opened</span>
+                </div>
+                <div className="text-sm text-gray-400">Status</div>
+              </div>
+              <a
+                className="inline-flex items-center justify-center whitespace-nowrap rounded-md  bg-white px-5 py-3 text-base font-medium text-pink-700 shadow-sm hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
+                target="_blank"
+                href="https://superform.notion.site/Gearbox-4626-Spec-0de0a498b171417e805759c896137bec"
+                rel="noreferrer nofollow"
+              >
+                View bounty
+              </a>
             </div>
-            <a
-              className="inline-flex items-center justify-center whitespace-nowrap rounded-md  bg-white px-5 py-3 text-base font-medium text-pink-700 shadow-sm hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
-              target="_blank"
-              href="https://superform.notion.site/Gearbox-4626-Spec-0de0a498b171417e805759c896137bec"
-              rel="noreferrer nofollow"
-            >
-              View bounty
-            </a>
           </li>
         </ul>
         <a
           href="https://forms.gle/A1RGtfAwFxnfTD5x8"
           target="_blank"
           rel="nofollow noreferrer"
-          className="mt-16 inline-flex items-center justify-center whitespace-nowrap rounded-md bg-white px-8 py-5 text-xl font-medium text-pink-700 shadow-sm hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md">
-          Apply for funding
+          className="mt-16 inline-flex items-center justify-center whitespace-nowrap rounded-md px-8 py-5 text-xl font-medium text-pink-700 border-2 border-pink-700 shadow-sm transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
+        >
+          Submit a bounty
         </a>
       </Container>
     </div>

src/components/Footer.tsx

@@ -2,7 +2,8 @@ import Container from "@/components/Container";
 import { Component, SVGProps } from "react";
 import { HiOutlineBookmarkAlt } from "react-icons/hi";
 import { IoMdHeart, IoLogoGithub, IoLogoTwitter } from "react-icons/io";
-import { FaEthereum } from "react-icons/fa";
+import { FaEthereum, FaTelegramPlane } from "react-icons/fa";
+import { AiOutlineUsergroupAdd } from "react-icons/ai";
 
 const footerNavigation = {
   social: [
@@ -48,27 +49,42 @@ export default class Footer extends Component {
               ))}
             </div>
             <div className="mt-4 flex flex-wrap items-center justify-center space-y-1 whitespace-nowrap text-sm text-pink-700 md:order-1 md:my-0 md:mb-5 md:justify-between md:space-y-0">
-              <span>Website carefully handcrafted</span>
+              <span>Handcrafted</span>
               <span className="block w-full md:hidden" />
               <span className="ml-1">with</span>
               <span className="mx-1 md:mx-2">
                 <IoMdHeart className="h-4 w-4 text-red-600" />
               </span>
+              <span className="inline-flex font-semibold text-pink-700">by The 4626 Alliance</span>
+              <span className="mx-4 h-0 w-full border-r border-pink-400 text-left md:h-5 md:w-auto"></span>
               <a
-                href="https://superform.xyz"
-                className="inline-flex font-semibold text-pink-700 underline decoration-from-font underline-offset-4 md:no-underline md:hover:text-pink-900 md:hover:underline"
+                rel="noopener noreferrer"
+                href="twitter.com/erc4626"
+                target="_blank"
+                className="group inline-flex items-center font-medium text-pink-700 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 md:hover:underline"
               >
-                by Superform
+                follow us
+                <IoLogoTwitter className="ml-1.5 inline-flex h-4 w-4 md:opacity-25 md:group-hover:opacity-100" />
               </a>
               <span className="mx-4 h-3 border-r border-pink-400 text-left md:h-5"></span>
               <a
                 rel="noopener noreferrer"
-                href="https://twitter.com/superformxyz"
+                href="https://t.me/erc4626alliance"
                 target="_blank"
                 className="group inline-flex items-center font-medium text-pink-700 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 md:hover:underline"
               >
-                follow us
-                <IoLogoTwitter className="ml-1.5 inline-flex h-4 w-4 md:opacity-25 md:group-hover:opacity-100" />
+                discuss
+                <FaTelegramPlane className="ml-1.5 inline-flex h-4 w-4 md:opacity-25 md:group-hover:opacity-100" />
+              </a>
+              <span className="mx-4 h-3 border-r border-pink-400 text-left md:h-5"></span>
+              <a
+                rel="noopener noreferrer"
+                href="https://forms.gle/DsCsttsxBUYQTB9r6"
+                target="_blank"
+                className="group inline-flex items-center font-medium text-pink-700 underline decoration-from-font underline-offset-4 md:font-normal md:no-underline md:hover:text-pink-900 md:hover:underline"
+              >
+                join the alliance
+                <AiOutlineUsergroupAdd className="ml-1.5 inline-flex h-4 w-4 md:opacity-25 md:group-hover:opacity-100" />
               </a>
             </div>
           </div>