MG-8 - Refactor the Landing Page Components (#17)

* test: deployment with new pipeline

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* refactor components

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* reverse homepage change

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* fix favicon

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* add accredition for illustrations

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* fix hero and header

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* resize hero and refactor further

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* update font and features

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* resolve comments

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* use sheets instead

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* fix font sizes and footer orientation

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

* add hidden sheet title

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

---------

Signed-off-by: Musilah <nataleigh.nk@gmail.com>

.github/workflows/deploy.yml

@@ -30,6 +30,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Run lint check
+        run: npm run lint
+
       - name: Setup GitHub Pages
         uses: actions/configure-pages@v5
 

.github/workflows/test-deploy.yml

@@ -0,0 +1,44 @@
+name: Test Deployment Workflow
+
+on:
+  pull_request:
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+jobs:
+  test-deploy:
+    name: Test Build, Lint, and Local Deployment
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run lint check
+        run: npm run lint
+
+      - name: Build project
+        run: npm run build
+
+      - name: Serve locally
+        run: npx serve@latest out -l 3000 &
+
+      - name: Verify local deployment
+        run: curl -s http://localhost:3000 | grep "<title>" || exit 1
+
+      - name: Stop server
+        run: pkill serve

README.md

@@ -30,8 +30,6 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
 ## Building and Running Locally
 
 For a production-like experience, follow these steps:

next.config.ts

@@ -11,6 +11,10 @@ const nextConfig: NextConfig = {
   images: {
     unoptimized: true,
   },
+  devIndicators: {
+    appIsrStatus: false,
+    buildActivity: false,
+  },
 };
 
 export default nextConfig;