feat: add CI, and fix build errors

.env.local

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_EVENT_ID=
+EVENT_ID=

.github/workflows/ci.yml

@@ -0,0 +1,35 @@
+name: Build Pipeline
+
+on:
+  push:
+    branches:
+      - develop
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    name: Build Project
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Inject environment values
+        run: |
+          echo "NEXT_PUBLIC_EVENT_ID=inctf" > .env.local
+          echo "EVENT_ID=inctf" >> .env.local
+
+      - name: Build project
+        run: npm run build

next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

pages/branding.tsx

@@ -16,7 +16,7 @@ const LogoWrap = styled.div`
       background-size: 30px 30px;
       background-position: 0 0,45px 45px;
       background-image: linear-gradient(45deg,rgba(56, 189, 248, 0.03) 25%,transparent 0,transparent 75%,rgba(56, 189, 248, 0.03) 0,rgba(56, 189, 248, 0.03)),linear-gradient(45deg,rgba(56, 189, 248, 0.03) 25%,transparent 0,transparent 75%,rgba(56, 189, 248, 0.03) 0,rgba(56, 189, 248, 0.03))
-};
+
     img {
       max-width: 100%;
     }
@@ -49,7 +49,7 @@ const BrandingPage = () => {
         {/* Starfield Background */}
         <div className="fixed inset-0 z-0 pointer-events-none overflow-hidden">
           <div className="absolute inset-0 bg-gradient-to-b from-obsidian via-slate-900/30 to-obsidian"></div>
-          
+
           <img src="/inctf/assets/design/Homepage/star.png" alt="" className="absolute opacity-20" style={{ top: '10%', left: '15%', width: '50px' }} />
           <img src="/inctf/assets/design/Homepage/star.png" alt="" className="absolute opacity-20" style={{ top: '25%', left: '45%', width: '54px' }} />
           <img src="/inctf/assets/design/Homepage/star.png" alt="" className="absolute opacity-20" style={{ top: '40%', left: '75%', width: '48px' }} />
@@ -68,48 +68,49 @@ const BrandingPage = () => {
           <div className="pb-12">
             <div className="flex justify-center px-1 py-5">
               <div className="flex flex-wrap mx-0" style={{ maxWidth: '900px' }}>
-            <div className="md:w-1/3 p-2">
-              <LogoWrap>
-                <img src="/assets/images/branding/colorful.png" alt="Colorful Logo" />
-                <a href="/assets/images/branding/colorful.png">PNG</a>
-              </LogoWrap>
-            </div>
-            <div className="md:w-1/3 p-2">
-              <LogoWrap>
-                <img src="/assets/images/branding/light_version.png" alt="Light Logo" />
-                <a href="/assets/images/branding/light_version.png">PNG</a>
-              </LogoWrap>
-            </div>
-            <div className="md:w-1/3 p-2">
-              <LogoWrap>
-                <img src="/assets/images/branding/full_black.png" alt="Colorful Logo" />
-                <a href="/assets/images/branding/full_black.png">PNG</a>
-              </LogoWrap>
+                <div className="md:w-1/3 p-2">
+                  <LogoWrap>
+                    <img src="/assets/images/branding/colorful.png" alt="Colorful Logo" />
+                    <a href="/assets/images/branding/colorful.png">PNG</a>
+                  </LogoWrap>
+                </div>
+                <div className="md:w-1/3 p-2">
+                  <LogoWrap>
+                    <img src="/assets/images/branding/light_version.png" alt="Light Logo" />
+                    <a href="/assets/images/branding/light_version.png">PNG</a>
+                  </LogoWrap>
+                </div>
+                <div className="md:w-1/3 p-2">
+                  <LogoWrap>
+                    <img src="/assets/images/branding/full_black.png" alt="Colorful Logo" />
+                    <a href="/assets/images/branding/full_black.png">PNG</a>
+                  </LogoWrap>
+                </div>
+              </div>
             </div>
           </div>
+          <PageFooterExplorer
+            items={[
+              {
+                'title': 'Advisory Board',
+                'text': 'View our elite panel of advisors',
+                'link': '/advisory-board',
+              },
+              {
+                'title': 'Organizers',
+                'text': 'View our team of organizers',
+                'link': '/organizers',
+              },
+              {
+                'title': 'Our Reach & Impact',
+                'text': 'See our reach & impact',
+                'link': '/about#our-reach',
+              },
+            ]}
+          />
+          <Footer />
         </div>
       </div>
-      <PageFooterExplorer
-        items={[
-          {
-            'title': 'Advisory Board',
-            'text': 'View our elite panel of advisors',
-            'link': '/advisory-board',
-          },
-          {
-            'title': 'Organizers',
-            'text': 'View our team of organizers',
-            'link': '/organizers',
-          },
-          {
-            'title': 'Our Reach & Impact',
-            'text': 'See our reach & impact',
-            'link': '/about#our-reach',
-          },
-        ]}
-      />
-      <Footer />
-      </div>
     </SiteView>
   );