traboda · AswinJ1 · Aug 2, 2025 · Aug 2, 2025 · Aug 9, 2025 · Oct 27, 2025
diff --git a/next.config.js b/next.config.js
@@ -3,6 +3,12 @@ const OptimizedImages = require('next-optimized-images');
 const withVideos = require('next-videos');
 
 const customConfig = {
+
+    eslint: {
+    // Warning: This allows production builds to successfully complete even if
+    // your project has ESLint errors.
+    ignoreDuringBuilds: true,
+  },
   webpack: function (config) {
     config.module.rules.push(
       {

diff --git a/package.json b/package.json
@@ -3,6 +3,10 @@
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
+   "engines": {
+    "node": "22.x",
+    "npm": ">=10.x"
+  },
   "scripts": {
     "build": "next build",
     "build-ssg": "next build && next export",

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import Document, { DocumentContext, Head, Html, Main, NextScript } from 'next/document';
 
-
 class MyDocument extends Document {
 
   static async getInitialProps(ctx: DocumentContext) {
@@ -26,16 +25,38 @@ class MyDocument extends Document {
             href="https://cdn.staticaly.com/gh/hung1001/font-awesome-pro/8af0edd/css/all.css"
             rel="stylesheet"
           />
+
+          {/* Google Tag Manager */}
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `
+                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+                })(window,document,'script','dataLayer','GTM-N7TQWNCN');
+              `,
+            }}
+          />
         </Head>
         <body>
+          {/* Google Tag Manager (noscript) - Must be right after opening <body> tag */}
+          <noscript>
+            <iframe 
+              src="https://www.googletagmanager.com/ns.html?id=GTM-N7TQWNCN"
+              height="0" 
+              width="0" 
+              style={{display: 'none', visibility: 'hidden'}}
+            />
+          </noscript>
+
           <Main />
           <NextScript />
           <script src="https://play.inctf.in/sdk.js" />
         </body>
       </Html>
     );
   }
-
 }
 
-export default MyDocument;
+export default MyDocument;
diff --git a/pages/ambassadorpgm.tsx b/pages/ambassadorpgm.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+
+import TopBar from '../src/components/shared/TopBar';
+import Footer from '../src/components/shared/Footer';
+import Schedule from '../src/components/landing/Schedule';
+import PageHeader from '../src/components/PageHeader';
+import SiteView from '../src/components/SiteView';
+import AmbassadorProgram from '@/src/components/AmbassadorProgram/ambassador-program';
+
+const AmbassadorProgramPage = () => {
+  return (
+    <SiteView meta={{ title: 'Ambassador Program' }}>
+      <TopBar />
+      <PageHeader
+        title="Ambassador Program"
+        description={"Join us in empowering the next generation of cybersecurity leaders across India."}
+
+        breadcrumb={[
+          {
+            title: 'Get Started',
+            link: '/start',
+          },
+          {
+            title: 'Ambassador Program',
+            link: '/ambassadorpgm',
+            isActive: true,
+          },
+        ]}
+      />
+      <div className="py-4" style={{ minHeight: '100vh' }}>
+        <AmbassadorProgram />
+      </div>
+      <Footer />
+    </SiteView>
+  );
+};
+
+export default AmbassadorProgramPage;
diff --git a/pages/faq.tsx b/pages/faq.tsx
@@ -48,7 +48,12 @@ const FAQPage = () => {
   }, [router.isReady]);
 
   useEffect(() => {
-    setOpen(0);
+    const items = filteredFAQ(search, tags);
+    if (items.length > 0) {
+      setOpen(0); // Open first question if results exist
+    } else {
+      setOpen(null); // No questions to open if no results
+    }
   }, [search, tags]);
 
   const updateTotalVisible = (value) =>
@@ -63,7 +68,7 @@ const FAQPage = () => {
           answer={q.answer}
           search={search}
           isOpen={i === openQ}
-          onClick={() => setOpen(i !== openQ ? i : null)}
+          onClick={() => setOpen(i === openQ ? null : i)}
           key={i}
         />
       ),
@@ -76,9 +81,9 @@ const FAQPage = () => {
           You could try rephrasing the question in a different way, or
           can join our 
           {' '}
-          <a href="/discord" target="_blank" className="hover:text-blue-600">
+          <a href="/discord" target="_blank" className="text-blue-600 hover:text-blue-800 hover:underline">
             discord community
-            <i className="fa fa-external-link mr-1" />
+            <i className="fa fa-external-link ml-1" />
             {' '}
           </a>
           {' '}
@@ -108,7 +113,12 @@ const FAQPage = () => {
               <div style={{ color: '#222' }}>
                 Write to us at 
                 {' '}
-                <a href="mailto:inctfj@am.amrita.edu">inctfj@am.amrita.edu</a>
+                <a 
+                  href="mailto:inctfj@am.amrita.edu" 
+                  className="text-blue-600 hover:text-blue-800 hover:underline"
+                >
+                  inctfj@am.amrita.edu
+                </a>
               </div>
             </div>
           </Waypoint>

diff --git a/pages/rules.tsx b/pages/rules.tsx
@@ -69,7 +69,13 @@ const RulePage = () => {
           <div style={{ width: '100%', maxWidth: '900px' }}>
             {rules.rule.map((rule, index) => {
               if (rule.tag === 'p') {
-                return <p key={index}>{rule.text}</p>;
+                return (
+                  <p key={index}>
+                    {rule.text.map((text, textIndex) => (
+                      <span key={textIndex} dangerouslySetInnerHTML={{ __html: text }} />
+                    ))}
+                  </p>
+                );
               } else if (rule.tag === 'h1') {
                 return <h1 key={index}>{rule.text}</h1>;
               } else if (rule.tag === 'h2') {
@@ -78,14 +84,14 @@ const RulePage = () => {
                 return <h3 key={index}>{rule.text}</h3>;
               } else if (rule.tag === 'ul') {
                 return (<ul key={index}>
-                  {rule.text.map((text, index) => {
-                    return <li key={index}>{text}</li>;
+                  {rule.text.map((text, textIndex) => {
+                    return <li key={textIndex} dangerouslySetInnerHTML={{ __html: text }} />;
                   })}
                 </ul>);
               } else if (rule.tag === 'ol') {
                 return (<ol key={index}>
-                  {rule.text.map((text, index) => {
-                    return <li key={index}>{text}</li>;
+                  {rule.text.map((text, textIndex) => {
+                    return <li key={textIndex} dangerouslySetInnerHTML={{ __html: text }} />;
                   })}
                 </ol>);
               }