feat: add T&C, Code of Conduct page and update refund policy data

dscnitrourkela · Oct 25, 2024 · 8ea7ef7 · 8ea7ef7
1 parent 7747ec0
commit 8ea7ef7
Show file tree

Hide file tree

Showing 8 changed files with 117 additions and 26 deletions.
diff --git a/src/app/codeofconduct/page.jsx b/src/app/codeofconduct/page.jsx
@@ -0,0 +1,27 @@
+'use client';
+import { PaymentContainer, Heading3, Heading4 } from './page.styles';
+import { CodeOfConductModalData } from '@/config/content/Footer';
+
+export default function Page() {
+  return (
+    <PaymentContainer>
+      {CodeOfConductModalData.map((item) => (
+        <div key={item.id}>
+          <Heading3>{item.title}</Heading3>
+          <Heading4>
+            {item.description
+              .split('•')
+              .filter((part) => part.trim() !== '')
+              .map((part, index) => (
+                <span key={index}>
+                  {item.description.includes('•') && `• ${part.trim()}`}
+                  {!item.description.includes('•') && part.trim()}
+                  <br />
+                </span>
+              ))}
+          </Heading4>
+        </div>
+      ))}
+    </PaymentContainer>
+  );
+}
diff --git a/src/app/codeofconduct/page.styles.jsx b/src/app/codeofconduct/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`}
+`;
diff --git a/src/app/refundPolicy/page.jsx b/src/app/refundPolicy/page.jsx
@@ -1,6 +1,6 @@
 'use client';
-import { PaymentContainer, Heading3, Heading4 } from './page.styles';
-import { PaymentPolicyPageData } from '@/config/content/Footer';
+import { PaymentContainer, Heading3, Heading4, Heading5 } from './page.styles';
+import { PaymentPolicyPageData, abideByRefundPolicy } from '@/config/content/Footer';
 
 export default function Page() {
   return (
@@ -11,6 +11,7 @@ export default function Page() {
           <Heading4>{item.description}</Heading4>
         </div>
       ))}
+      <Heading5>{abideByRefundPolicy}</Heading5>
     </PaymentContainer>
   );
 }
