diff --git a/src/assets/images/BuildBanner.png b/src/assets/images/BuildBanner.png
deleted file mode 100644
index e3bf308..0000000
Binary files a/src/assets/images/BuildBanner.png and /dev/null differ
diff --git a/src/assets/images/BuildBanner.webp b/src/assets/images/BuildBanner.webp
new file mode 100644
index 0000000..0dfe1b3
Binary files /dev/null and b/src/assets/images/BuildBanner.webp differ
diff --git a/src/assets/images/faqBg.png b/src/assets/images/faqBg.png
deleted file mode 100644
index 9f8f4ac..0000000
Binary files a/src/assets/images/faqBg.png and /dev/null differ
diff --git a/src/assets/images/faqBg.webp b/src/assets/images/faqBg.webp
new file mode 100644
index 0000000..8a3d88f
Binary files /dev/null and b/src/assets/images/faqBg.webp differ
diff --git a/src/assets/images/form.png b/src/assets/images/form.png
deleted file mode 100644
index fecc597..0000000
Binary files a/src/assets/images/form.png and /dev/null differ
diff --git a/src/assets/images/form.webp b/src/assets/images/form.webp
new file mode 100644
index 0000000..4552d63
Binary files /dev/null and b/src/assets/images/form.webp differ
diff --git a/src/assets/images/learnBanner.png b/src/assets/images/learnBanner.png
deleted file mode 100644
index 7158be0..0000000
Binary files a/src/assets/images/learnBanner.png and /dev/null differ
diff --git a/src/assets/images/learnBanner.webp b/src/assets/images/learnBanner.webp
new file mode 100644
index 0000000..5f46fab
Binary files /dev/null and b/src/assets/images/learnBanner.webp differ
diff --git a/src/assets/images/whyRubix.webp b/src/assets/images/whyRubix.webp
new file mode 100644
index 0000000..e6b583a
Binary files /dev/null and b/src/assets/images/whyRubix.webp differ
diff --git a/src/components/BuildPage/BuildBanner.jsx b/src/components/BuildPage/BuildBanner.jsx
index d9069a0..313af4d 100644
--- a/src/components/BuildPage/BuildBanner.jsx
+++ b/src/components/BuildPage/BuildBanner.jsx
@@ -1,5 +1,5 @@
 import { Box, Button, Container, Text } from "@chakra-ui/react";
-import banner from "../../assets/images/BuildBanner.png";
+import banner from "../../assets/images/BuildBanner.webp";
 
 const BannerContent = [
   {
@@ -37,7 +37,7 @@ const BuildBanner = () => {
         maxW="container.xl"
         textAlign={"left"}
         marginTop={"2rem"}
-        paddingLeft={"5rem"}
+        paddingLeft={"4rem"}
         sx={{
           "@media (max-width: 435px)": {
             paddingLeft: "2rem",
@@ -107,7 +107,7 @@ const BuildBanner = () => {
         maxW="container.xl"
         textAlign={"left"}
         marginTop={"3rem"}
-        paddingLeft={"5rem"}
+        paddingLeft={"4rem"}
         sx={{
           "@media (max-width: 435px)": {
             paddingLeft: "2rem",
diff --git a/src/components/BuildPage/Tools.jsx b/src/components/BuildPage/Tools.jsx
index da2819e..11b0f90 100644
--- a/src/components/BuildPage/Tools.jsx
+++ b/src/components/BuildPage/Tools.jsx
@@ -92,7 +92,7 @@ const Tools = () => {
                 <Card
                   background={"#131313"}
                   borderRadius={"10px"}
-                  minH={"270px"}
+                  height={"100%"}
                 >
                   <CardHeader display={"flex"} justifyContent={"center"}>
                     <Image src={item.img} />
@@ -130,7 +130,7 @@ const Tools = () => {
           position={"relative"}
           backgroundColor={"transparent"}
           cursor={"pointer"}
-          transition="0.3s ease-in-out"
+          transition="0.3s ease-in"
           color={"#fff"}
           width={"227px"}
           height={"60px"}
@@ -153,7 +153,7 @@ const Tools = () => {
               width: "65px",
               height: "65px",
               borderRadius: "50%",
-              transition: "0.35s linear",
+              transition: "0.35s ease-in",
               zIndex: -1,
               bgGradient:
                 "radial-gradient(circle, #ffffff, #eee2f2, #e7c3dc, #e5a3ba, #de858e)",
diff --git a/src/components/BuildPage/WhyBuild.jsx b/src/components/BuildPage/WhyBuild.jsx
index cc4f199..6d3c5c1 100644
--- a/src/components/BuildPage/WhyBuild.jsx
+++ b/src/components/BuildPage/WhyBuild.jsx
@@ -8,7 +8,7 @@ import {
   AccordionPanel,
   AccordionIcon,
 } from "@chakra-ui/react";
-import bg from "../../assets/images/whyRubix.png";
+import bg from "../../assets/images/whyRubix.webp";
 import cube from "../../assets/images/cube.png";
 
 const accordion = [
@@ -46,7 +46,7 @@ const WhyBuild = () => {
     >
       <Container
         maxW={"container.xl"}
-        padding={"5rem"}
+        padding={"4rem"}
         sx={{
           "@media (max-width: 1024px)": {
             padding: "3rem",
diff --git a/src/components/Contact/Form.jsx b/src/components/Contact/Form.jsx
index 7a269bd..4ff7520 100644
--- a/src/components/Contact/Form.jsx
+++ b/src/components/Contact/Form.jsx
@@ -21,12 +21,11 @@ import {
   ModalFooter,
   Button,
 } from "@chakra-ui/react";
-import BGimage from "../../assets/images/form.png";
+import BGimage from "../../assets/images/form.webp";
 import formx from "../../assets/images/formx.png";
 import formfb from "../../assets/images/formfb.png";
 import forml from "../../assets/images/forml.png";
 import { Link } from "react-router-dom";
-import { ChevronDownIcon } from "@chakra-ui/icons";
 
 const Contact = () => {
   const {
diff --git a/src/components/LearnPage/Faq.jsx b/src/components/LearnPage/Faq.jsx
index 6ffdb8c..2259fb1 100644
--- a/src/components/LearnPage/Faq.jsx
+++ b/src/components/LearnPage/Faq.jsx
@@ -1,4 +1,4 @@
-import banner from "../../assets/images/faqBg.png";
+import banner from "../../assets/images/faqBg.webp";
 import {
   Accordion,
   AccordionButton,
diff --git a/src/components/LearnPage/LearnBanner.jsx b/src/components/LearnPage/LearnBanner.jsx
index a4060ca..59bd44c 100644
--- a/src/components/LearnPage/LearnBanner.jsx
+++ b/src/components/LearnPage/LearnBanner.jsx
@@ -1,5 +1,5 @@
 import { Box, Button, Container, Text } from "@chakra-ui/react";
-import banner from "../../assets/images/learnBanner.png";
+import banner from "../../assets/images/learnBanner.webp";
 
 const BannerContent = [
   {
diff --git a/src/components/LearnPage/WhyRubix.jsx b/src/components/LearnPage/WhyRubix.jsx
index f42df9a..ba6494a 100644
--- a/src/components/LearnPage/WhyRubix.jsx
+++ b/src/components/LearnPage/WhyRubix.jsx
@@ -6,7 +6,7 @@ import {
   AccordionPanel,
   AccordionIcon,
 } from "@chakra-ui/react";
-import bg from "../../assets/images/whyRubix.png";
+import bg from "../../assets/images/whyRubix.webp";
 import cube from "../../assets/images/cube.png";
 
 const accordion = [