diff --git a/apps/dashboard/redirects.js b/apps/dashboard/redirects.js index dd26430b833..d8881c4fe0f 100644 --- a/apps/dashboard/redirects.js +++ b/apps/dashboard/redirects.js @@ -295,6 +295,12 @@ async function redirects() { destination: "/", permanent: false, }, + // redirect /community to /community/ambassadors + { + source: "/community", + destination: "/community/ambassadors", + permanent: false, + }, ...legacyDashboardToTeamRedirects, ]; } diff --git a/apps/dashboard/src/components/community/CommunityCard.tsx b/apps/dashboard/src/components/community/CommunityCard.tsx deleted file mode 100644 index 97ed8a29a28..00000000000 --- a/apps/dashboard/src/components/community/CommunityCard.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import { Flex, LinkBox, LinkOverlay } from "@chakra-ui/react"; -import { ChakraNextImage } from "components/Image"; -import { Card, Heading, Text } from "tw-components"; - -interface CommunityCardProps { - image: string; - link: string; - title: string; - description: string; -} - -export const CommunityCard: React.FC = ({ - image, - link, - title, - description, -}) => { - return ( - - -
- -
- - - - {title} - - {description && {description}} - -
-
- ); -}; diff --git a/apps/dashboard/src/page-id.ts b/apps/dashboard/src/page-id.ts index 3b882a3ab1a..0fb1665f21f 100644 --- a/apps/dashboard/src/page-id.ts +++ b/apps/dashboard/src/page-id.ts @@ -64,6 +64,5 @@ export enum PageId { // community pages // --------------------------------------------------------------------------- Ambassadors = "ambassadors", - Community = "community", StartupProgram = "startup-program", } diff --git a/apps/dashboard/src/pages/community/index.tsx b/apps/dashboard/src/pages/community/index.tsx deleted file mode 100644 index a95b754146e..00000000000 --- a/apps/dashboard/src/pages/community/index.tsx +++ /dev/null @@ -1,394 +0,0 @@ -import { useForceDarkTheme } from "@/components/theme-provider"; -import { Box, Container, Flex, SimpleGrid } from "@chakra-ui/react"; -import { ChakraNextImage } from "components/Image"; -import { CommunityCard } from "components/community/CommunityCard"; -import { HomepageFooter } from "components/footer/Footer"; -import { Aurora } from "components/homepage/Aurora"; -import { HomepageTopNav } from "components/product-pages/common/Topnav"; -import { useTrack } from "hooks/analytics/useTrack"; -import { ZapIcon } from "lucide-react"; -import { NextSeo } from "next-seo"; -import { PageId } from "page-id"; -import { Heading, LinkButton, Text } from "tw-components"; -import type { ThirdwebNextPage } from "utils/types"; - -const TRACKING_CATEGORY = "community"; - -const SEO = { - title: "Join the Best Web3 Community | Learn, Build, Grow", - description: - "Join the thirdweb community and share your web3 journey alongside 35,000+ other builders. Learn, build, & grow with thirdweb.", -}; - -const communitySections = [ - { - title1: "Learn", - title2: "web3 development", - description: - "Our mission is to foster a community of web3 enthusiasts to drive innovation together through learning and development efforts.", - cards: [ - { - image: "/assets/community/home/learn.svg", - link: "/learn", - title: "thirdweb learn", - description: "", - }, - { - image: "/assets/community/home/events.svg", - link: "/events", - title: "Events", - description: "", - }, - { - image: "/assets/community/home/office-hours.svg", - link: "https://lu.ma/tw-office-hours", - title: "Office Hours", - description: "", - }, - ], - }, - { - title1: "Build", - title2: "innovative projects", - description: - "From hackathons to bounties, open source to community projects, there are so many ways to build no matter your level of contribution. ", - cards: [ - { - image: "/assets/community/home/hackathon.svg", - link: "/events", - title: "Hackathons", - description: "", - }, - { - image: "/assets/community/home/bug-bounty.svg", - link: "https://thirdweb.notion.site/thirdweb-Bug-Bounty-Program-f78d1db776ab4f0e974c9da176fcf706", - title: "Bug Bounty", - description: "", - }, - { - image: "/assets/community/home/oss.svg", - link: "/open-source", - title: "Open Source", - description: "", - }, - ], - }, - { - title1: "Join", - title2: "the community", - description: - "Explore programs to educate, host events, and showcase your achievements - together, we can take the web3 community to new heights!", - cards: [ - { - image: "/assets/community/home/ambassadors.svg", - link: "/ambassadors", - title: "Ambassadors", - description: "", - }, - - { - image: "/assets/community/home/discord.png", - link: "https://discord.gg/thirdweb", - title: "Join Discord", - description: "", - }, - ], - }, -]; - -// NOTE: don't dynamically generate this - keep the duplications -const galleryImages = [ - require("../../../public/assets/community/gallery/1.png"), - require("../../../public/assets/community/gallery/2.png"), - require("../../../public/assets/community/gallery/3.png"), - require("../../../public/assets/community/gallery/4.png"), - require("../../../public/assets/community/gallery/5.png"), - require("../../../public/assets/community/gallery/6.png"), - require("../../../public/assets/community/gallery/7.png"), - require("../../../public/assets/community/gallery/8.png"), - require("../../../public/assets/community/gallery/9.png"), -]; - -const Community: ThirdwebNextPage = () => { - const trackEvent = useTrack(); - useForceDarkTheme(); - - return ( - <> - - - - - - - -
- - A decentralized internet begins -
with{" "} - - decentralized talent. - -
- - - - trackEvent({ - category: TRACKING_CATEGORY, - action: "click", - title: "join-the-community", - }) - } - background="white" - _hover={{ - background: "white", - color: "#000", - }} - color="#000" - fontSize="larger" - leftIcon={} - isExternal - noIcon - > - Join the community - - - - trackEvent({ - category: TRACKING_CATEGORY, - action: "click", - title: "partner-with-us", - }) - } - variant="outline" - fontSize="larger" - h={12} - > - Get In Touch - - -
-
- - {communitySections.map( - ({ title1, title2, cards, description }, i) => ( - - - - - - {title1}{" "} - - {title2} - - - - - {description} - - - - {cards.map( - ({ - image, - title: cardTitle, - link, - description: cardDescription, - }) => ( - - ), - )} - - - - ), - )} - - - - - - - and most importantly...{" "} - - have fun! - - - - - {Array.from({ length: 9 }).map((_, i) => ( - - ))} - - - -
- - Start{" "} - - building{" "} - - today. - - - - - trackEvent({ - category: TRACKING_CATEGORY, - action: "click", - title: "join-the-community", - }) - } - background="white" - _hover={{ - background: "white", - color: "#000", - }} - color="#000" - fontSize="larger" - leftIcon={} - isExternal - noIcon - > - Join the community - - - - trackEvent({ - category: TRACKING_CATEGORY, - action: "click", - title: "partner-with-us", - }) - } - variant="outline" - fontSize="larger" - h={12} - > - Get In Touch - - -
- - -
- - ); -}; - -Community.pageId = PageId.Community; - -export default Community;