feat: final launch data added

ERC4626-Alliance · Mar 1, 2023 · b33500b · b33500b
1 parent a858787
commit b33500b
Show file tree

Hide file tree

Showing 17 changed files with 3,817 additions and 2,925 deletions.
diff --git a/package.json b/package.json
@@ -49,9 +49,7 @@
   "dependencies": {
     "@vercel/analytics": "^0.1.5",
     "aos": "3.0.0-beta.6",
-    "axios": "1.1.3",
     "lite-youtube-embed": "0.2.0",
-    "moments": "0.0.2",
     "next": "12.3.3",
     "next-gtag": "0.2.0",
     "next-image-export-optimizer": "0.17.1",
@@ -61,7 +59,6 @@
     "react-icons": "4.6.0",
     "react-paginate": "8.1.4",
     "react-scroll": "1.8.8",
-    "react-tweet-embed": "2.0.0",
     "swr": "1.3.0"
   },
   "devDependencies": {

diff --git a/src/components/Block/Alliance.tsx b/src/components/Block/Alliance.tsx
@@ -4,6 +4,7 @@ import React from "react";
 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 (
@@ -13,11 +14,15 @@ function QuoteIcon(props: any) {
   );
 }
 
-export default function BlockAlliance() {
+export default function BlockAlliance({ fullScreen = false }: { fullScreen?: boolean }) {
   return (
-    <section id="testimonials" aria-label="What our customers are saying" className="to-white-100 bg-gradient-to-t from-pink-500 py-16 text-center">
+    <section
+      id="testimonials"
+      aria-label="What our customers are saying"
+      className={classNames("to-white-100 bg-gradient-to-t from-pink-500 py-16 text-center", fullScreen && "min-h-screen")}
+    >
       <Container>
-        <div className="text-slate-700 mx-auto max-w-5xl md:text-center">
+        <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">
             <strong>The 4626 Alliance</strong> is a group of leading protocols and applications that share the mission of supporting the development and deployment of
@@ -33,7 +38,7 @@ export default function BlockAlliance() {
                 <figure>
                   <QuoteIcon className="absolute top-6 left-6 fill-pink-100/40 group-hover:fill-white/70" />
                   <blockquote className="relative">
-                    <p className="text-right text-slate-700 text-lg">{testimonial.content}</p>
+                    <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>
@@ -42,11 +47,17 @@ export default function BlockAlliance() {
                         <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"
+                          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" />
                         </a>
                       </div>
+                      {fullScreen && <div className="flex items-center">
+                        <div className="mt-1 font-mono text-sm uppercase leading-[24px] text-slate-500 whitespace-nowrap">
+                          <strong>Funding:</strong> {testimonial.funding}
+                        </div>
+                      </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} />
@@ -58,11 +69,22 @@ export default function BlockAlliance() {
           ))}
         </ul>
         <div className="mt-4 flex justify-center md:mt-8">
-          <Link href="/about-us" prefetch>
-            <a className="inline-flex items-center justify-center whitespace-nowrap rounded-md shadow-sm bg-white px-8 py-5 text-xl font-medium text-pink-700 hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md">
-              Learn more about the 4626 Alliance
+          {fullScreen ? (
+            <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>
+          ) : (
+            <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>
+          )}
         </div>
       </Container>
     </section>

diff --git a/src/components/Block/Bounties.tsx b/src/components/Block/Bounties.tsx
@@ -1,49 +1,15 @@
 import AtomTitle from "@/components/Atom/Title";
 import Container from "@/components/Container";
-import Link from "next/link";
 
 export default function BlockBounties() {
   return (
-    <div className="bg-gradient-to-t from-pink-50 py-16 text-center" id="authors">
+    <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>
         </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">
-              <div className="flex items-center space-x-4 lg:space-x-8">
-                <div className="flex items-center">
-                  <div className="h-14 w-14">
-                    <div className="aspect-w-1 aspect-h-1 overflow-hidden rounded-full">
-                      <img className="object-cover" src="/images/logos/balancer.png" alt="Balancer" width="70" height="70" />
-                    </div>
-                  </div>
-                </div>
-                <div className="lg:w-[100px]">
-                  <div className="flex items-center">
-                    <div className="font-medium">Balancer</div>
-                  </div>
-                  <div className="text-sm text-gray-400">Name</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="text-sm text-gray-400">Description</div>
-              </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"
-              href="/bounty/makerdao/"
-            >
-              View bounty
-            </a>
-          </li>
           <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">
               <div className="flex items-center space-x-4 lg:space-x-8">
@@ -72,17 +38,21 @@ export default function BlockBounties() {
             </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"
-              href="/bounty/makerdao/"
+              target="_blank"
+              href="https://superform.notion.site/Gearbox-4626-Spec-0de0a498b171417e805759c896137bec"
+              rel="noreferrer nofollow"
             >
               View bounty
             </a>
           </li>
         </ul>
-        <Link href="/bounties" prefetch>
-          <a 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">
-            Explore bounties
-          </a>
-        </Link>
+        <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
+        </a>
       </Container>
     </div>
   );

diff --git a/src/components/Block/Supporters.tsx → src/components/Block/Ecosystem.tsx b/src/components/Block/Supporters.tsx → src/components/Block/Ecosystem.tsx
@@ -5,33 +5,31 @@ import { SupSingleAdopter } from "@/types";
 import supporters from "@json/supporters.json";
 import Link from "next/link";
 
-export default function Supporters() {
+export default function Ecosystem() {
   const adopters = supporters as Array<SupSingleAdopter[]>;
   return (
-    <div className="relative w-full overflow-hidden bg-gradient-to-b from-pink-50 py-16" id="supporters">
+    <div className="relative w-full overflow-hidden bg-gradient-to-b from-pink-50 py-16" id="ecosystem">
       <Container className="mx-auto max-w-7xl px-4 sm:px-6 md:w-full lg:px-8">
         <div className="mx-auto grid grid-cols-1 place-content-evenly items-center xl:grid-cols-3 2xl:grid-cols-2">
           <div className="col-span-1 px-8 text-left md:mx-auto md:max-w-2xl md:px-0 lg:pr-16 xl:max-w-none xl:text-left">
-            <AtomTitle alignText="left">ERC-4626 Supporters</AtomTitle>
-            <ul className="text-lg text-slate-700 list-inside leading-relaxed list-disc">
+            <AtomTitle alignText="left">ERC-4626 Ecosystem</AtomTitle>
+            <ul className="list-inside list-disc text-lg leading-relaxed text-slate-700">
               <li>Find all ERC 4626 Vaults deployed in our vault database.</li>
               <li>If you want to submit your own vault please provide details on it here, and we will get it added as soon as possible.</li>
             </ul>
             <div className="mt-4 flex flex-auto flex-col items-stretch space-y-4 md:mt-8 md:flex-row md:space-y-0 md:space-x-4">
-              <Link prefetch href="/vaults">
-                <a
-                  className="inline-flex items-center justify-center whitespace-nowrap rounded-md border border-pink-700 bg-white px-5 py-3 text-base font-medium text-pink-700 shadow-sm hover:transition-all md:hover:border-transparent md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
-                >
+              <Link href="/vaults">
+                <a className="inline-flex items-center justify-center whitespace-nowrap rounded-md border border-pink-700 bg-white px-5 py-3 text-base font-medium text-pink-700 shadow-sm hover:transition-all md:hover:border-transparent md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md">
                   Explore the Vaults
                 </a>
               </Link>
-              <Link href="/vaults" prefetch>
-                <a
-                  className="inline-flex items-center justify-center whitespace-nowrap rounded-md border border-pink-700 bg-white px-5 py-3 text-base font-medium text-pink-700 shadow-sm hover:transition-all md:hover:border-transparent md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md"
-                >
-                  Submit a Vault
-                </a>
-              </Link>
+              <a
+                href="https://forms.gle/gpCw7faY81Gp2AET9"
+                target="_blank"
+                className="inline-flex items-center justify-center whitespace-nowrap rounded-md border border-pink-700 bg-white px-5 py-3 text-base font-medium text-pink-700 shadow-sm hover:transition-all md:hover:border-transparent md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md" rel="noreferrer"
+              >
+                Submit a Vault
+              </a>
             </div>
           </div>
 

diff --git a/src/components/Block/Resources.tsx b/src/components/Block/Resources.tsx
@@ -43,7 +43,7 @@ export default function BlockResources() {
             <p className="mt-2 text-lg leading-relaxed text-pink-900">Relevant social media posts, articles, tweets and highlights about the ERC-4626 standard</p>
           </li>
         </ul>
-        <Link prefetch href="/resources">
+        <Link href="/resources">
           <a
             className="mt-16 inline-flex items-center justify-center whitespace-nowrap rounded-md shadow-sm bg-white px-8 py-5 text-xl font-medium text-pink-700 hover:transition-all md:hover:bg-pink-700 md:hover:text-white md:hover:shadow-md">
             Explore resources

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -9,10 +9,10 @@ import { isActive } from "../helpers/utils";
 const navigation = [
   { title: "Home", href: "/" },
   { title: "About Us", href: "/about-us" },
-  { section: "supporters", title: "Supporters", href: "/#supporters", isScroll: true, offset: -120 },
+  { section: "ecosystem", title: "Ecosystem", href: "/#ecosystem", isScroll: true, offset: -120 },
   { title: "Vaults", href: "/vaults" },
   { title: "Resources", href: "/resources" },
-  { title: "Bounties", href: "/bounties" },
+  { title: "Bounties", section: "bounties", href: "/#bounties", isScroll: true, offset: -120},
 ];
 
 export default function Header() {
@@ -43,7 +43,7 @@ export default function Header() {
                 </h2>
               </div>
             ) : (
-              <Link href="/" prefetch>
+              <Link href="/">
                 <a className="h-8 w-auto sm:h-10 md:hover:cursor-pointer" onClick={scrollToTop}>
                   <h2 className="text-4xl font-black tracking-tight text-gray-900 sm:text-4xl">
                     <span className="-mb-1 block bg-gradient-to-r from-pink-500 to-pink-900 bg-clip-text pb-1 text-transparent">4626 Alliance</span>

diff --git a/src/components/News.tsx b/src/components/News.tsx
@@ -7,11 +7,11 @@ import { classNames } from "../helpers/formatters";
 export default function News() {
   return (
     <div
-      className="w-full bg-gradient-to-r from-pink-700 to-pink-900 py-16"
+      className="w-full bg-gradient-to-t from-pink-100 py-16"
       id="news"
     >
       <Container>
-        <AtomTitle alignText="center" inverted={true}>
+        <AtomTitle alignText="center">
           ERC-4626 News
         </AtomTitle>
         <div className="mx-auto mt-8 grid grid-cols-1 gap-8 sm:text-left md:grid-cols-2 lg:grid-cols-3">

diff --git a/src/components/Standard.tsx b/src/components/Standard.tsx
@@ -0,0 +1,46 @@
+import AtomTitle from "@/components/Atom/Title";
+import Container from "@/components/Container";
+import Image from "next/future/image";
+
+export default function About() {
+  return <div className="relative overflow-hidden bg-white">
+    <div aria-hidden="true" className="absolute inset-x-0 top-4 h-48 " />
+    <Container>
+      <div className="mx-auto py-16 md:grid lg:grid-cols-12 lg:gap-20 lg:py-32">
+        <div className="md:col-span-5 md:text-left" data-aos="fade-right">
+          <AtomTitle>ERC-4626</AtomTitle>
+          <p className="mb-4 text-lg leading-relaxed text-slate-700">
+            <code className="mr-1  select-none rounded-lg bg-pink-100 px-2 py-1">ERC-4626</code>
+            is a tokenized vault standard. Vaults are smart contracts that take in token deposits and do something with those tokens to provide token rewards to the depositor.
+          </p>
+          <p className="mb-4 text-lg leading-relaxed text-slate-700">
+            Standardizing vault implementations makes it easier for applications, plugins, and tools to integrate with vaults.
+          </p>
+          <p className="mb-4 text-lg leading-relaxed text-slate-700">
+            Rather than building many custom adapters for each vault implementation, applications can easily build on top of any vault following the
+            <code className="mx-1 select-none whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1">ERC-4626</code>
+            standard.
+          </p>
+          <p className="text-lg leading-relaxed text-slate-700">
+            <code className="mr-1 select-none whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1">ERC-4626</code>
+            is to vaults what
+            <code className="mx-1 select-none  whitespace-nowrap rounded-lg bg-pink-100 px-2 py-1">ERC-721</code>
+            is to NFTs.
+          </p>
+        </div>
+        <div className="relative mt-12 h-auto w-full object-scale-down md:col-span-7" data-aos="fade-left">
+          <Image
+            priority={false}
+            unoptimized={true}
+            src="images/superCharged.svg"
+            width={823}
+            height={370}
+            loading="lazy"
+            className="w-full rounded-lg border border-pink-100 shadow-lg 2xl:h-full 2xl:w-auto"
+            alt="WHAT IS ERC-4626?"
+          />
+        </div>
+      </div>
+    </Container>
+  </div>;
+}