From 847be1fb493a86700967058b9b43b46f4bd38143 Mon Sep 17 00:00:00 2001 From: simon Date: Wed, 6 May 2026 22:11:08 +1200 Subject: [PATCH 1/5] feat: add donations top text section --- src/app/(frontend)/support-us/page.tsx | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/src/app/(frontend)/support-us/page.tsx b/src/app/(frontend)/support-us/page.tsx index 4e8e356..0c69a46 100644 --- a/src/app/(frontend)/support-us/page.tsx +++ b/src/app/(frontend)/support-us/page.tsx @@ -1,3 +1,27 @@ +import Link from 'next/link' export default function SupportUsPage() { - return
This is the support us page
+ return ( +
+
+
+
+

Donations

+

+ We are grateful for the donations and grants from our major supporters and for the + generosity of others. Every donation is appreciated and helpful.
+ Auckland Youth Orchestra Incorporated is a registered charity, CC45382, and is an + IRD-registered Donee Organisation for tax credits on donations. +

+

+ Click here to{' '} + + donate + {' '} + (one-off), or explore below. +

+
+
+
+
+ ) } From a5bcfc00611e935385d16604640645af2a8c081b Mon Sep 17 00:00:00 2001 From: simon Date: Wed, 6 May 2026 22:56:57 +1200 Subject: [PATCH 2/5] feat: add donationblock component --- .../(frontend)/components/DonationBlock.tsx | 29 +++++++++++++++++++ src/app/(frontend)/support-us/page.tsx | 24 ++++++++++++++- 2 files changed, 52 insertions(+), 1 deletion(-) create mode 100644 src/app/(frontend)/components/DonationBlock.tsx diff --git a/src/app/(frontend)/components/DonationBlock.tsx b/src/app/(frontend)/components/DonationBlock.tsx new file mode 100644 index 0000000..05821c6 --- /dev/null +++ b/src/app/(frontend)/components/DonationBlock.tsx @@ -0,0 +1,29 @@ +import React from 'react' +import Link from 'next/link' +const DonationBlock = ({ + tierName, + description, + linkText, + linkUrl, +}: { + tierName: string + description: string + linkText: string + linkUrl: string +}) => { + return ( +
+
+

{tierName}

+
+
+

{description}

+
+
+ {linkText} +
+
+ ) +} + +export default DonationBlock diff --git a/src/app/(frontend)/support-us/page.tsx b/src/app/(frontend)/support-us/page.tsx index 0c69a46..e7ee702 100644 --- a/src/app/(frontend)/support-us/page.tsx +++ b/src/app/(frontend)/support-us/page.tsx @@ -1,5 +1,15 @@ import Link from 'next/link' +import DonationBlock from '../components/DonationBlock' export default function SupportUsPage() { + const tierArray = [ + { + tierName: 'Subscriber', + description: + 'Subscribers pay an annual subscription of $25.00 as a donation towards our ongoing work and their names are listed in our printed concert programmes. They automatically become Members of the incorporated society and, as such, are entitled to attend General Meetings and vote.', + linkText: 'Register', + linkUrl: '', + }, + ] return (
@@ -12,13 +22,25 @@ export default function SupportUsPage() { Auckland Youth Orchestra Incorporated is a registered charity, CC45382, and is an IRD-registered Donee Organisation for tax credits on donations.

-

+

Click here to{' '} donate {' '} (one-off), or explore below.

+
+ {tierArray.map((tier, index) => ( +
+ +
+ ))} +
From e48fd015220d041038641ea5fb0ffe239fbb9887 Mon Sep 17 00:00:00 2001 From: limmcary Date: Sun, 10 May 2026 12:09:52 +1200 Subject: [PATCH 3/5] refactor: renaming description prop to decriptionContent and changing its 'type' to ReactNode so that we can format the supporter description --- .../(frontend)/components/DonationBlock.tsx | 6 +++--- src/app/(frontend)/support-us/page.tsx | 18 +++++++++++++++--- 2 files changed, 18 insertions(+), 6 deletions(-) diff --git a/src/app/(frontend)/components/DonationBlock.tsx b/src/app/(frontend)/components/DonationBlock.tsx index 05821c6..b0e3e2d 100644 --- a/src/app/(frontend)/components/DonationBlock.tsx +++ b/src/app/(frontend)/components/DonationBlock.tsx @@ -2,12 +2,12 @@ import React from 'react' import Link from 'next/link' const DonationBlock = ({ tierName, - description, + descriptionContent, linkText, linkUrl, }: { tierName: string - description: string + descriptionContent: React.ReactNode linkText: string linkUrl: string }) => { @@ -17,7 +17,7 @@ const DonationBlock = ({

{tierName}

-

{description}

+ {descriptionContent}
{linkText} diff --git a/src/app/(frontend)/support-us/page.tsx b/src/app/(frontend)/support-us/page.tsx index e7ee702..83e18af 100644 --- a/src/app/(frontend)/support-us/page.tsx +++ b/src/app/(frontend)/support-us/page.tsx @@ -4,8 +4,20 @@ export default function SupportUsPage() { const tierArray = [ { tierName: 'Subscriber', - description: - 'Subscribers pay an annual subscription of $25.00 as a donation towards our ongoing work and their names are listed in our printed concert programmes. They automatically become Members of the incorporated society and, as such, are entitled to attend General Meetings and vote.', + descriptionContent: ( +

'Subscribers pay an annual subscription of $25.00 as a donation towards our ongoing work and their names + are listed in our printed concert programmes. + They automatically become Members of the incorporated society + and, as such, are entitled to attend General Meetings and vote.'

+ ), + linkText: 'Register', + linkUrl: '', + }, + { + tierName: 'Supporter', + descriptionContent: ( +

Supporters donate a minimum of $75.00 and, to show our appreciation for their support:

+ ), linkText: 'Register', linkUrl: '', }, @@ -34,7 +46,7 @@ export default function SupportUsPage() {
From af44a0423fa982ffbd020933a980b6bc072c0007 Mon Sep 17 00:00:00 2001 From: limmcary Date: Sun, 10 May 2026 12:26:19 +1200 Subject: [PATCH 4/5] feat: adding the formatting to supporter description content reactnode --- src/app/(frontend)/support-us/page.tsx | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/src/app/(frontend)/support-us/page.tsx b/src/app/(frontend)/support-us/page.tsx index 83e18af..0370cdc 100644 --- a/src/app/(frontend)/support-us/page.tsx +++ b/src/app/(frontend)/support-us/page.tsx @@ -16,7 +16,30 @@ export default function SupportUsPage() { { tierName: 'Supporter', descriptionContent: ( -

Supporters donate a minimum of $75.00 and, to show our appreciation for their support:

+ <> +

Supporters donate a minimum of $75.00 and, to show our appreciation for their support:

+ +
    +
  • Their names are listed in the printed programmes (unless anonymity is requested); and,
    • +
  • Some of the best seats are cordoned off exclusively for them at the free Auckland Town Hall concerts. 
    • +
+ +
+
+ General Supporter + $75.00+ +
+
+ Special Supporter + $500.00+ +
+
+ General Supporter + $5,000.00+ +
+
+ + ), linkText: 'Register', linkUrl: '', From d0636c829f07b61abdbc26a239743a43325216db Mon Sep 17 00:00:00 2001 From: limmcary Date: Sun, 10 May 2026 12:39:05 +1200 Subject: [PATCH 5/5] feat: added the final DonationBlock and added a conditional to the tailwind to prevent overlapping borders between DonationBlocks --- src/app/(frontend)/components/DonationBlock.tsx | 6 ++++-- src/app/(frontend)/support-us/page.tsx | 13 +++++++++++-- 2 files changed, 15 insertions(+), 4 deletions(-) diff --git a/src/app/(frontend)/components/DonationBlock.tsx b/src/app/(frontend)/components/DonationBlock.tsx index b0e3e2d..04c1727 100644 --- a/src/app/(frontend)/components/DonationBlock.tsx +++ b/src/app/(frontend)/components/DonationBlock.tsx @@ -5,14 +5,16 @@ const DonationBlock = ({ descriptionContent, linkText, linkUrl, + index, }: { tierName: string descriptionContent: React.ReactNode linkText: string - linkUrl: string + linkUrl: string, + index: number }) => { return ( -
+

{tierName}

diff --git a/src/app/(frontend)/support-us/page.tsx b/src/app/(frontend)/support-us/page.tsx index 0370cdc..820744c 100644 --- a/src/app/(frontend)/support-us/page.tsx +++ b/src/app/(frontend)/support-us/page.tsx @@ -5,10 +5,10 @@ export default function SupportUsPage() { { tierName: 'Subscriber', descriptionContent: ( -

'Subscribers pay an annual subscription of $25.00 as a donation towards our ongoing work and their names +

Subscribers pay an annual subscription of $25.00 as a donation towards our ongoing work and their names are listed in our printed concert programmes. They automatically become Members of the incorporated society - and, as such, are entitled to attend General Meetings and vote.'

+ and, as such, are entitled to attend General Meetings and vote.

), linkText: 'Register', linkUrl: '', @@ -44,6 +44,14 @@ export default function SupportUsPage() { linkText: 'Register', linkUrl: '', }, + { + tierName: 'KORA Cards', + descriptionContent: ( +

Sign up for Kora fuel cards and a few cents per litre will be donated to AYO every time you fill up at either a Mobil or Waitomo station.  Kora offers cardholders a discount of 10c/litre and you can have some (or all!) of that saving donated to AYO automatically!

+ ), + linkText: 'Read More', + linkUrl: '', + } ] return (
@@ -72,6 +80,7 @@ export default function SupportUsPage() { descriptionContent={tier.descriptionContent} linkText={tier.linkText} linkUrl={tier.linkUrl} + index={index} />
))}