Merge pull request #1 from subhanahujha007/main

Main: created the cd pipleline

.github/workflows/build.yml

@@ -3,10 +3,10 @@ name: Build Next.js App
 on:
   push:
     branches:
-      - main
+      - master
   pull_request:
     branches:
-      - main
+      - master
 
 jobs:
   build:

.github/workflows/deploy.yml

@@ -0,0 +1,30 @@
+name: Build and Deploy to Docker Hub
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Check Out Repo
+      uses: actions/checkout@v2
+
+    - name: Log in to Docker Hub
+      uses: docker/login-action@v1
+      with:
+        username: ${{ secrets.DOCKER_USERNAME }}
+        password: ${{ secrets.DOCKER_PASSWORD }}
+
+    - name: Build and Push Docker image
+      uses: docker/build-push-action@v2
+      with:
+        context: .
+        file: ./Dockerfile
+        push: true
+        tags: subhanshujha007/arcade:arcade_game  # Replace with your Docker Hub username and repository
+
+    - name: Verify Pushed Image
+      run: docker pull  subhanshujha007/arcade:arcade_game # Replace with your Docker Hub username and repository

src/app/page.tsx

@@ -5,7 +5,7 @@ import GameCanvas from '../Componenets/GameCanvas';
 const Home = () => {
   return (
     <div className="container">
-      <h1 style={{marginBottom:"20px",border:"2px solid white"}} >Arcade Game</h1>
+      <h1 style={{marginBottom:"20px",border:"2px solid white"}} >::Arcade Game::</h1>
 
       <GameCanvas/>
     </div>