From b7aba2263fe52028920c5df410aa69b201de3202 Mon Sep 17 00:00:00 2001
From: Julian Stosse <49611771+stoyse@users.noreply.github.com>
Date: Thu, 15 May 2025 18:47:59 +0200
Subject: [PATCH] Added Neighborhood Card (#1508)
---
components/index/cards/neighborhood.js | 162 +++++++++++++++++++++++++
pages/index.js | 6 +-
public/home/neighborhood-bg.mp4 | Bin 0 -> 639067 bytes
public/home/neighborhood-logo.png | Bin 0 -> 334428 bytes
4 files changed, 165 insertions(+), 3 deletions(-)
create mode 100644 components/index/cards/neighborhood.js
create mode 100644 public/home/neighborhood-bg.mp4
create mode 100644 public/home/neighborhood-logo.png
diff --git a/components/index/cards/neighborhood.js b/components/index/cards/neighborhood.js
new file mode 100644
index 00000000..7a20519b
--- /dev/null
+++ b/components/index/cards/neighborhood.js
@@ -0,0 +1,162 @@
+import CardModel from './card-model'
+import { Box, Flex, Grid, Image, Text } from 'theme-ui'
+import Buttons from './button'
+
+/** @jsxImportSource theme-ui */
+
+export default function Neighborhood() {
+ return (
+
+ {/* Background video without overlay */}
+
+
+ Your browser does not support the video tag.
+
+
+ {/* Logo image */}
+
+
+
+
+
+ Hack Club’s Neighborhood is a summer program for coders aged 18 or younger who build a new open-source project, track 100 hours with Hackatime, and earn a stay in San Francisco with flight, housing, and groceries covered.
+
+
+
+ Learn more
+
+
+ Apply now
+
+
+
+
+
+
+ The program includes:
+
+
+ • 100 hours of coding = free trip to SF
+ • Open to participants 18 and under
+ • Flight, housing, food included
+ • Connect with teen hackers
+
+
+
+
+
+ )
+}
diff --git a/pages/index.js b/pages/index.js
index 95acca6f..d18b94c2 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -41,6 +41,7 @@ import Haxidraw from '../components/index/cards/haxidraw'
import Onboard from '../components/index/cards/onboard'
import Trail from '../components/index/cards/trail'
import Scrapyard from '../components/index/cards/scrapyard'
+import Neighborhood from '../components/index/cards/neighborhood'
/** @jsxImportSource theme-ui */
function Page({
@@ -287,7 +288,7 @@ function Page({