feat: update website

MeshJS · May 2, 2024 · 8fffb66 · 8fffb66
1 parent 2ab88d5
commit 8fffb66
Show file tree

Hide file tree

Showing 8 changed files with 1,112 additions and 1,064 deletions.
diff --git a/packages/demo/components/pages/about/faq.tsx b/packages/demo/components/pages/about/faq.tsx
@@ -11,7 +11,7 @@ export default function AboutFaq() {
           <p className="mb-8 text-gray-500 lg:text-lg dark:text-gray-400">
             Ask us anything on our{' '}
             <a
-              href="https://discord.gg/Z6AH9dahdH"
+              href="https://discord.gg/WvnCNqmAxy"
               rel="noreferrer"
               className="link"
               target="_blank"
@@ -118,7 +118,7 @@ export default function AboutFaq() {
                   <p>
                     Connect and chat with us at our{' '}
                     <a
-                      href="https://discord.gg/Z6AH9dahdH"
+                      href="https://discord.gg/WvnCNqmAxy"
                       rel="noreferrer"
                       className="link"
                       target="_blank"
@@ -150,7 +150,7 @@ export default function AboutFaq() {
                   <p>
                     You can also ask questions on{' '}
                     <a
-                      href="https://discord.gg/Z6AH9dahdH"
+                      href="https://discord.gg/WvnCNqmAxy"
                       target="_blank"
                       rel="noreferrer"
                       className="link"

diff --git a/packages/demo/components/pages/about/hero.tsx b/packages/demo/components/pages/about/hero.tsx
@@ -17,7 +17,7 @@ export default function AboutHero() {
             easy.
           </p>
           {/* <a
-            href="https://discord.gg/Z6AH9dahdH"
+            href="https://discord.gg/WvnCNqmAxy"
             rel="noreferrer"
             className="inline-flex items-center py-3 px-5 font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
           >

diff --git a/packages/demo/components/pages/about/support/joinDiscord.tsx b/packages/demo/components/pages/about/support/joinDiscord.tsx
@@ -10,7 +10,7 @@ export default function JoinDiscord() {
             Come and talk to us in our Discord server.
           </p>
           <a
-            href="https://discord.gg/Z6AH9dahdH"
+            href="https://discord.gg/WvnCNqmAxy"
             className="inline-flex items-center text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-primary-900"
             target="_blank"
             rel="noreferrer"

diff --git a/packages/demo/components/site/footer.tsx b/packages/demo/components/site/footer.tsx
@@ -7,7 +7,7 @@ export default function Footer() {
   const socials = [
     {
       icon: <SvgDiscord className="w-5 h-5" />,
-      link: 'https://discord.gg/Z6AH9dahdH',
+      link: 'https://discord.gg/WvnCNqmAxy',
     },
     {
       icon: <SvgTwitter className="w-5 h-5" />,
@@ -96,6 +96,10 @@ function Sitemap() {
               href="/migration-manual-installation"
               label="Migration / Manual Installation"
             />
+            <SitemapLinks
+              href="https://docs.meshjs.dev/"
+              label="Technical Docs"
+            />
           </ul>
         </div>
         <div>
@@ -115,9 +119,20 @@ function Sitemap() {
               label="Minting and Burning Assets"
             />
             <SitemapLinks href="/apis/transaction/staking" label="Stake Pool" />
+            <SitemapLinks href="/apis/transaction/builderExample" label="Customized Transactions" />
+            <SitemapLinks href="/apis/transaction/builder" label="Low Level Transaction Builder" />
+
             <SitemapLinks href="/apis/resolvers" label="Resolvers" />
           </ul>
         </div>
+        <div>
+          <h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
+            Prebuilt Smart Contracts
+          </h2>
+          <ul className="text-gray-500 dark:text-gray-400">
+            <SitemapLinks href="/smart-contracts/marketplace" label="Marketplace" />
+          </ul>
+        </div>
         <div>
           <h2 className="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
             Useful building blocks

diff --git a/packages/demo/components/site/navbar.tsx b/packages/demo/components/site/navbar.tsx
@@ -26,10 +26,14 @@ import {
   CubeIcon,
   ListBulletIcon,
   LockClosedIcon,
+  AcademicCapIcon,
+  PlayCircleIcon,
 } from '@heroicons/react/24/solid';
 import SvgGithub from '../svgs/github';
 import SvgMesh from '../svgs/mesh';
 import { useRouter } from 'next/router';
+import SvgDiscord from '../svgs/discord';
+import SvgTwitter from '../svgs/twitter';
 
 export default function Navbar() {
   const [darkMode, setDarkMode] = useLocalStorage('darkmode', false);
@@ -84,6 +88,22 @@ export default function Navbar() {
             </span>
           </a>
           <div className="flex items-center lg:order-2">
+            <a
+              href="https://discord.gg/WvnCNqmAxy"
+              target="_blank"
+              rel="noreferrer"
+              className="p-2 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700"
+            >
+              <SvgDiscord className="w-6 h-6" />
+            </a>
+            <a
+              href="https://twitter.com/meshsdk"
+              target="_blank"
+              rel="noreferrer"
+              className="p-2 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700"
+            >
+              <SvgTwitter className="w-6 h-6" />
+            </a>
             <a
               href="https://github.com/MeshJS/mesh"
               target="_blank"
@@ -125,19 +145,14 @@ export default function Navbar() {
             id="mobile-menu-2`}
           >
             <ul className="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
-              {/* <NavLink href="/guides" label="Guides" /> */}
               <SubMenuGetStarted />
               <SubMenuWallet />
               <SubMenuTransaction />
               <SubMenuReact />
               <SubMenuSmartContracts />
-
-              {/* <NavLink href="/providers" label="Providers" /> */}
               <SubMenuUtilities />
-
-              {/* <SubMenuSmartContracts /> */}
+              <NavLink href="https://docs.meshjs.dev/" label="Docs" />
               <SubMenuAbout />
-              {/* <NavLink href="/about" label="About" /> */}
             </ul>
           </div>
         </div>
@@ -182,6 +197,24 @@ function SubMenuGetStarted() {
               desc="Install Mesh into your existing project"
               icon={<WrenchScrewdriverIcon className="w-5 h-5" />}
             />
+            <SubMenuLinks
+              href={`https://pbl.meshjs.dev/`}
+              title="Mesh Project Based Learning"
+              desc="Start your building journey"
+              icon={<AcademicCapIcon className="w-5 h-5" />}
+            />
+            <SubMenuLinks
+              href={`https://www.youtube.com/playlist?list=PLCCIAmutGEbdez44WwToVG9HMenViQszp`}
+              title="Mesh PBL Videos"
+              desc="Watch and Learn"
+              icon={<PlayCircleIcon className="w-5 h-5" />}
+            />
+            <SubMenuLinks
+              href={`https://www.youtube.com/playlist?list=PLCCIAmutGEbd5V3deH6wE1C_yMePvqsGy`}
+              title="Mesh Livecoding Videos"
+              desc="Livecoding on Gimbalabs"
+              icon={<PlayCircleIcon className="w-5 h-5" />}
+            />
           </ul>
         </div>
       </div>

diff --git a/packages/demo/pages/guides/smart-contract.tsx b/packages/demo/pages/guides/smart-contract.tsx
@@ -567,7 +567,7 @@ import { Transaction, Data, BlockfrostProvider, resolveDataHash } from '@meshsdk
             V2 features, Plutus minting and more. Mesh supports each of these
             features and we are continuously working on adding more guides and
             expanding the docs. If you have any issues please report them in our{' '}
-            <a href="https://discord.gg/Z6AH9dahdH">Discord</a> server or open
+            <a href="https://discord.gg/WvnCNqmAxy">Discord</a> server or open
             an issue on{' '}
             <a href="https://github.com/MeshJS/mesh">Mesh's Github page</a>.{' '}
           </p>

diff --git a/packages/docs/src/components/Footer.tsx b/packages/docs/src/components/Footer.tsx
@@ -127,7 +127,7 @@ function SmallPrint() {
         <SocialLink href="https://github.com/MeshJS" icon={GitHubIcon}>
           Follow us on GitHub
         </SocialLink>
-        <SocialLink href="https://discord.gg/Z6AH9dahdH" icon={DiscordIcon}>
+        <SocialLink href="https://discord.gg/WvnCNqmAxy" icon={DiscordIcon}>
           Join our Discord server
         </SocialLink>
       </div>