diff --git a/package-lock.json b/package-lock.json
index 4051a96..96e31d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,9 @@
         "react-simple-chatbot": "^0.6.1",
         "swiper": "^11.1.14",
         "web-vitals": "^2.1.4"
+      },
+      "devDependencies": {
+        "gh-pages": "^6.2.0"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -7321,6 +7324,12 @@
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.50.tgz",
       "integrity": "sha512-eMVObiUQ2LdgeO1F/ySTXsvqvxb6ZH2zPGaMYsWzRDdOddUa77tdmI0ltg+L16UpbWdhPmuF3wIQYyQq65WfZw=="
     },
+    "node_modules/email-addresses": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-5.0.0.tgz",
+      "integrity": "sha512-4OIPYlA6JXqtVn8zpHpGiI7vE6EQOAg16aGnDMIAlZVinnoZ8208tW1hAbjWydgN/4PLTT9q+O1K6AH/vALJGw==",
+      "dev": true
+    },
     "node_modules/emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -8602,6 +8611,32 @@
         "node": ">=10"
       }
     },
+    "node_modules/filename-reserved-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-2.0.0.tgz",
+      "integrity": "sha512-lc1bnsSr4L4Bdif8Xb/qrtokGbq5zlsms/CYH8PP+WtCkGNF65DPiQY8vG3SakEdRn8Dlnm+gW/qWKKjS5sZzQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/filenamify": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-4.3.0.tgz",
+      "integrity": "sha512-hcFKyUG57yWGAzu1CMt/dPzYZuv+jAJUT85bL8mrXvNe6hWj6yEHEc4EdcgiA6Z3oi1/9wXJdZPXF2dZNgwgOg==",
+      "dev": true,
+      "dependencies": {
+        "filename-reserved-regex": "^2.0.0",
+        "strip-outer": "^1.0.1",
+        "trim-repeated": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/filesize": {
       "version": "8.0.7",
       "resolved": "https://registry.npmjs.org/filesize/-/filesize-8.0.7.tgz",
@@ -9066,6 +9101,51 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/gh-pages": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-6.2.0.tgz",
+      "integrity": "sha512-HMXJ8th9u5wRXaZCnLcs/d3oVvCHiZkaP5KQExQljYGwJjQbSPyTdHe/Gc1IvYUR/rWiZLxNobIqfoMHKTKjHQ==",
+      "dev": true,
+      "dependencies": {
+        "async": "^3.2.4",
+        "commander": "^11.0.0",
+        "email-addresses": "^5.0.0",
+        "filenamify": "^4.3.0",
+        "find-cache-dir": "^3.3.1",
+        "fs-extra": "^11.1.1",
+        "globby": "^11.1.0"
+      },
+      "bin": {
+        "gh-pages": "bin/gh-pages.js",
+        "gh-pages-clean": "bin/gh-pages-clean.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gh-pages/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/gh-pages/node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -16527,6 +16607,27 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/strip-outer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
+      "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-outer/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/style-loader": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
@@ -17289,6 +17390,27 @@
         "tree-kill": "cli.js"
       }
     },
+    "node_modules/trim-repeated": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
+      "integrity": "sha512-pkonvlKk8/ZuR0D5tLW8ljt5I8kmxp2XKymhepUeOdCEfKpZaktSArkLHZt76OB1ZvO9bssUsDty4SWhLvZpLg==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/trim-repeated/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/tryer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
diff --git a/package.json b/package.json
index 38c6f60..160dc87 100644
--- a/package.json
+++ b/package.json
@@ -43,5 +43,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "gh-pages": "^6.2.0"
   }
 }
