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 */} +
+ heart + {/* heart + Heart icon */} +
+ +

{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. +

+ + Frog mascot +
+ +
+

+ Inclusivity +

+ +

+ We invite individuals of all backgrounds to learn new skills and + grow in an inclusive environment. +

+ + Frog mascot +
+ +
+

+ Impactful projects +

+ +

+ Create meaningful, impactful, and innovative solutions that benefit + local and global communities. +

+ + Frog mascot +
+
+
+ ); +} 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 (

About Us

+
); } 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 */} + Glue Bottle + + Wave Background + + {/* First Section - Create for Social Good */} +
+ Big Yellow Star + + {/* Frog + Yellow bar wrapper - side by side on mobile */} +
+ Yellow Background + + Yellow Background + + Frog Background + + Frog Background +
+ +
+

+ 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. + +

+
+ + Green Flower +
+ + {/* Second Section - Support Us & Rabbit */} +
+ {/* Yellow background - desktop only */} + Yellow Background + + Small Surprised Bunny + + {/* Support Us card */} +
+
+

+ support us! +

+ + Gold Transparency 2024 Candid + + +
+ + Pink Flower +
+ + {/* Rabbit section - desktop only */} +
+ Surprised Bunny + + Blue Flower +
+
+
+ ); +} 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', }, }, },