From aa51b17923202b50b4546c7f41f403562b30a576 Mon Sep 17 00:00:00 2001
From: Waterloomurugantemple <it@waterloomurugantemple.ca>
Date: Thu, 27 Aug 2026 05:38:30 +0000
Subject: [PATCH] Link hero buttons to event calendar

---
 src/components/Home/HeroBanner.jsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/Home/HeroBanner.jsx b/src/components/Home/HeroBanner.jsx
index 4f2ebb4..a59633c 100644
--- a/src/components/Home/HeroBanner.jsx
+++ b/src/components/Home/HeroBanner.jsx
@@ -1,5 +1,4 @@
 "use client";
-import Link from "next/link";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Navigation, FreeMode, Thumbs, EffectFade, Autoplay } from "swiper";
 
@@ -53,9 +52,9 @@ const HeroBanner = () => {
                       <div
                         data-ani="slideinup"
                         data-ani-delay="0.1s">
-                        <Link href="/#event-calender" className="btn">
+                        <a href="#event-calendar" className="btn">
                           Upcoming Poojai
-                        </Link>
+                        </a>
                       </div>
                       {/* <p
                         className="hero-text text-white"
@@ -150,9 +149,9 @@ const HeroBanner = () => {
                       <div
                         data-ani="slideinup"
                         data-ani-delay="0.1s">
-                        <Link href="/#event-calender" className="btn">
+                        <a href="#event-calendar" className="btn">
                           Upcoming Poojai
-                        </Link>
+                        </a>
                       </div>
                       {/* <p
                         className="hero-text text-white"
@@ -247,9 +246,9 @@ const HeroBanner = () => {
                       <div
                         data-ani="slideinup"
                         data-ani-delay="0.1s">
-                        <Link href="/#event-calender" className="btn">
+                        <a href="#event-calendar" className="btn">
                           Upcoming Poojai
-                        </Link>
+                        </a>
                       </div>
                       {/* <p
                           className="hero-text text-white"
@@ -343,9 +342,9 @@ const HeroBanner = () => {
                       <div
                         data-ani="slideinup"
                         data-ani-delay="0.1s">
-                        <Link href="/#event-calender" className="btn">
+                        <a href="#event-calendar" className="btn">
                           Upcoming Poojai
-                        </Link>
+                        </a>
                       </div>
                       {/* <p
                         className="hero-text text-white"
@@ -439,9 +438,9 @@ const HeroBanner = () => {
                       <div
                         data-ani="slideinup"
                         data-ani-delay="0.1s">
-                        <Link href="/#event-calender" className="btn">
+                        <a href="#event-calendar" className="btn">
                           Upcoming Poojai
-                        </Link>
+                        </a>
                       </div>
 
                       {/* <p