Merge branch 'feature/footer' into feature/error-handling

Author: Rikthepixel

.github/workflows/nextjs.yml

@@ -0,0 +1,75 @@
+name: Deploy - Github Pages
+
+on:
+  push:
+    branches: ["main"]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "::set-output name=manager::npm"
+            echo "::set-output name=command::ci"
+            echo "::set-output name=runner::npx --no-install"
+            exit 0
+          else
+            echo "Unable to determine packager manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v2
+        with:
+          static_site_generator: next
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: |
+            .next/cache
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Static HTML export with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next export
+      - run: echo '' > ./out/_next/.nojekyll
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: ./out
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1
+      

public/.nojekyll

@@ -0,0 +1 @@
+www.commitrocket.com

public/CNAME

@@ -0,0 +1,29 @@
+import React from "react";
+import Link from "./Link";
+
+interface FooterProps {
+
+}
+
+const Footer = ({ }: FooterProps) => {
+  return (
+    <footer className="flex gap-4 p-4 bg-primary text-primary-contrast">
+      <div>
+        <p className="text-lg font-semibold text-center">Contact:</p>
+        <div className="flex gap-2">
+          <span className="font-semibold">Feedback:</span>
+          <Link color="white" href="mailto:feedback@commitrocket.com" underline>feedback@commitrocket.com</Link>
+        </div>
+      </div>
+      <div>
+        <p className="text-lg font-semibold text-center">Contact:</p>
+        <div className="flex gap-2">
+          <span className="font-semibold">Feedback:</span>
+          <Link color="white" href="mailto:feedback@commitrocket.com" underline>feedback@commitrocket.com</Link>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;

src/components/navigation/Footer.tsx

@@ -6,6 +6,7 @@ import Head from "next/head";
 
 import '@/styles/main.css';
 import Header from "@/components/navigation/Header";
+import Footer from "@/components/navigation/Footer";
 
 const openSans = Open_Sans({
   subsets: ['latin'],
@@ -49,7 +50,6 @@ export default function App({ Component, pageProps, router }: AppProps) {
       </Head>
       <div className={"flex flex-col overflow-auto scroll-smooth scroll-p-4 " + openSans.variable}>
         <Header />
-
         <AnimatePresence mode="wait">
           <motion.div
             key={router.pathname}
@@ -68,6 +68,7 @@ export default function App({ Component, pageProps, router }: AppProps) {
             />
           </motion.div>
         </AnimatePresence>
+        <Footer />
       </div>
     </MotionConfig>
   );