hackclub · transcental · Dec 23, 2025 · Dec 23, 2025 · Dec 23, 2025 · Dec 23, 2025
diff --git a/components/index/cards/flavortown.js b/components/index/cards/flavortown.js
@@ -0,0 +1,109 @@
+import CardModel from './card-model'
+import { Box, Flex, Grid, Image, Text } from 'theme-ui'
+import Buttons from './button'
+
+/** @jsxImportSource theme-ui */
+
+export default function Flavortown() {
+  return (
+    <CardModel
+      color="white"
+      sx={{
+        background:
+          'url("https://flavortown.hackclub.com/assets/mask/project-card-bd9acd6b.webp"), linear-gradient(to top, rgba(123,73,66,0.9), rgba(123,73,66,0.9))',
+        borderRadius: '24px',
+        boxShadow: '0 8px 24px rgba(0, 0, 0, 0.1)'
+      }}
+      position={[null, 'bottom', 'bottom']}
+      visible={true}
+    >
+      <Grid
+        columns={[1, 1, '1.5fr 1fr']}
+        sx={{
+          position: 'relative',
+          alignItems: 'center',
+          zIndex: 2,
+          paddingInline: '50px'
+        }}
+      >
+        <Box sx={{ textAlign: ['left', 'left', 'left'] }}>
+          <Image
+            src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/78c8f69432a9421d_flavortown-logo.png"
+            alt="Flavortown Text Logo"
+            sx={{
+              height: '70px'
+            }}
+          />
+
+          <Text
+            variant="subtitle"
+            sx={{
+              color: '#f0dcc8ff',
+              fontSize: ['18px', '20px'],
+              fontWeight: 500,
+              lineHeight: 1.5,
+              mb: 3,
+              display: 'block',
+              textAlign: 'left'
+            }}
+          >
+            Make a website, game, hardware project, or anything your heart
+            desires, share your project for others to experience and to get
+            cookies - our virtual currency, and exchange your cookies for iPads,
+            MacBooks, Raspberry Pis and so many more things - all for free!
+          </Text>
+          <Buttons
+            id="join-flavortown"
+            icon="enter"
+            link="https://flavortown.hackclub.com/?ref=site-1"
+            primary="#D1525B"
+            color="white"
+          >
+            Start Cooking
+          </Buttons>
+        </Box>
+
+        <Flex sx={{ justifyContent: 'center', alignItems: 'center' }}>
+          <Box
+            sx={{
+              position: 'relative',
+              height: '200px',
+              width: '100%',
+              display: ['none', 'none', 'block', 'block'],
+              '@keyframes breathe': {
+                '0%': { transform: 'scale(1)' },
+                '50%': { transform: 'scale(1.15) rotate(10deg)' },
+                '100%': { transform: 'scale(1)' }
+              }
+            }}
+          >
+            <Image
+              alt="Flavortown Logo"
+              src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/0256e44f53eb79e4_logo-b28e0e8b.avif"
+              sx={{
+                position: 'absolute',
+                top: '-150px',
+                right: '-40px',
+                width: '250px',
+                rotate: '-15deg',
+                animation: 'breathe infinite 3.5s ease'
+              }}
+            />
+            <Image
+              alt="Flavortown Sticker"
+              src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/b36ee8d6ceeea5f9_sticker.png"
+              sx={{
+                position: 'absolute',
+                bottom: '-80px',
+                right: '80px',
+                width: '170px',
+                animation: 'breathe infinite 4s 1s ease-in-out',
+                rotate: '5deg'
+              }}
+            />
+          </Box>
+        </Flex>
+      </Grid>
+    </CardModel>
+  )
+}
diff --git a/lib/cta.json b/lib/cta.json
@@ -1,4 +1,5 @@
-[{
+[
+    {
         "title": "Blueprint",
         "logo": "https://hc-cdn.hel1.your-objectstorage.com/s/v3/c06427309a3db7299065c0a41f1e8cc70531f0a9_blueprint.png",
         "background": "#0e305b",
@@ -10,16 +11,6 @@
         "buttonColor": "rgb(50, 70, 110)",
         "link": "https://blueprint.hackclub.com/?utm_source=cta"
     },
-    {
-        "title": "Moonshot",
-        "logo": "https://hc-cdn.hel1.your-objectstorage.com/s/v3/bb539d76681c26f45247d69cdab86d9d863a1a95_image_105.png",
-        "background": "#4d5c85",
-        "description": "4-day hackathon in Orlando, Florida w/ a FREE visit to NASA and Universal Studios!",
-        "descriptionColor": "white",
-        "buttonText": "JOIN",
-        "buttonColor": "rgb(50, 70, 110)",
-        "link": "https://moonshot.hackclub.com/?t=web"
-    },
     {
         "title": "Midnight",
         "logo": "https://hc-cdn.hel1.your-objectstorage.com/s/v3/b2f4135894a031a645b0079c66c8a54069c472ed_image.png",
@@ -30,5 +21,16 @@
         "buttonText": "RSVP",
         "buttonColor": "#F24B4B",
         "link": "https://midnight.hackclub.com"
+    },
+    {
+        "title": "Flavortown",
+        "logo": "https://hc-cdn.hel1.your-objectstorage.com/s/v3/78c8f69432a9421d_flavortown-logo.png",
+        "background": "#7B4942",
+        "stickerImage": "https://hc-cdn.hel1.your-objectstorage.com/s/v3/0256e44f53eb79e4_logo-b28e0e8b.avif",
+        "description": "Cook tasty personal projects, win free prizes!",
+        "descriptionColor": "white",
+        "buttonText": "JOIN NOW",
+        "buttonColor": "#AD7858",
+        "link": "https://flavortown.hackclub.com/?ref=site-0"
     }
-]
+]
diff --git a/package.json b/package.json
@@ -110,4 +110,4 @@
     "typescript": "^5.8.2"
   },
   "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}