diff --git a/src/Components/About.js b/src/Components/About.js
index c7bbcc4..742de1a 100644
--- a/src/Components/About.js
+++ b/src/Components/About.js
@@ -73,7 +73,7 @@ const About = () => {
             variant="contained"
             color="primary"
             startIcon={<LinkedInIcon />}
-            href="https://www.linkedin.com/in/your-linkedin-username" // Replace with your LinkedIn URL
+            href="https://www.linkedin.com/in/ganga-weerakkody-1587a92a9/" // Replace with your LinkedIn URL
             target="_blank"
             rel="noopener noreferrer"
             sx={{
diff --git a/src/Components/Contact.js b/src/Components/Contact.js
index d47f650..6ec05f2 100644
--- a/src/Components/Contact.js
+++ b/src/Components/Contact.js
@@ -98,7 +98,8 @@ const Contact = () => {
                             <Button
                                 type="submit"
                                 variant="contained"
-                                color="primary"
+                                color='#BA55D3'
+                                
                                 sx={{
                                     px: 5,
                                     py: 1.5,
@@ -106,6 +107,7 @@ const Contact = () => {
                                     textTransform: 'none',
                                     fontWeight: 'bold',
                                     fontSize: '1rem',
+                                    
                                 }}
                             >
                                 Send Message
diff --git a/src/Components/Home.js b/src/Components/Home.js
index 6d1f294..69fb14a 100644
--- a/src/Components/Home.js
+++ b/src/Components/Home.js
@@ -1,116 +1,76 @@
 import React from 'react';
 import { Typography, Box, Button, Container } from '@mui/material';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import 'swiper/css';
-import 'swiper/css/effect-fade';
-import 'swiper/css/navigation';
-import 'swiper/css/pagination';
-import 'swiper/css/autoplay'; // Explicit import for autoplay styles
 import Profile from '../Images/Profile.jpg';
-import { Autoplay, Pagination, Navigation } from 'swiper/modules';
-
-const slides = [
-  {
-    title: "I'm Isuru Ganga Weerakkody",
-    subtitle: 'Freelance Web Designer & Developer',
-    image: Profile,
-    actions: [
-      { label: 'Hire Me', link: '#' },
-      { label: 'Download CV', link: '#' },
-    ],
-  },
-  {
-    title: 'Crafting Beautiful Websites',
-    subtitle: 'Transforming ideas into digital experiences',
-    image: 'https://via.placeholder.com/500',
-    actions: [
-      { label: 'View Portfolio', link: '#' },
-    ],
-  },
-  {
-    title: 'Building Scalable Solutions',
-    subtitle: 'Creating efficient and robust applications',
-    image: 'https://via.placeholder.com/500',
-    actions: [
-      { label: 'Learn More', link: '#' },
-    ],
-  },
-];
 
 const Home = () => {
   return (
-    <Box id="home" sx={{ backgroundColor: '#BA55D3' }}>
-      <Container maxWidth="lg">
-        <Swiper
-          modules={[Autoplay, Pagination, Navigation]}
-          effect="fade"
-          navigation
-          pagination={{ clickable: true }}
-          autoplay={{ delay: 5000, disableOnInteraction: false }}
-          loop
-          style={{ padding: '30px 0' }}
-        >
-          {slides.map((slide, index) => (
-            <SwiperSlide key={index}>
-              <Box
-                sx={{
-                  display: 'flex',
-                  flexDirection: { xs: 'column', md: 'row' },
-                  alignItems: 'center',
-                  justifyContent: 'space-between',
-                  textAlign: { xs: 'center', md: 'left' },
-                  color: 'white',
-                  padding: 3,
-                }}
-              >
-                {/* Image Section */}
-                <Box
-                  sx={{
-                    width: 250,
-                    height: 250,
-                    borderRadius: '50%',
-                    overflow: 'hidden',
-                    backgroundImage: `url(${slide.image})`,
-                    backgroundSize: 'cover',
-                    backgroundPosition: 'center',
-                    flexShrink: 0,
-                    mb: { xs: 3, md: 0 },
-                  }}
-                />
-
-                {/* Text Section */}
-                <Box>
-                  <Typography variant="h3" fontWeight="bold" mb={2}>
-                    {slide.title}
-                  </Typography>
-                  <Typography variant="h5" color="textSecondary" mb={3}>
-                    {slide.subtitle}
-                  </Typography>
+    <Box
+      id="home"
+      sx={{
+        backgroundColor: '#1E1E1E', 
+        color: 'white', 
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
+      }}
+    >
+      <Container maxWidth="sm">
+        {/* Profile Image */}
+        <Box
+          sx={{
+            width: 200,
+            height: 200,
+            borderRadius: '50%',
+            overflow: 'hidden',
+            backgroundImage: `url(${Profile})`,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+            mx: 'auto',
+            mb: 3,
+          }}
+        />
+     
+        <Typography variant="h3" fontWeight="bold" mb={2}>
+          I'm Isuru Ganga Weerakkody
+        </Typography>
+        <Typography variant="h5" mb={3}>
+         Software Engineer
+        </Typography>
 
-                  {/* Buttons */}
-                  {slide.actions.map((action, i) => (
-                    <Button
-                      key={i}
-                      variant="outlined"
-                      sx={{
-                        color: 'white',
-                        borderColor: 'white',
-                        mr: 2,
-                        '&:hover': {
-                          backgroundColor: 'white',
-                          color: '#BA55D3',
-                        },
-                      }}
-                      href={action.link}
-                    >
-                      {action.label}
-                    </Button>
-                  ))}
-                </Box>
-              </Box>
-            </SwiperSlide>
-          ))}
-        </Swiper>
+       
+        <Box>
+          <Button
+            variant="outlined"
+            sx={{
+              color: 'white',
+              borderColor: 'white',
+              mr: 2,
+              '&:hover': {
+                backgroundColor: 'white',
+                color: '#1E1E1E',
+              },
+            }}
+            href="#"
+          >
+            Hire Me
+          </Button>
+          <Button
+            variant="outlined"
+            sx={{
+              color: 'white',
+              borderColor: 'white',
+              '&:hover': {
+                backgroundColor: 'white',
+                color: '#1E1E1E',
+              },
+            }}
+            href="#"
+          >
+            Download CV
+          </Button>
+        </Box>
       </Container>
     </Box>
   );
diff --git a/src/Components/Projects.js b/src/Components/Projects.js
index 1bf4507..a76eb7a 100644
--- a/src/Components/Projects.js
+++ b/src/Components/Projects.js
@@ -1,17 +1,18 @@
 import React from 'react';
 import { Typography, Box, Grid, Card, CardContent, CardMedia, Button } from '@mui/material';
-
+import toolImage from '../Images/ToolSystem.png';
+import BiddingSystem from '../Images/bidding.png'
 const projectsData = [
   {
     title: 'Tool Management System',
     description: 'A tool tracking app for construction sites.',
-    image: 'https://via.placeholder.com/300',
+    image: toolImage,
     link: '#',
   },
   {
-    title: 'E-Commerce Platform',
-    description: 'A modern online shopping platform with seamless user experience.',
-    image: 'https://via.placeholder.com/300',
+    title: 'Bidding System',
+    description: 'A online bidding platform with seamless user experience.',
+    image: BiddingSystem,
     link: '#',
   },
   {
diff --git a/src/Components/Skills.js b/src/Components/Skills.js
index f651763..b4197df 100644
--- a/src/Components/Skills.js
+++ b/src/Components/Skills.js
@@ -55,12 +55,12 @@ const Skills = () => {
                                                 flexDirection: 'column',
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
-                                                backgroundColor: '#4B0082',
+                                                backgroundColor: '#BA55D3',
                                                 color: 'white',
                                                 '&:hover': {
                                                     transform: 'scale(1.1)',
                                                     transition: 'transform 0.3s ease-in-out',
-                                                    backgroundColor: '#7B68EE',
+                                                    
                                                 },
                                             }}
                                         >
diff --git a/src/Images/ToolSystem.png b/src/Images/ToolSystem.png
new file mode 100644
index 0000000..327ce87
Binary files /dev/null and b/src/Images/ToolSystem.png differ
diff --git a/src/Images/bidding.png b/src/Images/bidding.png
new file mode 100644
index 0000000..2977385
Binary files /dev/null and b/src/Images/bidding.png differ