diff --git a/app/(pages)/(index-page)/_components/HeartButton/heartButton.tsx b/app/(pages)/(index-page)/_components/HeartButton/heartButton.tsx
new file mode 100644
index 0000000..398db7b
--- /dev/null
+++ b/app/(pages)/(index-page)/_components/HeartButton/heartButton.tsx
@@ -0,0 +1,70 @@
+'use client';
+
+import Link from 'next/link';
+import Image from 'next/image';
+
+export default function HeartButton({
+ text,
+ href,
+}: {
+ text: string;
+ href: string;
+}) {
+ return (
+
+ {/* static placeholder (hidden but preserves layout) */}
+
+
+ {/* animated heart coin */}
+
+
+ {/*
+ */}
+
+
+ {text}
+
+ {/* overlay */}
+
+
+ );
+}
diff --git a/app/(pages)/about-us/_components/AllAbout/AllAbout.tsx b/app/(pages)/about-us/_components/AllAbout/AllAbout.tsx
new file mode 100644
index 0000000..7f61403
--- /dev/null
+++ b/app/(pages)/about-us/_components/AllAbout/AllAbout.tsx
@@ -0,0 +1,72 @@
+import Image from 'next/image';
+
+export default function AllAbout() {
+ return (
+
+
+
+ What we're all about
+
+
+
+
+
+
+ Hands-on Learning
+
+
+
+ No matter which prompt you choose, each project provides hands-on
+ experience and an opportunity to explore a new discipline.
+
+
+
+
+
+
+
+ Inclusivity
+
+
+
+ We invite individuals of all backgrounds to learn new skills and
+ grow in an inclusive environment.
+
+
+
+
+
+
+
+ Impactful projects
+
+
+
+ Create meaningful, impactful, and innovative solutions that benefit
+ local and global communities.
+
+
+
+
+
+
+ );
+}
diff --git a/app/(pages)/about-us/page.tsx b/app/(pages)/about-us/page.tsx
index e887c9a..6b341cf 100644
--- a/app/(pages)/about-us/page.tsx
+++ b/app/(pages)/about-us/page.tsx
@@ -1,7 +1,10 @@
+import AllAbout from './_components/AllAbout/AllAbout';
+
export default function AboutUs() {
return (
);
}
diff --git a/app/(pages)/registration/_components/Create/create.tsx b/app/(pages)/registration/_components/Create/create.tsx
new file mode 100644
index 0000000..0a483f6
--- /dev/null
+++ b/app/(pages)/registration/_components/Create/create.tsx
@@ -0,0 +1,166 @@
+import Image from 'next/image';
+import HeartButton from '@app/(pages)/(index-page)/_components/HeartButton/heartButton';
+
+export default function create() {
+ return (
+
+ {/* Background decorative images - hidden on mobile */}
+
+
+
+
+ {/* First Section - Create for Social Good */}
+
+
+
+ {/* Frog + Yellow bar wrapper - side by side on mobile */}
+
+
+
+
+
+
+
+
+
+
+
+
+ create for social good
+
+
+
+ HackDavis challenges its participants to utilize tech for{' '}
+ social good ,
+ generating an opportunity for us to explore the{' '}
+
+ intersection between technology and society.
+
+
+
+ Creators from all backgrounds are welcome at HackDavis —{' '}
+
+ no coding or previous experience required.
+
+
+
+
+
+
+
+ {/* Second Section - Support Us & Rabbit */}
+
+ {/* Yellow background - desktop only */}
+
+
+
+
+ {/* Support Us card */}
+
+
+
+ support us!
+
+
+
+
+
+
+
+
+
+
+ {/* Rabbit section - desktop only */}
+
+
+
+
+
+
+
+ );
+}
diff --git a/app/(pages)/registration/page.tsx b/app/(pages)/registration/page.tsx
new file mode 100644
index 0000000..4a39736
--- /dev/null
+++ b/app/(pages)/registration/page.tsx
@@ -0,0 +1,9 @@
+import Create from './_components/Create/create';
+
+export default function Registration() {
+ return (
+
+
+
+ );
+}
diff --git a/package-lock.json b/package-lock.json
index 7220032..dd0b9fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1122,6 +1122,7 @@
"integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
"dev": true,
"license": "BSD-2-Clause",
+ "peer": true,
"dependencies": {
"@typescript-eslint/scope-manager": "6.21.0",
"@typescript-eslint/types": "6.21.0",
@@ -1609,6 +1610,7 @@
"integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
"dev": true,
"license": "MIT",
+ "peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -2054,6 +2056,7 @@
}
],
"license": "MIT",
+ "peer": true,
"dependencies": {
"baseline-browser-mapping": "^2.8.19",
"caniuse-lite": "^1.0.30001751",
@@ -2808,6 +2811,7 @@
"deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.2.0",
"@eslint-community/regexpp": "^4.6.1",
@@ -2891,6 +2895,7 @@
"integrity": "sha512-iI1f+D2ViGn+uvv5HuHVUamg8ll4tN+JRHGc6IJi4TP9Kl976C57fzPXgseXNs8v0iA8aSJpHsTWjDb9QJamGQ==",
"dev": true,
"license": "MIT",
+ "peer": true,
"bin": {
"eslint-config-prettier": "bin/cli.js"
},
@@ -2990,6 +2995,7 @@
"integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"@rtsao/scc": "^1.1.0",
"array-includes": "^3.1.8",
@@ -5642,6 +5648,7 @@
}
],
"license": "MIT",
+ "peer": true,
"dependencies": {
"nanoid": "^3.3.7",
"picocolors": "^1.1.1",
@@ -5800,6 +5807,7 @@
"integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
"dev": true,
"license": "MIT",
+ "peer": true,
"bin": {
"prettier": "bin/prettier.cjs"
},
@@ -5881,6 +5889,7 @@
"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"license": "MIT",
+ "peer": true,
"dependencies": {
"loose-envify": "^1.1.0"
},
@@ -5893,6 +5902,7 @@
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
"license": "MIT",
+ "peer": true,
"dependencies": {
"loose-envify": "^1.1.0",
"scheduler": "^0.23.2"
@@ -6301,6 +6311,7 @@
"resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz",
"integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==",
"license": "MIT",
+ "peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@@ -7171,6 +7182,7 @@
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"dev": true,
"license": "Apache-2.0",
+ "peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
@@ -7239,6 +7251,7 @@
"integrity": "sha512-6m1I5RmHBGTnUGS113G04DMu3CpSdxCAU/UvtjNWL4Nuf3MW9tQhiJqRlHzChIkhy6kZSAQmc+I1bcGjE3yNKg==",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"@typescript-eslint/scope-manager": "8.46.3",
"@typescript-eslint/types": "8.46.3",
diff --git a/public/Images/Create/HeartButton.svg b/public/Images/Create/HeartButton.svg
new file mode 100644
index 0000000..0559e52
--- /dev/null
+++ b/public/Images/Create/HeartButton.svg
@@ -0,0 +1,4 @@
+
+
+
+
diff --git a/public/Images/Create/bigyellowstar.svg b/public/Images/Create/bigyellowstar.svg
new file mode 100644
index 0000000..f20220a
--- /dev/null
+++ b/public/Images/Create/bigyellowstar.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/bluedonut.svg b/public/Images/Create/bluedonut.svg
new file mode 100644
index 0000000..f68e64b
--- /dev/null
+++ b/public/Images/Create/bluedonut.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/public/Images/Create/cheers.svg b/public/Images/Create/cheers.svg
new file mode 100644
index 0000000..d440c85
--- /dev/null
+++ b/public/Images/Create/cheers.svg
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/frog-background.svg b/public/Images/Create/frog-background.svg
new file mode 100644
index 0000000..d6d95f8
--- /dev/null
+++ b/public/Images/Create/frog-background.svg
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/glue.svg b/public/Images/Create/glue.svg
new file mode 100644
index 0000000..ab6a059
--- /dev/null
+++ b/public/Images/Create/glue.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/greenflower.svg b/public/Images/Create/greenflower.svg
new file mode 100644
index 0000000..e261712
--- /dev/null
+++ b/public/Images/Create/greenflower.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/public/Images/Create/pinkflower.svg b/public/Images/Create/pinkflower.svg
new file mode 100644
index 0000000..3bc5755
--- /dev/null
+++ b/public/Images/Create/pinkflower.svg
@@ -0,0 +1,3 @@
+
+
+
diff --git a/public/Images/Create/rabbit-background.svg b/public/Images/Create/rabbit-background.svg
new file mode 100644
index 0000000..657e573
--- /dev/null
+++ b/public/Images/Create/rabbit-background.svg
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/sm-frog-background.svg b/public/Images/Create/sm-frog-background.svg
new file mode 100644
index 0000000..3f9cccb
--- /dev/null
+++ b/public/Images/Create/sm-frog-background.svg
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/sm-rabbit-background.svg b/public/Images/Create/sm-rabbit-background.svg
new file mode 100644
index 0000000..01abccc
--- /dev/null
+++ b/public/Images/Create/sm-rabbit-background.svg
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/sm-yellow.svg b/public/Images/Create/sm-yellow.svg
new file mode 100644
index 0000000..68f2690
--- /dev/null
+++ b/public/Images/Create/sm-yellow.svg
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/support.svg b/public/Images/Create/support.svg
new file mode 100644
index 0000000..dabfc1e
--- /dev/null
+++ b/public/Images/Create/support.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/wave3.svg b/public/Images/Create/wave3.svg
new file mode 100644
index 0000000..49b2c02
--- /dev/null
+++ b/public/Images/Create/wave3.svg
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/Create/yellow.svg b/public/Images/Create/yellow.svg
new file mode 100644
index 0000000..b4dad98
--- /dev/null
+++ b/public/Images/Create/yellow.svg
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/chicken.svg b/public/Images/chicken.svg
new file mode 100644
index 0000000..b4d7ac6
--- /dev/null
+++ b/public/Images/chicken.svg
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/frog.svg b/public/Images/frog.svg
new file mode 100644
index 0000000..9ff45c0
--- /dev/null
+++ b/public/Images/frog.svg
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/Images/rabbit.svg b/public/Images/rabbit.svg
new file mode 100644
index 0000000..5d23ed6
--- /dev/null
+++ b/public/Images/rabbit.svg
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 1362b88..262fc5e 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,16 +1,27 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss';
export default {
content: [
- "./pages/**/*.{js,ts,jsx,tsx,mdx}",
- "./components/**/*.{js,ts,jsx,tsx,mdx}",
- "./app/**/*.{js,ts,jsx,tsx,mdx}",
+ './pages/**/*.{js,ts,jsx,tsx,mdx}',
+ './components/**/*.{js,ts,jsx,tsx,mdx}',
+ './app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
- background: "var(--background)",
- foreground: "var(--foreground)",
+ background: 'var(--background)',
+ foreground: 'var(--foreground)',
+ secondary: '#E5EEF1',
+ shadow: '#A6BFC7',
+ },
+ boxShadow: {
+ card: '4px 4px 0 0 #A6BFC7',
+ },
+ animation: {
+ 'spin-2': 'spin 2s linear infinite',
+ 'spin-4': 'spin 4s linear infinite',
+ 'spin-6': 'spin 6s linear infinite',
+ 'spin-10': 'spin 10s linear infinite',
},
},
},