Merge pull request #1 from GameTheory-IIITH/build

Build

.github/workflows/publish.yml

@@ -0,0 +1,59 @@
+# File: .github/workflows/publish.yml
+
+name: Deploy Next.js site to Pages
+
+on:
+    # Runs on pushes targeting the default branch
+    push:
+        branches: ["build"]
+
+  # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+    contents: read
+    pages: write
+    id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+    group: "pages"
+    cancel-in-progress: false
+
+jobs:
+    # Build job
+    build:
+        runs-on: ubuntu-latest
+        steps:
+          - name: Checkout 🛎️
+            uses: actions/checkout@v4
+
+          - name: Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧
+            uses: ./.github/workflows/setup-node
+
+          - name: Setup Pages ⚙️
+            uses: actions/configure-pages@v5
+            with:
+                static_site_generator: next
+
+          - name: Build with Next.js 🏗️
+            run: npx next build
+
+          - name: Upload artifact 📡
+            uses: actions/upload-pages-artifact@v3
+            with:
+                path: ./out
+
+    # Deployment job
+    deploy:
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+        runs-on: ubuntu-latest
+        needs: build
+        steps:
+          - name: Publish to GitHub Pages 🚀
+            id: deployment
+            uses: actions/deploy-pages@v4

.github/workflows/setup-node/action.yml

@@ -0,0 +1,23 @@
+# File: .github/workflows/setup-node/action.yml
+
+name: setup-node
+description: "Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧"
+runs:
+    using: "composite"
+    steps:
+      - name: Setup Node.js ⚙️
+        uses: actions/setup-node@v4
+        with:
+            node-version: 20
+
+      - name: Cache dependencies ⚡
+        id: cache_dependencies
+        uses: actions/cache@v3
+        with:
+            path: node_modules
+            key: node-modules-${{ hashFiles('package-lock.json') }}
+
+      - name: Install dependencies 🔧
+        shell: bash
+        if: steps.cache_dependencies.outputs.cache-hit != 'true'
+        run: npm ci 

next.config.mjs

@@ -1,4 +1,7 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    output: "export",
+    reactStrictMode: true,
+};
 
 export default nextConfig;

src/app/layout.tsx

@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import Image from "next/image";
 import localFont from "next/font/local";
 import "./globals.css";
 
@@ -46,7 +47,7 @@ function Navbar() {
 function Leftitem() { // logo image that links to home page
   return (
     <a href="/">
-      <img src="/favicon.ico" alt="logo" className="h-14" />
+      <Image src="/images/favicon.ico" alt="logo" className="h-14 w-14" width={100} height={100} />
     </a>
   );
 }

src/app/page.tsx

@@ -12,7 +12,7 @@ export default function Home() {
 
       <Parallax background="/images/event.jpg">
         <h1 className="text-7xl mb-4 tracking-extra-widest text-center leading-normal">Game Theory<br/><At/>IIITH</h1>
-        <p className="text-xl mb-8 cinzel">Shuffle up and deal!</p>
+        <p className="text-xl mb-8 cinzel">Shuffle up and deal.</p>
       </Parallax>
 
       <Main/>
@@ -30,7 +30,7 @@ const Main = () => {
     <div className="max-w-[874px] mx-auto">
       <Section title="Game Theory">
         Join us for exciting tournaments, friendly games, and opportunities to improve your poker skills.
-        Whether you're a beginner or a seasoned player, there's a seat at our table for you! 
+        Whether you&apos;re a beginner or a seasoned player, there&apos;s a seat at our table for you!
         Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius ratione quae voluptate praesentium architecto tempore ut ipsum delectus tempora sit! Repellendus, delectus. Illum error doloremque eius magnam aperiam aliquam dolorum?
       </Section>
       <Section title="Events">

src/components/Parallax/parallax.tsx

@@ -33,7 +33,7 @@ export const Parallax = ( {background, children}: ParallaxProps ) => {
         style={{
           backgroundImage: `url('${background}')`,
           transform: `translateY(${scrollY * 0.1}px)`,
-          filter: `blur(${2.5 + scrollY / 50}px) brightness(${100 - scrollY / 15}%)`,
+          filter: `blur(${3 + scrollY / 50}px) brightness(${100 - scrollY / 12}%)`,
         }}
       />
       <div className="absolute inset-0 bg-black opacity-50" />
@@ -45,4 +45,4 @@ export const Parallax = ( {background, children}: ParallaxProps ) => {
       </div>
     </div>
   );
-}
+};