From a5df77325a29da52e85e0d2d3b6dabdeecbe53fa Mon Sep 17 00:00:00 2001 From: akash Date: Wed, 8 Oct 2025 16:20:02 +0530 Subject: [PATCH] In home Gallery new dynamic structure updated Nite festival new strucuture updated --- .../tamil-cultural-nite-2025/page.jsx | 224 +++++++++++++ components/events/UpcomingEventData.jsx | 143 ++------ components/home/HeroBanner.tsx | 19 +- components/home/HomeUpcomingEvent.tsx | 316 +++++++----------- components/layout/header/Header1.tsx | 15 +- public/assets/css/main.css | 22 ++ .../assets/img/home/banner/hero-banner-3.webp | Bin 259698 -> 322220 bytes public/assets/img/nite/1526.webp | Bin 0 -> 82104 bytes public/assets/img/nite/cropped.webp | Bin 0 -> 54320 bytes .../assets/img/nite/tami-cultural-banner.webp | Bin 0 -> 316328 bytes utility/constant.utils.js | 95 ++++++ 11 files changed, 511 insertions(+), 323 deletions(-) create mode 100644 app/(event)/upcoming-event/tamil-cultural-nite-2025/page.jsx create mode 100644 public/assets/img/nite/1526.webp create mode 100644 public/assets/img/nite/cropped.webp create mode 100644 public/assets/img/nite/tami-cultural-banner.webp diff --git a/app/(event)/upcoming-event/tamil-cultural-nite-2025/page.jsx b/app/(event)/upcoming-event/tamil-cultural-nite-2025/page.jsx new file mode 100644 index 0000000..fd90a55 --- /dev/null +++ b/app/(event)/upcoming-event/tamil-cultural-nite-2025/page.jsx @@ -0,0 +1,224 @@ +'use client' +import Layout from "@/components/layout/Layout" +import PageLoader from "@/components/common-component/PageLoader"; +import Link from "next/link" +import { Suspense } from "react"; + +const Page = () => { + return ( + <> +
+
+
+
+
+
+

Tamil Cultural Nite 2025

+
+ + Home {" "} + Tamil Cultural Nite 2025 + +
+
+
+
+
+ + {/*===== RECIPE DETAILS START =====*/} +
+
+
+
+
+ + {/* Banner / Poster Image */} +
+ Tamil Cultural Nite 2025 Banner +
+ +
+
+
+ 20th Annual +
+

Tamil Cultural Nite 2025

+
+
+
+
+
+
+ + +
+
+ +
+ +
+
+ +
+ + + +
+
+ +
+ +

Tamil Cultural Association of Waterloo Region proudly presents

+ +
+ +
+ {/* 20th Annual */} +

Tamil Cultural Nite Performing Arts festival

+
+
+
+
    +
  • Date: Saturday, October 25, 2025
    • +
+
+
    +
  • Time: 6:00 pm to 10:00 p.m
    • +
+
+
    +
  • Venue: Humanities Theater, University of Waterloo + 200 University Avenue, Waterloo, ON.
    • +
+
+
    +
  • Tickets: $20, 15, 10
    • +
+
+
+ + +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+

+ Humanities Theater Box office information: +

+
+
+
+ +
+ {/*
*/} +
    +
  • + + + Tickets can be purchased online, by phone (519-888-4908), or in person. There is an online convenience fee of $2.26/per ticket or a phone convenience fee of $1.13 per ticket (on top of the final price). + +
    • +
  • + + + The Box Office accepts Visa, MasterCard, American Express, Visa Debit, MasterCard Debit, and cash. The same methods of payment are accepted online except for cash. + +
    • +
  • + + + Babes in arms 18 months and under do not require a ticket. No strollers or infant car seat carriers allowed in the theatre. They can be stored in coat check room if needed. + +
    • +
  • + + + Box office is open Monday to Friday from 1pm until 5 pm. + +
    • +
  • + + + For accessible seating please contact the box office. + +
    • +
+
+

More info:

+
    +
  • Shyamala Ram: 519-897-6975
    • +
+
+
    +
  • Shanthi Durai: 519-589-9641 +
    • +
+
+ +
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+ +
+ + ); +}; + +const RecipePage = () => { + return ( + + }> + + + + ); +}; + +export default RecipePage; \ No newline at end of file diff --git a/components/events/UpcomingEventData.jsx b/components/events/UpcomingEventData.jsx index b529b2b..d91fc9c 100644 --- a/components/events/UpcomingEventData.jsx +++ b/components/events/UpcomingEventData.jsx @@ -2,92 +2,11 @@ import Link from 'next/link' import moment from "moment"; import { useState } from "react" +import { events } from "@/utility/constant.utils"; // <-- import the events array here export default function UpcomingEventData() { const [currentMonth, setCurrentMonth] = useState(moment()); - // Events normalized with YYYY-MM-DD format - const events = [ - { - id: 1, - date: "2024-01-14", - time: "05:30 PM", - title: "Thai Pongal 2024", - location: "Holy Family Croatian Roman Catholic Parish Hall, Kitchener, Canada", - image: "/assets/img/event/upcoming-event/thai-pongal.webp", - url: "#", - }, - { - id: 2, - date: "2024-04-14", - title: "AGM", - location: "Christ Lutheran Church, Waterloo, ON", - image: "/assets/img/event/upcoming-event/agm.webp", - url: "#", - }, - { - id: 3, - date: "2024-06-22", - title: "KW Multicultural Festival", - location: "Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON", - image: "/assets/img/event/upcoming-event/kw.webp", - url: "#", - }, - { - id: 4, - date: "2024-07-07", - time: "10:00 AM", - title: "TCA Picnic – Potlock", - location: "Pinehurst Lake – Sutor Shelter, Ayr, ON", - image: "/assets/img/event/upcoming-event/picnic.webp", - url: "#", - }, - { - id: 5, - date: "2024-07-27", - title: "South Asian Family Sports Day", - location: "Waterloo Park, Waterloo, ON", - image: "/assets/img/event/upcoming-event/sports.webp", - url: "#", - }, - { - id: 6, - date: "2023-08-23", - time: "06:30-08:30 PM", - title: "Conestoga College Workshop", - location: "Conestoga College – WC 241, Doon Campus, Ontario", - image: "/assets/img/event/upcoming-event/workshop.webp", - url: "#", - }, - { - id: 7, - date: "2023-08-23", - time: "06:30-08:30 PM", - title: "Tamil Cultural Nite", - location: "Doon Campus, Ontario (TBA)", - image: "/assets/img/event/upcoming-event/cultural.webp", - url: "#", - }, - { - id: 8, - date: "2024-10-26", - time: "1.00 PM-4.30 PM", - title: "TCA – WPL Deepavali Celebrations", - location: "Waterloo Public Library, John M. Harper Branch", - image: "/assets/img/event/upcoming-event/deepavali.webp", - url: "#", - }, - { - id: 9, - date: "2024-12-21", - time: "05:00 PM-09:00 PM", - title: "Christmas & 2024 Year End Celebration", - location: "RIM Park, 2001 University Ave E, Waterloo, ON", - image: "/assets/img/event/upcoming-event/christmas.webp", - url: "#", - }, - ]; - // Get start and end of current month const startOfMonth = currentMonth.clone().startOf("month"); const endOfMonth = currentMonth.clone().endOf("month"); @@ -190,19 +109,12 @@ export default function UpcomingEventData() {
- -
-
- - - - {events.map((event, idx) => { - const isEven = (idx + 1) % 2 === 0; // check even/odd index + const isEven = (idx + 1) % 2 === 0; return (
@@ -212,10 +124,8 @@ export default function UpcomingEventData() {

{String(idx + 1).padStart(2, "0")}

- {/* First Event (Odd): Image Left | Even Event: Image Right */} {!isEven ? ( <> - {/* IMAGE LEFT */}
{event.title} @@ -224,33 +134,41 @@ export default function UpcomingEventData() {
- {/* CONTENT RIGHT */}
  • - + {" "} {event.time ? `${event.time} - ` : ""} {moment(event.date).format("ddd, MMM DD, YYYY")}
  • - + {" "} {event.location}
- - {event.title} - + {event.title}
-

{event.location}

+

+ {event.desc} +

+
- + Online Tickets
@@ -259,33 +177,40 @@ export default function UpcomingEventData() { ) : ( <> - {/* CONTENT LEFT */}
  • - + {" "} {event.time ? `${event.time} - ` : ""} {moment(event.date).format("ddd, MMM DD, YYYY")}
  • - + {" "} {event.location}
- - {event.title} - + {event.title}
-

{event.location}

+

+ {event.desc} +

- + Online Tickets
@@ -294,7 +219,6 @@ export default function UpcomingEventData() {
- {/* IMAGE RIGHT */}
{event.title} @@ -308,7 +232,6 @@ export default function UpcomingEventData() {
); })} -
diff --git a/components/home/HeroBanner.tsx b/components/home/HeroBanner.tsx index 6123b5f..296001e 100644 --- a/components/home/HeroBanner.tsx +++ b/components/home/HeroBanner.tsx @@ -18,6 +18,15 @@ export default function HomeHeroBanner() { // bgImage: '/assets/img/home/banner/banner-1.webp', // image: '/assets/img/all-images/hero/hero-img11.png', // }, + { + title: 'Lighting hearts across
A pure blend of spirit', + date: 'SERVING', + location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', + bgImage: '/assets/img/home/banner/hero-banner-3.webp', + image: '/assets/img/all-images/hero/hero-img12.png', + buttonText: "Radiant Spirit", + buttonLink: "/community", + }, { title: "Grace moves with vibrant
Tradition meets bass", date: 'SERVING', @@ -36,15 +45,7 @@ export default function HomeHeroBanner() { buttonText: "Heritage Beats", buttonLink: "/upcoming-event", }, - { - title: 'Lighting hearts across
A pure blend of spirit', - date: 'SERVING', - location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD AND SURROUNDING AREAS SINCE 1989', - bgImage: '/assets/img/home/banner/hero-banner-3.webp', - image: '/assets/img/all-images/hero/hero-img12.png', - buttonText: "Radiant Spirit", - buttonLink: "/community", - }, + { title: 'Rooted in deep tradition
Echoes of true legacy', date: 'SERVING', diff --git a/components/home/HomeUpcomingEvent.tsx b/components/home/HomeUpcomingEvent.tsx index 9905cb8..4e9785b 100644 --- a/components/home/HomeUpcomingEvent.tsx +++ b/components/home/HomeUpcomingEvent.tsx @@ -1,12 +1,17 @@ 'use client' import Link from 'next/link' import { useState } from "react" +import { events } from "@/utility/constant.utils" // import your events array export default function HomeUpcomingEvent() { const [isTab, setIsTab] = useState(1) const handleTab = (i: number) => { setIsTab(i) } + + // Take only the first 3 events + const displayEvents = events.slice(0, 3); + return ( <> @@ -15,227 +20,137 @@ export default function HomeUpcomingEvent() {
- {/*
Event Schedule
-
*/}

Upcoming Events

- {/*
-
    -
  • handleTab(1)}> - -
    • -
  • handleTab(2)}> - -
    • -
  • handleTab(3)}> - -
    • -
-
*/}
-
-
-
-

01

-
-
-
- -
-
-
-
-
-
    -
  • - 5:30 PM - Sun Jan - 14 | -
    • -
  • - 180 Schweitzer St, Kitchener, Canada -
    • -
-
- Thai Pongal 2024 -
-

Holy Family Croatian Roman Catholic Parish Hall

- {/*
-
-
- -
-
- Alex Roberton -
-

UI/UX Designer

-
-
-
-
- -
-
- Alexys Archer -
-

WP Developer

-
-
-
*/} -
-
- purchase ticket -
-
-
-
-
-
-
-
-
-
-
-

02

-
-
-
-
    -
  • - Apr 14, 2024 | -
    • -
  • - Christ Lutheran Church , Waterloo, ON. -
    • -
-
- AGM -
-

Christ Lutheran Church , Waterloo, ON.

- {/*
-
-
-
- + {displayEvents.map((event, idx) => ( +
+ {idx > 0 &&
} +
+
+
+

{String(idx + 1).padStart(2, "0")}

+
+ {/* Alternating layout */} + {idx % 2 === 0 ? ( + <> +
+
+ {event.title} +
-
- Alex Roberton -
-

UI/UX Designer

-
-
-
-
- -
-
- Alexys Archer -
-

WP Developer

-
-
-
*/} -
-
- purchase ticket -
-
-
-
-
-
- -
-
-
-
-
-
-
-
+
+
+
+
    +
  • + + + + {event.time ? event.time + " - " : ""}{event.date} | + + +
    • +
  • + + {event.location} + -
    -
    -

    03

    -
    -
    -
    - -
    -
    -
    -
    -
    -
      -
    • - Jun 22-23, 2024 | -
      • -
    • - Indian & Sri Lankan Food Court, Kitchener. -
      • -
    -
    - KW Multicultural Festival -
    -

    Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON.

    - {/*
    -
    -
    - + +
    • +
+
+ {event.title} +
+

+ {event.desc} +

+
+
+ + purchase ticket + +
+ +
-
- Alex Roberton -
-

UI/UX Designer

+ + ) : ( + <> +
+
+
    +
  • + + + + {event.time ? event.time + " - " : ""}{event.date} | + + +
    • +
  • + + {event.location} + + + +
    • +
+
+ {event.title} +
+

+ {event.desc} +

+
+
+ + purchase ticket + +
+ +
+
-
-
-
- +
+
+ {event.title} +
-
- Alexys Archer -
-

WP Developer

-
-
-
*/} -
-
- purchase ticket -
+ + )}
-
+ ))} +
-
@@ -243,9 +158,6 @@ export default function HomeUpcomingEvent() {
- {/* - */} -
diff --git a/components/layout/header/Header1.tsx b/components/layout/header/Header1.tsx index cd37df1..aef3053 100644 --- a/components/layout/header/Header1.tsx +++ b/components/layout/header/Header1.tsx @@ -235,11 +235,22 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, isSear
  • Events
      -
    • Upcoming Event
      • +
    • + + Upcoming Event + +
        +
      • + + Tamil Cultural Nite 2025 + +
        • +
      +
    • Photos Gallery
      • -
    • +
  • Registration