Changes in build.yml and package.json and added good quality image in sponser section

.github/workflows/build.yml

@@ -4,23 +4,41 @@ on:
   push:
     branches:
       - main
+  pull_request:
+    branches:
+      - main
 
 jobs:
   deploy:
     runs-on: ubuntu-latest
 
+    # Checkout the code
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v2
 
+    # Setup NodeJS 
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
           node-version: 18
 
+    # Install dependencies
       - name: Install Dependencies
         run: npm install
 
+    # Run lint checks
+      - name: Run lint checks
+        run: npm run lint
+
+    # Run type checks
+      - name: Run type checks
+        run: npm run type-check
+
+    # code formatting with Prettier
+      - name: Check code formatting
+        run: npm run prettier-check
+
       - name: Build
         run: npm run build
 

README.md

@@ -8,6 +8,7 @@
 * [Introduction](#introduction)
 * [Features](#features)
 * [Installation](#installation)
+* [Continuous Integration (CI)](#continuous_integration)
 * [Usage](#usage)
 * [Contributing](#contribution)
 <!-- License -->
@@ -31,6 +32,32 @@ To set up the CNCG Delhi website locally, following are the steps:
 `npm install`
 * Start the development server: 
  `npm run dev`
+
+## Continuous Integration (CI) <a name="continuous_integration"></a>
+
+Our repository uses GitHub Actions to automate code validation and build processes. 
+
+### Workflow Details
+1. **Lint Checks:** Ensures code quality and detects issues using ESLint.
+2. **Type Checks:** Verifies TypeScript types to prevent runtime errors.
+3. **Code Formatting:** Checks adherence to the Prettier style guide.
+4. **Build Validation:** Confirms that the project builds successfully without errors.
+
+### Trigger
+The workflow runs automatically:
+- On every push to the `main` branch.
+- On every pull request targeting the `main` branch.
+
+### Failing Workflow
+If any step fails, the workflow blocks the merge until the issue is resolved. Ensure all checks pass before merging.
+
+### Commands for Local Validation
+Run the following commands locally before pushing code:
+- `npm run lint`
+- `npm run type-check`
+- `npm run prettier-check`
+- `npm run build`
+
 ## Usage <a name="usage"></a>
 The CNCG Delhi website is designed to be user-friendly. Simply navigate through the menu options to explore different sections of the website. You can register for membership, browse upcoming events, access resources, and engage with the community through forums.
 

package.json

@@ -7,6 +7,8 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build --base=./",
+    "type-check": "tsc --noEmit",
+    "prettier-check": "prettier --check .",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "predeploy": "npm run build",

src/Sections/Sponsors.tsx

@@ -1,6 +1,8 @@
 import "./Card.css";
-import devtron from "../images/devtron.png";
-import microsoft from "../images/microsoft.png";
+// import devtron from "../images/devtron.png";
+import devtron from "../images/new_devtron.png"
+// import microsoft from "../images/microsoft.png";
+import  microsoft  from "../images/new-microsoft.png";
 import tata from "../images/tata 1 mg.png";
 import epam from "../images/epam.png";
 export const Sponsors = () => {
@@ -15,10 +17,10 @@ export const Sponsors = () => {
         </h2>
         <div className="p-4 rounded-lg shadow-lg grid sm:grid-cols-1 md:grid-cols-2 gap-20">
           <div className="card ease-in-out ">
-            <img src={devtron} className="img pt-8"></img>
+            <img src={devtron} className="img pt-2 pr-1"></img>
           </div>
           <div className="card ease-in-out ">
-            <img src={microsoft} className="img pt-8"></img>
+            <img src={microsoft} className="img pt-4 pr-1"></img>
           </div>
           <div className="card ease-in-out ">
             <img src={tata} className="img"></img>