Skip to content

Commit 194edfe

Browse files
Darkflame72Darkflame72
committed
feat: improve sponsor
1 parent b681a7a commit 194edfe

File tree

10 files changed

+80
-49
lines changed

10 files changed

+80
-49
lines changed

‎public/sponsorship-handout.pdf

-5.07 MB
Binary file not shown.

‎renovate.json

+1-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
{
22
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
3-
"extends": [
4-
"config:base"
5-
]
3+
"extends": ["config:best-practices"]
64
}

‎src/components/Contact.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ interface Props {
1111
const { title, contactImage, email, phone } = Astro.props;
1212
---
1313

14-
<div class="max-w-7xl px-4 lg:px-6 py-12 lg:py-24 mx-auto">
14+
<div class="max-w-7xl px-4 lg:px-6 py-12 lg:py-24 mx-auto" id="contact">
1515
<div class="mb-6 sm:mb-10 max-w-2xl text-center mx-auto">
1616
<h2 class="font-medium text-primary text-2xl sm:text-4xl">{title}</h2>
1717
</div>

‎src/components/Head.astro

+2-2
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ const appleTouchIcon = await getImage({
5353
<link rel="canonical" href={canonical} />
5454
<title>{title} | Tūhura Tech</title>
5555

56-
<meta property="og:locale" content="en_US" />
56+
<meta property="og:locale" content="en_NZ" />
5757
<meta property="og:url" content={URL} />
5858
<meta property="og:type" content="website" />
5959
<meta property="og:title" content={ogTitle} />
@@ -80,5 +80,5 @@ const appleTouchIcon = await getImage({
8080
<link href={appleTouchIcon.src} rel="apple-touch-icon" />
8181
<link href={appleTouchIcon.src} rel="shortcut icon" />
8282

83-
<meta name="theme-color" content="#facc15" />
83+
<meta name="theme-color" content="#6aa469" />
8484
</head>

‎src/components/Hero.astro

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import heroImage from "@images/hero.avif";
1717

1818
<div class="mt-7 grid gap-3 w-full sm:inline-flex">
1919
<a
20-
class="py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none"
20+
class="py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-secondary text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none"
2121
href="/what-we-do"
2222
>
2323
What We Do

‎src/components/People.astro

+8-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
import { type Person } from "../data";
3+
import { Image } from "astro:assets";
34
45
interface Props {
56
title: string;
@@ -35,11 +36,13 @@ import { Icon } from "astro-icon/components";
3536
people.map((person) => (
3637
<div class="flex flex-col rounded-xl p-4 md:p-6 bg-white border border-gray-200 dark:bg-neutral-900 dark:border-neutral-700">
3738
<div class="flex items-center gap-x-4">
38-
<img
39-
class="rounded-full size-20"
40-
src="https://static.wixstatic.com/media/ae8659_fe972254d04c4ee2ab48af1a0b73a1c7~mv2.jpeg/v1/crop/x_0,y_252,w_1935,h_1939/fill/w_292,h_292,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/LeonHeadshot.jpeg"
41-
alt="Image Description"
42-
/>
39+
{person.image && (
40+
<Image
41+
src={person.image}
42+
alt="Group of rangatahi"
43+
class="rounded-full size-20"
44+
/>
45+
)}
4346
<div class="grow">
4447
<h3 class="font-medium text-secondary">{person.name}</h3>
4548
<p class="text-xs uppercase text-gray-500 dark:text-neutral-500">

‎src/components/Pricing.astro

+51-29
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,70 @@
11
---
22
interface Props {
3-
tiers: { title: string; amount: string; desc: string[] }[];
3+
tiers: {
4+
title: string;
5+
amount: string;
6+
description: string;
7+
items: string[];
8+
}[];
49
}
510
const { tiers } = Astro.props;
611
---
712

813
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
914
<div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
10-
<h2 class="text-2xl font-bold md:text-4xl md:leading-tight text-primary">
11-
Join as a Sponsor
15+
<h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">
16+
Join as Sponsor
1217
</h2>
1318
<p class="mt-1 text-gray-600 dark:text-neutral-400">
1419
Our mahi relies on sponsorship from organisations and people like you who
1520
directly help build the future.
1621
</p>
1722
</div>
1823

19-
<div
20-
class="relative before:absolute before:inset-0 before:-z-[1] before:bg-[radial-gradient(closest-side,#cbd5e1,transparent)] dark:before:bg-[radial-gradient(closest-side,#525252,transparent)] mt-12"
21-
>
22-
<div class="grid gap-px sm:grid-cols-2 lg:grid-cols-4 lg:items-center">
23-
{
24-
tiers.map((tier) => (
25-
<div class="flex flex-col h-full text-center">
26-
<div class="bg-white pt-8 pb-5 px-8 dark:bg-neutral-900">
27-
<h4 class="font-medium text-lg text-secondary">{tier.title}</h4>
28-
</div>
24+
<div class="mt-12 grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:items-center">
25+
{
26+
tiers.map((tier) => (
27+
<div class="flex flex-col border border-gray-200 text-center rounded-xl p-8 dark:border-neutral-800">
28+
<h4 class="font-medium text-lg text-gray-800 dark:text-neutral-200">
29+
{tier.title}
30+
</h4>
31+
<span class="mt-7 font-bold text-5xl text-gray-800 dark:text-neutral-200">
32+
{tier.amount}
33+
</span>
34+
<p class="mt-2 text-sm text-gray-500 dark:text-neutral-500">
35+
{tier.description}
36+
</p>
2937

30-
<div class="h-full bg-white lg:mt-px lg:py-5 px-8 dark:bg-neutral-900">
31-
<span class="mt-7 font-bold text-5xl text-gray-800 dark:text-neutral-200">
32-
{tier.amount}
33-
</span>
34-
</div>
38+
<ul class="mt-7 space-y-2.5 text-sm">
39+
{tier.items.map((item) => (
40+
<li class="flex space-x-2">
41+
<svg
42+
class="flex-shrink-0 mt-0.5 size-4 text-blue-600 dark:text-blue-500"
43+
xmlns="http://www.w3.org/2000/svg"
44+
width="24"
45+
height="24"
46+
viewBox="0 0 24 24"
47+
fill="none"
48+
stroke="currentColor"
49+
stroke-width="2"
50+
stroke-linecap="round"
51+
stroke-linejoin="round"
52+
>
53+
<polyline points="20 6 9 17 4 12" />
54+
</svg>
55+
<span class="text-gray-800 dark:text-neutral-400">{item}</span>
56+
</li>
57+
))}
58+
</ul>
3559

36-
<div class="bg-white flex justify-center lg:mt-px pt-7 px-8 dark:bg-neutral-900">
37-
<ul class="space-y-2.5 text-center text-sm">
38-
{tier.desc.map((item) => (
39-
<li class="text-gray-800 dark:text-neutral-400">{item}</li>
40-
))}
41-
</ul>
42-
</div>
43-
</div>
44-
))
45-
}
46-
</div>
60+
<a
61+
class="mt-5 py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-gray-200 text-gray-500 hover:border-blue-600 hover:text-blue-600 disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-neutral-400 dark:hover:text-blue-500 dark:hover:border-blue-600"
62+
href="#contact"
63+
>
64+
Sponsor Us
65+
</a>
66+
</div>
67+
))
68+
}
4769
</div>
4870
</div>

‎src/data.ts

+2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import ogImageSrc from "@images/hero.avif";
2+
import nixHeadShot from "@images/people/nixia.jpeg";
23

34
interface Link {
45
label: string;
@@ -125,6 +126,7 @@ export const people: Person[] = [
125126
role: "Volunteer - Graphic Designer",
126127
about:
127128
"A passionate graphical designer, Nixia is responsible for all of our graphics and generously donates her time and skills to make our content look professional and clear. They originally designed our Logo and now actively support us on all materials.",
129+
image: nixHeadShot,
128130
},
129131
{
130132
name: "Abhishek Rameshanand",

‎src/images/people/nixia.jpeg

3.62 MB
Loading

‎src/pages/support.astro

+14-8
Original file line numberDiff line numberDiff line change
@@ -8,34 +8,40 @@ const title = "Support Us";
88
99
const tiers = [
1010
{
11-
title: "Sponsor a Session",
11+
title: "Session Sponsor",
12+
description: "Sponsor a session at a location for a year.",
1213
amount: "$5,000",
13-
desc: ["8-16 rangatahi", "1 session location for a year"],
14+
items: ["8-16 rangatahi", "1 session location for a year"],
1415
},
1516
{
16-
title: "Sponsor ",
17+
title: "Supporter",
18+
description: "Sponsor a session at a location for a year.",
1719
amount: "$10,000",
18-
desc: ["8-16 rangatahi", "1 session location for a year"],
20+
items: ["8-16 rangatahi", "1 session location for a year"],
1921
},
2022
{
2123
title: "Bronze",
24+
description: "Sponsor a session at a location for a year.",
2225
amount: "$25,000",
23-
desc: ["8-16 rangatahi", "1 session location for a year"],
26+
items: ["8-16 rangatahi", "1 session location for a year"],
2427
},
2528
{
2629
title: "Silver",
30+
description: "Sponsor a session at a location for a year.",
2731
amount: "$50,000",
28-
desc: ["8-16 rangatahi", "1 session location for a year"],
32+
items: ["8-16 rangatahi", "1 session location for a year"],
2933
},
3034
{
3135
title: "Gold",
36+
description: "Sponsor a session at a location for a year.",
3237
amount: "$100,000",
33-
desc: ["8-16 rangatahi", "1 session location for a year"],
38+
items: ["8-16 rangatahi", "1 session location for a year"],
3439
},
3540
{
3641
title: "Diamond",
42+
description: "Sponsor a session at a location for a year.",
3743
amount: "$250,000",
38-
desc: ["8-16 rangatahi", "1 session location for a year"],
44+
items: ["8-16 rangatahi", "1 session location for a year"],
3945
},
4046
];
4147
---

0 commit comments

Comments
 (0)