diff --git a/pages/index.js b/pages/index.js
@@ -43,6 +43,7 @@ import Onboard from '../components/index/cards/onboard'
 import Blueprint from '../components/index/cards/blueprint'
 import Moonshot from '../components/index/cards/moonshot'
 import Milkyway from '../components/index/cards/milkyway'
+import Flavortown from '../components/index/cards/flavortown'
 import Aces from '../components/index/cards/aces'
 import Highway from '../components/index/cards/highway'
 import Shipwrecked from '../components/index/cards/shipwrecked'
@@ -412,7 +413,8 @@ function Page({
                     marginBottom: 'auto',
                     alignSelf: 'center',
                     color: 'white',
-                    textShadow: 'rgba(0, 0, 0, 1) 0 0 10px, rgba(0, 0, 0, 1) 0 0 10px, rgba(0, 0, 0, 0.5) 0 0 10px'
+                    textShadow:
+                      'rgba(0, 0, 0, 1) 0 0 10px, rgba(0, 0, 0, 1) 0 0 10px, rgba(0, 0, 0, 0.5) 0 0 10px'
                   }}
                 >
                   Or, check out our programs:
@@ -436,7 +438,7 @@ function Page({
                   fontSize: [1, '16px', '18px'],
                   backdropFilter: 'blur(2px)',
                   fontWeight: 'normal',
-                  zIndex: 999,
+                  zIndex: 999
                 }}
                 as="a"
                 href="#spotlight"
@@ -834,8 +836,9 @@ function Page({
                 and make things together!
               </Text>
             </Box>
-            <Aces/>                  
-            <Milkyway/>
+            <Flavortown />
+            <Aces />
+            <Milkyway />
             <Moonshot />
             <Blueprint
               blueprintData={blueprintData}
@@ -1408,7 +1411,7 @@ export async function getStaticProps() {
   const { fetchGitHub } = require('./api/github')
   // let gitHubData = await fetchGitHub()
 
-    let gitHubData = null
+  let gitHubData = null
 
   // GitHub: get latest GitHub stars
   const { fetchStars } = require('./api/stars')

diff --git a/yarn.lock b/yarn.lock
@@ -9870,4 +9870,4 @@ zwitch@^1.0.0:
 zwitch@^2.0.0, zwitch@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz"
-  integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==
+  integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==
-Original file line number
+Diff line change
@@ Expand Up / @@ -110,4 +110,4 @@ @@
         "typescript": "^5.8.2"
       },
       "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-    }
+    }