diff --git a/src/app/refundPolicy/page.styles.jsx b/src/app/refundPolicy/page.styles.jsx
@@ -14,3 +14,7 @@ export const Heading3 = styled(Heading2)`
 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`}
 `;
+
+export const Heading5 = styled(Heading2)`
+  ${tw`text-[#00FFD1] text-xl mb-12 xsm:mb-28 xsm:text-2xl md:text-3xl font-normal font-orbitron  text-center`}
+`;
diff --git a/src/app/termsandconditions/page.jsx b/src/app/termsandconditions/page.jsx
@@ -0,0 +1,27 @@
+'use client';
+import { PaymentContainer, Heading3, Heading4 } from './page.styles';
+import { TermsAndConditionsModalData } from '@/config/content/Footer';
+
+export default function Page() {
+  return (
+    <PaymentContainer>
+      {TermsAndConditionsModalData.map((item) => (
+        <div key={item.id}>
+          <Heading3>{item.title}</Heading3>
+          <Heading4>
+            {item.description
+              .split('•')
+              .filter((part) => part.trim() !== '')
+              .map((part, index) => (
+                <span key={index}>
+                  {item.description.includes('•') && `• ${part.trim()}`}
+                  {!item.description.includes('•') && part.trim()}
+                  <br />
+                </span>
+              ))}
+          </Heading4>
+        </div>
+      ))}
+    </PaymentContainer>
+  );
+}
diff --git a/src/app/termsandconditions/page.styles.jsx b/src/app/termsandconditions/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`}
+`;
diff --git a/src/components/Marginals/Footer/Footer.jsx b/src/components/Marginals/Footer/Footer.jsx
@@ -108,19 +108,9 @@ export const Footer = () => {
             <FooterBottomContent>
               {footerBottom.map((item) => (
                 <SmallList key={item.id} className='flex gap-[20px]'>
-                  {item.id === 2 ? (
-                    <button onClick={handleTermsAndConditionsModalOpen}>{item.title}</button>
-                  ) : item.id === 3 ? (
-                    <button onClick={handleCodeOfConductModalOpen}>{item.title}</button>
-                  ) : item.id === 4 ? (
-                    <a href={item.url} rel='noopener noreferrer'>
-                      {item.title}
-                    </a>
-                  ) : (
-                    <a href={item.url} target='_blank' rel='noopener noreferrer'>
-                      {item.title}
-                    </a>
-                  )}
+                  <a href={item.url} rel='noopener noreferrer'>
+                    {item.title}
+                  </a>
                 </SmallList>
               ))}
             </FooterBottomContent>

diff --git a/src/config/content/Footer.js b/src/config/content/Footer.js
@@ -1,3 +1,5 @@
+import { description } from '../SEO/config';
+
 export const socials = [
   {
     id: 'instagram',
@@ -67,12 +69,12 @@ export const footerBottom = [
   {
     id: 2,
     title: 'Terms & Conditions',
-    url: 'https://drive.google.com/file/d/15K3TloImWe4F7dTWdyGhLPnt1iz0xFfW/view?usp=sharing',
+    url: '/termsandconditions',
   },
   {
     id: 3,
     title: 'Code of Conduct',
-    url: 'https://drive.google.com/file/d/1z0teaCdXmarrQ-VwB2a1gKQw32m0bJLD/view?usp=sharing',
+    url: '/codeofconduct',
   },
   {
     id: 4,
@@ -139,7 +141,7 @@ export const TermsAndConditionsModalData = [
   {
     title: 'Licence',
     description:
-      'Unless otherwise stated, Innovision and/or its licensors own the intellectual property rights for all material on Innovision 2024. All intellectual property rights are reserved. You may access this from Innovision 2024 for your personal use subject to restrictions set in these terms and conditions.You must not: ● Copy or republish material from Innovision 2024 ● Sell, rent, or sub-license material from Innovision 2024 ● Reproduce, duplicate or copy material from Innovision 2024 ● Redistribute content from Innovision 2024.This Agreement shall begin on the date hereof.',
+      'Unless otherwise stated, Innovision and/or its licensors own the intellectual property rights for all material on Innovision 2024. All intellectual property rights are reserved. You may access this from Innovision 2024 for your personal use subject to restrictions set in these terms and conditions.You must not: • Copy or republish material from Innovision 2024 • Sell, rent, or sub-license material from Innovision 2024 • Reproduce, duplicate or copy material from Innovision 2024 • Redistribute content from Innovision 2024.This Agreement shall begin on the date hereof.',
   },
   {
     title: 'Disclaimer',
@@ -150,23 +152,31 @@ export const TermsAndConditionsModalData = [
 
 export const PaymentPolicyPageData = [
   {
-    title: 'Pricing',
+    title: 'INNOVISION 2024 Refund Policy',
     description:
-      'The registration fees for Innovision 2024 apply to all students from outside NIT Rourkela. This fee grants access to all events, workshops, and exhibitions during the fest. For students of NIT Rourkela, registration is completely free. Registration covers participation in most events, though some workshops may require additional fees for materials. We encourage all students to register early to secure their spot, as registrations may close once we reach capacity.',
+      'At INNOVISION 2024, we are committed to providing an enriching experience for all participants. Please review our refund policy carefully:',
   },
   {
-    title: 'Refund Policy',
+    title: 'No Refunds on Registrations and Payments',
     description:
-      'Thank you for registering at Innovision 2024. If, for any reason, you are not entirely satisfied with your registration or encounter any issues, we encourage you to review our refund and return policy.We strive to ensure all participants have a seamless experience, and any issues with registration should be addressed with the event support team as early as possible.',
+      'Once registration or payment is completed, refunds will not be issued under any circumstances. This applies to all ticket types, event passes, and additional purchases made through our website.',
   },
   {
-    title: 'Your Registration Cancellation Rights',
+    title: 'Event Cancellation by Organizers',
     description:
-      'There will be no refund of the registration fees under any circumstances unless the fest is cancelled by Team Innovision. This policy is in place to ensure the smooth planning and execution of the event. In case of fest cancellation by the organizing team, all registered participants will be eligible for a full refund. However, in any other case, the registration fees are non-refundable. We highly recommend double-checking your availability before confirming your registration.',
+      'Refunds will only be issued if INNOVISION 2024 is cancelled by the organizers. In such a case, all registered participants will receive a full refund through the original payment method, processed within 14 days of the cancellation announcement.',
   },
   {
-    title: 'Contact for Help',
+    title: 'Force Majeure',
     description:
-      'If you have any questions or need assistance with your registration, please feel free to reach out to our support team at [email protected]. We are here to help with any queries related to registration, event details, or technical issues. Our team will respond within 24-48 hours to ensure you have all the information you need to enjoy Innovision 2024 to the fullest.',
+      'In the event of unforeseen circumstances such as natural disasters, government restrictions, or other events beyond our control, INNOVISION 2024 organizers will make every effort to reschedule. However, refunds will not be issued under these conditions. Refunds will only be processed if INNOVISION 2024 is officially cancelled by the organizers.',
+  },
+  {
+    title: 'Contact Us',
+    description:
+      'For any questions regarding our refund policy, please reach out to our support team through the contact information provided on our website.',
   },
 ];
+
+export const abideByRefundPolicy =
+  'By registering for INNOVISION 2024, you agree to abide by our refund policy.';