From 2b987c425b92bfd0c2ad18fdcfc0f2bb6682a574 Mon Sep 17 00:00:00 2001 From: Ron Arzadon Date: Sat, 2 May 2026 14:26:00 +1200 Subject: [PATCH 01/12] feat: added blog components --- src/app/(frontend)/page.tsx | 36 +++----------------------- src/app/components/BlogsBlock.tsx | 14 ++++++++++ src/app/components/BlogsCard.tsx | 3 +++ src/app/components/BlogsFilter.tsx | 3 +++ src/app/components/BlogsPagination.tsx | 3 +++ 5 files changed, 27 insertions(+), 32 deletions(-) create mode 100644 src/app/components/BlogsBlock.tsx create mode 100644 src/app/components/BlogsCard.tsx create mode 100644 src/app/components/BlogsFilter.tsx create mode 100644 src/app/components/BlogsPagination.tsx diff --git a/src/app/(frontend)/page.tsx b/src/app/(frontend)/page.tsx index 8404ec7..1636629 100644 --- a/src/app/(frontend)/page.tsx +++ b/src/app/(frontend)/page.tsx @@ -6,6 +6,7 @@ import { fileURLToPath } from 'url' import config from '@/payload.config' import './styles.css' +import BlogsBlock from '../components/BlogsBlock' export default async function HomePage() { const headers = await getHeaders() @@ -16,37 +17,8 @@ export default async function HomePage() { const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}` return ( -
-
-

Heading

-
Muted Text
- -
-

- Auckland Youth Orchestra is the premier regional youth orchestra in New Zealand. Founded - in 1948, and originally named the Auckland Junior Symphony Orchestra (or AJSO), it was - the first youth orchestra established in the Southern Hemisphere. It is designed to - bridge the gap between school orchestras and adult professional groups. -

-
- -
-

- This is standard body text. The Final of the 2025 AYO Soloist Competition was held on - Sunday, 19 October 2025.  It was an exciting event with the wonderful talent of AYO’s - players being showcased once more. -

-
- -
-

AYO Soloist Competition

-

- {' '} - This is the line spacing for card components. Apply by 15th of August, 11:59pm - NZST.{' '} -

-
-
-
+ <> + + ) } diff --git a/src/app/components/BlogsBlock.tsx b/src/app/components/BlogsBlock.tsx new file mode 100644 index 0000000..d2385b4 --- /dev/null +++ b/src/app/components/BlogsBlock.tsx @@ -0,0 +1,14 @@ +import BlogsCard from './BlogsCard' +import BlogsFilter from './BlogsFilter' +import BlogsPagination from './BlogsPagination' + +export default function BlogsBlock() { + return ( +
+

News

+ + + +
+ ) +} diff --git a/src/app/components/BlogsCard.tsx b/src/app/components/BlogsCard.tsx new file mode 100644 index 0000000..ae25a9d --- /dev/null +++ b/src/app/components/BlogsCard.tsx @@ -0,0 +1,3 @@ +export default function BlogsFilter() { + return
FILTER YES
+} diff --git a/src/app/components/BlogsFilter.tsx b/src/app/components/BlogsFilter.tsx new file mode 100644 index 0000000..ae25a9d --- /dev/null +++ b/src/app/components/BlogsFilter.tsx @@ -0,0 +1,3 @@ +export default function BlogsFilter() { + return
FILTER YES
+} diff --git a/src/app/components/BlogsPagination.tsx b/src/app/components/BlogsPagination.tsx new file mode 100644 index 0000000..7082dab --- /dev/null +++ b/src/app/components/BlogsPagination.tsx @@ -0,0 +1,3 @@ +export default function BlogsPagination() { + return
PAGINATION YES
+} From 685916dc76626becf00e8130cc455ca094eb80a8 Mon Sep 17 00:00:00 2001 From: Ron Arzadon Date: Sat, 2 May 2026 16:00:55 +1200 Subject: [PATCH 02/12] feat: hardcoded blog card --- src/app/(frontend)/page.tsx | 37 +++++++++++++++++++++++++++++-- src/app/components/BlogsBlock.tsx | 16 ++++++++++++- src/app/components/BlogsCard.tsx | 16 +++++++++++-- 3 files changed, 64 insertions(+), 5 deletions(-) diff --git a/src/app/(frontend)/page.tsx b/src/app/(frontend)/page.tsx index 1636629..b689328 100644 --- a/src/app/(frontend)/page.tsx +++ b/src/app/(frontend)/page.tsx @@ -17,8 +17,41 @@ export default async function HomePage() { const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}` return ( - <> +
+
+
+

Heading

+
Muted Text
+ +
+

+ Auckland Youth Orchestra is the premier regional youth orchestra in New Zealand. + Founded in 1948, and originally named the Auckland Junior Symphony Orchestra (or + AJSO), it was the first youth orchestra established in the Southern Hemisphere. It is + designed to bridge the gap between school orchestras and adult professional groups. +

+
+ +
+

+ This is standard body text. The Final of the 2025 AYO Soloist Competition was held on + Sunday, 19 October 2025.  It was an exciting event with the wonderful talent of AYO’s + players being showcased once more. +

+
+ +
+

AYO Soloist Competition

+

+ {' '} + This is the line spacing for card components. Apply by 15th of August, 11:59pm + NZST.{' '} +

+
+
+
+ - +
) } diff --git a/src/app/components/BlogsBlock.tsx b/src/app/components/BlogsBlock.tsx index d2385b4..f1f1943 100644 --- a/src/app/components/BlogsBlock.tsx +++ b/src/app/components/BlogsBlock.tsx @@ -7,7 +7,21 @@ export default function BlogsBlock() {

News

- + + +
) diff --git a/src/app/components/BlogsCard.tsx b/src/app/components/BlogsCard.tsx index ae25a9d..e73fd76 100644 --- a/src/app/components/BlogsCard.tsx +++ b/src/app/components/BlogsCard.tsx @@ -1,3 +1,15 @@ -export default function BlogsFilter() { - return
FILTER YES
+type Blog = { + title: string + date: string + description: string +} + +export default function BlogsCard(Blog: Blog) { + return ( +
+

{Blog.title}

+

{Blog.date}

+

{Blog.description}

+
+ ) } From 03f64cb132897cd85a585132f69a2e8f2b600541 Mon Sep 17 00:00:00 2001 From: Ron Arzadon Date: Sat, 2 May 2026 21:43:33 +1200 Subject: [PATCH 03/12] feat: simple pagination --- src/app/components/BlogsPagination.tsx | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/src/app/components/BlogsPagination.tsx b/src/app/components/BlogsPagination.tsx index 7082dab..15e366a 100644 --- a/src/app/components/BlogsPagination.tsx +++ b/src/app/components/BlogsPagination.tsx @@ -1,3 +1,21 @@ +'use client' +import { useState } from 'react' + export default function BlogsPagination() { - return
PAGINATION YES
+ const [currentPage, setCurrentPage] = useState(1) + const totalPages = 3 + + return ( +
+ + + {currentPage} of {totalPages} + + +
+ ) } From e554df3fb16558a7b393da001fdc66716090af12 Mon Sep 17 00:00:00 2001 From: Ron Arzadon Date: Sat, 2 May 2026 23:34:08 +1200 Subject: [PATCH 04/12] feat: added styling on pagination and header --- src/app/(frontend)/layout.tsx | 2 +- src/app/(frontend)/page.tsx | 5 ++-- src/app/components/BlogsBlock.tsx | 41 +++++++++++++++----------- src/app/components/BlogsPagination.tsx | 17 ++++++++--- 4 files changed, 40 insertions(+), 25 deletions(-) diff --git a/src/app/(frontend)/layout.tsx b/src/app/(frontend)/layout.tsx index dd966af..a784041 100644 --- a/src/app/(frontend)/layout.tsx +++ b/src/app/(frontend)/layout.tsx @@ -15,7 +15,7 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
-
{children}
+
{children}