Add payment policy page and fun events carousel in events page

src/app/events/page.jsx

@@ -16,6 +16,10 @@ import {
 } from '@/config/content/EventsPage/Exhibition/Data';
 import { DTS_previewItems, DTS_descriptionItems } from '@/config/content/EventsPage/DTS_Shows/Data';
 import { ME_descriptionItems, ME_previewItems } from '@/config/content/EventsPage/MainEvents/Data';
+import {
+  FunEvents_previewItems,
+  FunEvents_descriptionItems,
+} from '@/config/content/EventsPage/FunEvents/Data';
 import { Gallerywrapper } from '@/components/EventsPage/Gallery/CardWrapper';
 import { ComingSoon } from '@/components/EventsPage/ComingSoon';
 
@@ -28,7 +32,10 @@ export default function Page() {
         <Heading3>MAIN EVENTS</Heading3>
         <MainCarousel previewItems={ME_previewItems} descriptionItems={ME_descriptionItems} />
         <Heading3>FUN EVENTS</Heading3>
-        <ComingSoon />
+        <MainCarousel
+          previewItems={FunEvents_previewItems}
+          descriptionItems={FunEvents_descriptionItems}
+        />
         <Heading3>EXHIBITION</Heading3>
         <MainCarousel
           previewItems={Exhibition_previewItems}

src/app/refundPolicy/page.jsx

@@ -0,0 +1,16 @@
+'use client';
+import { PaymentContainer, Heading3, Heading4 } from './page.styles';
+import { PaymentPolicyPageData } from '@/config/content/Footer';
+
+export default function Page() {
+  return (
+    <PaymentContainer>
+      {PaymentPolicyPageData.map((item) => (
+        <div key={item.id}>
+          <Heading3>{item.title}</Heading3>
+          <Heading4>{item.description}</Heading4>
+        </div>
+      ))}
+    </PaymentContainer>
+  );
+}

src/app/refundPolicy/page.styles.jsx

@@ -0,0 +1,16 @@
+import tw from 'twin.macro';
+import styled from 'styled-components';
+import { Heading2 } from '@/components/shared/Typography/Headings';
+
+export const PaymentContainer = styled.div`
+  background-image: url('https://res.cloudinary.com/dhv234qct/image/upload/v1728888341/Inno2k24/yupqoznoucyhxwchhbv7.png');
+  ${tw`w-full flex flex-col bg-cover pt-24 pl-4 xxxs:pl-8 pr-8 xsm:pt-48 md:pt-52`}
+`;
+
+export const Heading3 = styled(Heading2)`
+  ${tw`text-[#00FFD1] text-2xl mb-12 xsm:mb-28 xsm:text-4xl md:text-5xl font-bold font-orbitron  text-left`}
+`;
+
+export const Heading4 = styled(Heading2)`
+  ${tw`text-white text-xl mb-12 xsm:mb-28 xsm:text-2xl md:text-3xl font-normal font-montserrat text-left`}
+`;

src/app/register/page.jsx

@@ -8,6 +8,7 @@ import {
   RegisterInnerContainer,
   Moon,
   UndertakingLink,
+  PaymentPolicyInfo,
 } from './register.styles';
 import Link from 'next/link';
 import InputField from '@/components/Register/InputField/InputField';
@@ -220,6 +221,9 @@ function Page() {
         <UndertakingLink href={undertakingContent.link} target='_blank' className=''>
           {undertakingContent.text}
         </UndertakingLink>
+        <PaymentPolicyInfo>
+          <Link href='/refundPolicy'>Please review the Payment Policy before registering.</Link>
+        </PaymentPolicyInfo>
 
         <CampusAmbassador
           handleChange={handleChange}

src/app/register/register.styles.jsx

@@ -52,3 +52,7 @@ export const Moon = styled.div`
 export const UndertakingLink = styled.a`
   ${tw`text-base font-prompt font-semibold  hover:underline transition-all duration-200 ease-in-out`}
 `;
+
+export const PaymentPolicyInfo = styled.div`
+  ${tw`text-base font-prompt font-semibold  hover:underline transition-all duration-200 ease-in-out text-center`}
+`;

src/components/Marginals/Footer/Footer.jsx

@@ -113,7 +113,9 @@ export const Footer = () => {
                   ) : item.id === 3 ? (
                     <button onClick={handleCodeOfConductModalOpen}>{item.title}</button>
                   ) : item.id === 4 ? (
-                    <button onClick={handlePaymentPolicyModalOpen}>{item.title}</button>
+                    <a href={item.url} rel='noopener noreferrer'>
+                      {item.title}
+                    </a>
                   ) : (
                     <a href={item.url} target='_blank' rel='noopener noreferrer'>
                       {item.title}

src/config/content/EventsPage/FunEvents/Data.js

@@ -0,0 +1,149 @@
+export const FunEvents_previewItems = [
+  {
+    id: 1,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520868/FunEvents/vfk7zxch1vxsdzdaibep.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 2,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520806/FunEvents/dyz5naaoqj0iszaffllr.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 3,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520805/FunEvents/t3dpjygfbpkmsnfsfmkk.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 4,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520804/FunEvents/rghjmhqhtj9dhktdwmvt.jpg',
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 5,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520804/FunEvents/rqnngxsu9hf5jd4rhuh0.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 6,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520804/FunEvents/ciwvh5lwal7lmwft5xmt.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 7,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520803/FunEvents/b6kqbkang90wcs3h9ovj.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+  {
+    id: 8,
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520803/FunEvents/lozbhvbxshwllkcm9fyk.jpg', // TBA
+    PreviewDescription: '',
+    Rulebook: '',
+  },
+];
+
+export const FunEvents_descriptionItems = [
+  {
+    id: 1,
+    Heading: 'QUICK HANDS',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520868/FunEvents/vfk7zxch1vxsdzdaibep.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 2,
+    Heading: 'GUESS THE CHARACTER',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520806/FunEvents/dyz5naaoqj0iszaffllr.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 3,
+    Heading: 'GEL-BLASTER COMBACT',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520805/FunEvents/t3dpjygfbpkmsnfsfmkk.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 4,
+    Heading: 'BOX CRICKET',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520804/FunEvents/rghjmhqhtj9dhktdwmvt.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 5,
+    Heading: 'SOFT ARCHERY',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520804/FunEvents/rqnngxsu9hf5jd4rhuh0.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 6,
+    Heading: 'BALLON SHOOTING',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520804/FunEvents/ciwvh5lwal7lmwft5xmt.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 7,
+    Heading: 'CUP TIC-TAC-TOE',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520803/FunEvents/b6kqbkang90wcs3h9ovj.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+  {
+    id: 8,
+    Heading: 'BPDY ZORBING',
+    Description: '',
+    ImageURL:
+      'https://res.cloudinary.com/dhv234qct/image/upload/v1729520803/FunEvents/lozbhvbxshwllkcm9fyk.jpg',
+    Location: 'TBA',
+    Date: 'TBA',
+    Time: 'TBA',
+    Prizes: 'TBA',
+  },
+];