diff --git a/.gitignore b/.gitignore
index 107b76f..e4adf1e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,5 +36,6 @@ yarn-error.log*
 next-env.d.ts
 
 .env
+.venv
 
 settings.json
\ No newline at end of file
diff --git a/components/BrowseItem/BrowseItem.js b/components/BrowseItem/BrowseItem.js
index 3306409..80ff464 100644
--- a/components/BrowseItem/BrowseItem.js
+++ b/components/BrowseItem/BrowseItem.js
@@ -7,7 +7,7 @@ const BrowseItem = ({ projectData }) => {
     // Provide default values if projectData is not provided
     projectData = projectData || {
         status: "Accepted",
-        imageSrc: "/Images/img-2.jpg",
+        imageSrc: "/Images/img-2.webp",
         title: "Custom Silk Outfit with Embroidery",
         estimate: "Estimate Budget: INR 6,000 - INR 8,000",
         bidsInfo: {
diff --git a/components/CustomerSidebar/CustomerSidebar.js b/components/CustomerSidebar/CustomerSidebar.js
index cc26a47..9a4ec3f 100644
--- a/components/CustomerSidebar/CustomerSidebar.js
+++ b/components/CustomerSidebar/CustomerSidebar.js
@@ -7,13 +7,13 @@ export default function CustomerSidebar({ user }) {
         <div className="CustomerSidebar" >
             <div className="CustomerSidebar__top">
                 <div className="CustomerSidebar__top__row">
-                    <Image className="CustomerSidebar__top__row--image" src={'/Images/Customer/my_projects.png'} width={25} height={25} />
+                    <Image className="CustomerSidebar__top__row--image" src={'/Images/Customer/my_projects.webp'} width={25} height={25} />
                     <Link href="/customer/customerDashboard">
                         <p className="CustomerSidebar__top__row--text">My Projects</p>
                     </Link>
                 </div>
                 <div className="CustomerSidebar__top__row">
-                    <Image className="CustomerSidebar__top__row--image" src={'/Images/Customer/bid_management.png'} width={20} height={20} />
+                    <Image className="CustomerSidebar__top__row--image" src={'/Images/Customer/bid_management.webp'} width={20} height={20} />
                     <Link href="/customer/bidManagement">
                         <p className="CustomerSidebar__top__row--text">Bid Management</p>
                     </Link>
@@ -24,7 +24,7 @@ export default function CustomerSidebar({ user }) {
                     <p className="CustomerSidebar__bottom--column__name">{user.name}</p>
                     <p className="CustomerSidebar__bottom--column__email">{user.email}</p>
                 </div>
-                <Image className="CustomerSidebar__top__row--image" src={'/Images/Customer/logout.png'} width={20} height={20} />
+                <Image className="CustomerSidebar__top__row--image" src={'/Images/Customer/logout.webp'} width={20} height={20} />
             </div>
         </div>
     )
diff --git a/components/Hero/Hero.js b/components/Hero/Hero.js
index 931c385..f2e9c46 100644
--- a/components/Hero/Hero.js
+++ b/components/Hero/Hero.js
@@ -4,12 +4,12 @@ const Hero = () => {
     return (
         <div className='Hero'>
             <div className='Hero__images'>
-                <img className='Hero__images--image1' src='/Images/hero/image1.png' />
-                <img className='Hero__images--image2' src='/Images/hero/image2.png' />
-                <img className='Hero__images--image3' src='/Images/hero/image3.png' />
-                <img className='Hero__images--image4' src='/Images/hero/image4.png' />
-                <img className='Hero__images--image5' src='/Images/hero/image5.png' />
-                <img className='Hero__images--image6' src='/Images/hero/image6.png' />
+                <img className='Hero__images--image1' src='/Images/hero/image1.webp' />
+                <img className='Hero__images--image2' src='/Images/hero/image2.webp' />
+                <img className='Hero__images--image3' src='/Images/hero/image3.webp' />
+                <img className='Hero__images--image4' src='/Images/hero/image4.webp' />
+                <img className='Hero__images--image5' src='/Images/hero/image5.webp' />
+                <img className='Hero__images--image6' src='/Images/hero/image6.webp' />
             </div>
             <div className='Hero__content'>
                 <p className='Hero__content--text'><span>CUSTOMIZED</span><br />CLOTHING <span>FOR YOUR</span><br /><span>UNIQUE</span> IDENTITY</p>
@@ -17,11 +17,11 @@ const Hero = () => {
                 <div className='Hero__content--buttons'>
                     <div className='Hero__content--buttons__button'>
                         <p className='Hero__content--buttons__button--text'>Get Customized Style</p>
-                        <img src='/Images/hero/side_arrow.png' />
+                        <img src='/Images/hero/side_arrow.webp' />
                     </div>
                     <div className='Hero__content--buttons__button'>
                         <p className='Hero__content--buttons__button--text'>Showcase Your Creativity</p>
-                        <img src='/Images/hero/side_arrow.png' />
+                        <img src='/Images/hero/side_arrow.webp' />
                     </div>
                 </div>
             </div>
diff --git a/components/MainMeet/MainMeet.js b/components/MainMeet/MainMeet.js
index 61d2881..c514b9f 100644
--- a/components/MainMeet/MainMeet.js
+++ b/components/MainMeet/MainMeet.js
@@ -14,20 +14,20 @@ function MainMeet() {
             <div className="MainMeet__team">
                 <div className="SportsSlider">
                     <div className="SportsSlider__track">
-                        <Card name="Mansa Dash" photo="/Images/LandingPage/MansaCrop.jpg" />
-                        <Card name="Naisha Srivastav" photo="/Images/LandingPage/naishaCrop.jpg" />
-                        <Card name="Mahika Kathuria" photo="/Images/LandingPage/mahikaCrop.jpg" />
-                        <Card name="Devina Mehta" photo="/Images/LandingPage/devinaCrop.jpg" />
-                        <Card name="Ira Chawla" photo="/Images/LandingPage/IraCropped.jpg" />
-                        <Card name="Navya Mittal" photo="/Images/LandingPage/navyaCrop.jpg" />
-                        <Card name="Ramneek K Panesar" photo="/Images/LandingPage/RamneekCrop.jpg" />
-                        <Card name="Mansa Dash" photo="/Images/LandingPage/MansaCrop.jpg" />
-                        <Card name="Naisha Srivastav" photo="/Images/LandingPage/naishaCrop.jpg" />
-                        <Card name="Mahika Kathuria" photo="/Images/LandingPage/mahikaCrop.jpg" />
-                        <Card name="Devina Mehta" photo="/Images/LandingPage/devinaCrop.jpg" />
-                        <Card name="Ira Chawla" photo="/Images/LandingPage/IraCropped.jpg" />
-                        <Card name="Navya Mittal" photo="/Images/LandingPage/navyaCrop.jpg" />
-                        <Card name="Ramneek K Panesar" photo="/Images/LandingPage/RamneekCrop.jpg" />
+                        <Card name="Mansa Dash" photo="/Images/LandingPage/MansaCrop.webp" />
+                        <Card name="Naisha Srivastav" photo="/Images/LandingPage/naishaCrop.webp" />
+                        <Card name="Mahika Kathuria" photo="/Images/LandingPage/mahikaCrop.webp" />
+                        <Card name="Devina Mehta" photo="/Images/LandingPage/devinaCrop.webp" />
+                        <Card name="Ira Chawla" photo="/Images/LandingPage/IraCropped.webp" />
+                        <Card name="Navya Mittal" photo="/Images/LandingPage/navyaCrop.webp" />
+                        <Card name="Ramneek K Panesar" photo="/Images/LandingPage/RamneekCrop.webp" />
+                        <Card name="Mansa Dash" photo="/Images/LandingPage/MansaCrop.webp" />
+                        <Card name="Naisha Srivastav" photo="/Images/LandingPage/naishaCrop.webp" />
+                        <Card name="Mahika Kathuria" photo="/Images/LandingPage/mahikaCrop.webp" />
+                        <Card name="Devina Mehta" photo="/Images/LandingPage/devinaCrop.webp" />
+                        <Card name="Ira Chawla" photo="/Images/LandingPage/IraCropped.webp" />
+                        <Card name="Navya Mittal" photo="/Images/LandingPage/navyaCrop.webp" />
+                        <Card name="Ramneek K Panesar" photo="/Images/LandingPage/RamneekCrop.webp" />
                     </div>
                 </div>
             </div>
diff --git a/components/ProjectItem/ProjectItem.js b/components/ProjectItem/ProjectItem.js
index 2527553..05ba770 100644
--- a/components/ProjectItem/ProjectItem.js
+++ b/components/ProjectItem/ProjectItem.js
@@ -6,7 +6,7 @@ const ProjectItem = ({ projectData }) => {
     // Provide default values if projectData is not provided
     projectData = projectData || {
         status: "Accepted",
-        imageSrc: "/Images/img-2.jpg",
+        imageSrc: "/Images/img-2.webp",
         title: "Custom Silk Outfit with Embroidery",
         estimate: "Estimate Budget: INR 6,000 - INR 8,000",
         bidsInfo: {
diff --git a/components/Waste/Waste.js b/components/Waste/Waste.js
index 3af6922..0fe20ce 100644
--- a/components/Waste/Waste.js
+++ b/components/Waste/Waste.js
@@ -3,7 +3,7 @@ import './Waste.scss'
 const Waste = () => {
     return (
         <div className='Waste'>
-            <img src='/Images/hero/waste.png' />
+            <img src='/Images/hero/waste.webp' />
         </div>
     )
 }
diff --git a/pages/customer/projectDescription.js b/pages/customer/projectDescription.js
index b833178..990606d 100644
--- a/pages/customer/projectDescription.js
+++ b/pages/customer/projectDescription.js
@@ -21,7 +21,7 @@ export default function ProjectDescription() {
                     </div>
                     <div className='ProjectDescription__bottom--box__attach'>
                         <div className='ProjectDescription__bottom--box__attach--logo'>
-                            <Image className='ProjectDescription__bottom--box__attach--logo__image' src='/Images/Customer/attach_files.png' width={30} height={30} />
+                            <Image className='ProjectDescription__bottom--box__attach--logo__image' src='/Images/Customer/attach_files.webp' width={30} height={30} />
                             <input type='file' />
                         </div>
                         <p className='ProjectDescription__bottom--box__attach--text'>Upload any images or documents that might be helpful in explaining your brief here (Max file size: 10MB)</p>
diff --git a/pages/customer/projectFinalize.js b/pages/customer/projectFinalize.js
index ab8c62d..cbeb96f 100644
--- a/pages/customer/projectFinalize.js
+++ b/pages/customer/projectFinalize.js
@@ -21,7 +21,7 @@ export default function ProjectFinalize() {
                     </div>
                     <div className='ProjectDescription__bottom--box__attach'>
                         <div className='ProjectDescription__bottom--box__attach--logo'>
-                            <Image className='ProjectDescription__bottom--box__attach--logo__image' src='/Images/Customer/attach_files.png' width={30} height={30} />
+                            <Image className='ProjectDescription__bottom--box__attach--logo__image' src='/Images/Customer/attach_files.webp' width={30} height={30} />
                             <input type='file' />
                         </div>
                         <p className='ProjectDescription__bottom--box__attach--text'>Upload any images or documents that might be helpful in explaining your brief here (Max file size: 10MB)</p>
diff --git a/pages/designer/browse.js b/pages/designer/browse.js
index 11d5033..9a19cef 100644
--- a/pages/designer/browse.js
+++ b/pages/designer/browse.js
@@ -1,7 +1,7 @@
 import '../../styles/routes/designer/Browse.scss';
 import BrowseItem from "@/components/BrowseItem/BrowseItem";
 import Filter from "@/components/Filter/Filter"
-import img from '../../public/Images/img.png';
+import img from '../../public/Images/img.webp';
 import Image from 'next/image';
 import Bid from '@/components/Bid/Bid';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -29,7 +29,7 @@ export default function ProjectTitle() {
                         </div>
                     </div>
                     <div className="Browse__top--box-child">
-                        <Image className="Browse__top--box--image" src={'/Images/img.png'} width={400} height={300} />
+                        <Image className="Browse__top--box--image" src={'/Images/img.webp'} width={400} height={300} />
                     </div>
                 </div>
             </div>
diff --git a/pages/designer/browseProject.js b/pages/designer/browseProject.js
index 3d1d685..5369c7b 100644
--- a/pages/designer/browseProject.js
+++ b/pages/designer/browseProject.js
@@ -19,9 +19,9 @@ export default function BrowseProject({ project }) {
         Additional Specifications: I have a specific request for the outfit's design, including detailed embroidery on the collar and cuffs, adding a touch of sophistication and elegance.
         I'm open to discussing the design further and considering various bids from talented designers. Please provide your proposals, including estimated costs, and I look forward to collaborating with the selected designer to create a truly remarkable piece.`,
         attachments: [
-            '/Images/attach1.jpg',
-            '/Images/attach2.jpg',
-            '/Images/attach3.jpg',
+            '/Images/attach1.webp',
+            '/Images/attach2.webp',
+            '/Images/attach3.webp',
         ],
     };
 
diff --git a/pages/index.js b/pages/index.js
index 6e26f82..eaf5f88 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -85,7 +85,7 @@ export default function Home() {
             <MainHero />
           </div>
           <div className="section">
-            <img src="/Images/main_model.png" alt="main_model" className="Main__content--img" />
+            <img src="/Images/main_model.webp" alt="main_model" className="Main__content--img" />
           </div>
           <div className="section">
             <MainMission />
@@ -100,7 +100,7 @@ export default function Home() {
             <MainMeet />
           </div>
           <div className="section">
-            <img src="/Images/multiple_models.png" alt="main_model2" className="Main__content--img" />
+            <img src="/Images/multiple_models.webp" alt="main_model2" className="Main__content--img" />
           </div>
           <div className="section">
             <MainFoot />
diff --git a/public/Images/Customer/attach_files.png b/public/Images/Customer/attach_files.png
deleted file mode 100644
index 5765548..0000000
Binary files a/public/Images/Customer/attach_files.png and /dev/null differ
diff --git a/public/Images/Customer/attach_files.webp b/public/Images/Customer/attach_files.webp
new file mode 100644
index 0000000..34eb039
Binary files /dev/null and b/public/Images/Customer/attach_files.webp differ
diff --git a/public/Images/Customer/bid_management.png b/public/Images/Customer/bid_management.png
deleted file mode 100644
index f872a1b..0000000
Binary files a/public/Images/Customer/bid_management.png and /dev/null differ
diff --git a/public/Images/Customer/bid_management.webp b/public/Images/Customer/bid_management.webp
new file mode 100644
index 0000000..f5fabf3
Binary files /dev/null and b/public/Images/Customer/bid_management.webp differ
diff --git a/public/Images/Customer/logout.png b/public/Images/Customer/logout.png
deleted file mode 100644
index 99280d2..0000000
Binary files a/public/Images/Customer/logout.png and /dev/null differ
diff --git a/public/Images/Customer/logout.webp b/public/Images/Customer/logout.webp
new file mode 100644
index 0000000..3887358
Binary files /dev/null and b/public/Images/Customer/logout.webp differ
diff --git a/public/Images/Customer/my_projects.png b/public/Images/Customer/my_projects.png
deleted file mode 100644
index 3465cb9..0000000
Binary files a/public/Images/Customer/my_projects.png and /dev/null differ
diff --git a/public/Images/Customer/my_projects.webp b/public/Images/Customer/my_projects.webp
new file mode 100644
index 0000000..4fe22e7
Binary files /dev/null and b/public/Images/Customer/my_projects.webp differ
diff --git a/public/Images/LandingPage/IraCropped.jpg b/public/Images/LandingPage/IraCropped.jpg
deleted file mode 100644
index fadb88a..0000000
Binary files a/public/Images/LandingPage/IraCropped.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/IraCropped.webp b/public/Images/LandingPage/IraCropped.webp
new file mode 100644
index 0000000..15feb4c
Binary files /dev/null and b/public/Images/LandingPage/IraCropped.webp differ
diff --git a/public/Images/LandingPage/MansaCrop.jpg b/public/Images/LandingPage/MansaCrop.jpg
deleted file mode 100644
index c8eabe1..0000000
Binary files a/public/Images/LandingPage/MansaCrop.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/MansaCrop.webp b/public/Images/LandingPage/MansaCrop.webp
new file mode 100644
index 0000000..a6d4fe1
Binary files /dev/null and b/public/Images/LandingPage/MansaCrop.webp differ
diff --git a/public/Images/LandingPage/RamneekCrop.jpg b/public/Images/LandingPage/RamneekCrop.jpg
deleted file mode 100644
index b7acc66..0000000
Binary files a/public/Images/LandingPage/RamneekCrop.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/RamneekCrop.webp b/public/Images/LandingPage/RamneekCrop.webp
new file mode 100644
index 0000000..cf5e2fa
Binary files /dev/null and b/public/Images/LandingPage/RamneekCrop.webp differ
diff --git a/public/Images/LandingPage/devinaCrop.jpg b/public/Images/LandingPage/devinaCrop.jpg
deleted file mode 100644
index c35dcd2..0000000
Binary files a/public/Images/LandingPage/devinaCrop.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/devinaCrop.webp b/public/Images/LandingPage/devinaCrop.webp
new file mode 100644
index 0000000..d91316b
Binary files /dev/null and b/public/Images/LandingPage/devinaCrop.webp differ
diff --git a/public/Images/LandingPage/mahikaCrop.jpg b/public/Images/LandingPage/mahikaCrop.jpg
deleted file mode 100644
index bbf7dcd..0000000
Binary files a/public/Images/LandingPage/mahikaCrop.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/mahikaCrop.webp b/public/Images/LandingPage/mahikaCrop.webp
new file mode 100644
index 0000000..b426335
Binary files /dev/null and b/public/Images/LandingPage/mahikaCrop.webp differ
diff --git a/public/Images/LandingPage/naishaCrop.jpg b/public/Images/LandingPage/naishaCrop.jpg
deleted file mode 100644
index 61e2a22..0000000
Binary files a/public/Images/LandingPage/naishaCrop.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/naishaCrop.webp b/public/Images/LandingPage/naishaCrop.webp
new file mode 100644
index 0000000..33ac5c7
Binary files /dev/null and b/public/Images/LandingPage/naishaCrop.webp differ
diff --git a/public/Images/LandingPage/navyaCrop.jpg b/public/Images/LandingPage/navyaCrop.jpg
deleted file mode 100644
index eee5ee6..0000000
Binary files a/public/Images/LandingPage/navyaCrop.jpg and /dev/null differ
diff --git a/public/Images/LandingPage/navyaCrop.webp b/public/Images/LandingPage/navyaCrop.webp
new file mode 100644
index 0000000..3d770fb
Binary files /dev/null and b/public/Images/LandingPage/navyaCrop.webp differ
diff --git a/public/Images/attach1.jpg b/public/Images/attach1.jpg
deleted file mode 100644
index 3d67903..0000000
Binary files a/public/Images/attach1.jpg and /dev/null differ
diff --git a/public/Images/attach1.webp b/public/Images/attach1.webp
new file mode 100644
index 0000000..dbfc60f
Binary files /dev/null and b/public/Images/attach1.webp differ
diff --git a/public/Images/attach2.jpg b/public/Images/attach2.jpg
deleted file mode 100644
index 56de4bd..0000000
Binary files a/public/Images/attach2.jpg and /dev/null differ
diff --git a/public/Images/attach2.webp b/public/Images/attach2.webp
new file mode 100644
index 0000000..795c19d
Binary files /dev/null and b/public/Images/attach2.webp differ
diff --git a/public/Images/attach3.jpg b/public/Images/attach3.jpg
deleted file mode 100644
index 4120a70..0000000
Binary files a/public/Images/attach3.jpg and /dev/null differ
diff --git a/public/Images/attach3.webp b/public/Images/attach3.webp
new file mode 100644
index 0000000..3bb4286
Binary files /dev/null and b/public/Images/attach3.webp differ
diff --git a/public/Images/hero/image1.png b/public/Images/hero/image1.png
deleted file mode 100644
index ef364ae..0000000
Binary files a/public/Images/hero/image1.png and /dev/null differ
diff --git a/public/Images/hero/image1.webp b/public/Images/hero/image1.webp
new file mode 100644
index 0000000..d6ecae8
Binary files /dev/null and b/public/Images/hero/image1.webp differ
diff --git a/public/Images/hero/image2.png b/public/Images/hero/image2.png
deleted file mode 100644
index 4ebb7c2..0000000
Binary files a/public/Images/hero/image2.png and /dev/null differ
diff --git a/public/Images/hero/image2.webp b/public/Images/hero/image2.webp
new file mode 100644
index 0000000..93f6965
Binary files /dev/null and b/public/Images/hero/image2.webp differ
diff --git a/public/Images/hero/image3.png b/public/Images/hero/image3.png
deleted file mode 100644
index c9d93b3..0000000
Binary files a/public/Images/hero/image3.png and /dev/null differ
diff --git a/public/Images/hero/image3.webp b/public/Images/hero/image3.webp
new file mode 100644
index 0000000..6c77110
Binary files /dev/null and b/public/Images/hero/image3.webp differ
diff --git a/public/Images/hero/image4.png b/public/Images/hero/image4.png
deleted file mode 100644
index 9371168..0000000
Binary files a/public/Images/hero/image4.png and /dev/null differ
diff --git a/public/Images/hero/image4.webp b/public/Images/hero/image4.webp
new file mode 100644
index 0000000..fb9bdcb
Binary files /dev/null and b/public/Images/hero/image4.webp differ
diff --git a/public/Images/hero/image5.png b/public/Images/hero/image5.png
deleted file mode 100644
index 939ebda..0000000
Binary files a/public/Images/hero/image5.png and /dev/null differ
diff --git a/public/Images/hero/image5.webp b/public/Images/hero/image5.webp
new file mode 100644
index 0000000..e5aa250
Binary files /dev/null and b/public/Images/hero/image5.webp differ
diff --git a/public/Images/hero/image6.png b/public/Images/hero/image6.png
deleted file mode 100644
index fea33b3..0000000
Binary files a/public/Images/hero/image6.png and /dev/null differ
diff --git a/public/Images/hero/image6.webp b/public/Images/hero/image6.webp
new file mode 100644
index 0000000..3efc3b8
Binary files /dev/null and b/public/Images/hero/image6.webp differ
diff --git a/public/Images/hero/side_arrow.png b/public/Images/hero/side_arrow.png
deleted file mode 100644
index 5e26180..0000000
Binary files a/public/Images/hero/side_arrow.png and /dev/null differ
diff --git a/public/Images/hero/side_arrow.webp b/public/Images/hero/side_arrow.webp
new file mode 100644
index 0000000..2d24085
Binary files /dev/null and b/public/Images/hero/side_arrow.webp differ
diff --git a/public/Images/hero/waste.png b/public/Images/hero/waste.png
deleted file mode 100644
index 6d1e5c3..0000000
Binary files a/public/Images/hero/waste.png and /dev/null differ
diff --git a/public/Images/hero/waste.webp b/public/Images/hero/waste.webp
new file mode 100644
index 0000000..7b6c99f
Binary files /dev/null and b/public/Images/hero/waste.webp differ
diff --git a/public/Images/img-2.jpg b/public/Images/img-2.jpg
deleted file mode 100644
index 15e7cfc..0000000
Binary files a/public/Images/img-2.jpg and /dev/null differ
diff --git a/public/Images/img-2.webp b/public/Images/img-2.webp
new file mode 100644
index 0000000..566c1d3
Binary files /dev/null and b/public/Images/img-2.webp differ
diff --git a/public/Images/img.png b/public/Images/img.png
deleted file mode 100644
index d0cd920..0000000
Binary files a/public/Images/img.png and /dev/null differ
diff --git a/public/Images/img.webp b/public/Images/img.webp
new file mode 100644
index 0000000..14353d8
Binary files /dev/null and b/public/Images/img.webp differ
diff --git a/public/Images/login.png b/public/Images/login.png
deleted file mode 100644
index bb5d784..0000000
Binary files a/public/Images/login.png and /dev/null differ
diff --git a/public/Images/login.webp b/public/Images/login.webp
new file mode 100644
index 0000000..fccf12b
Binary files /dev/null and b/public/Images/login.webp differ
diff --git a/public/Images/main_model.png b/public/Images/main_model.png
deleted file mode 100644
index 63f3ff4..0000000
Binary files a/public/Images/main_model.png and /dev/null differ
diff --git a/public/Images/main_model.webp b/public/Images/main_model.webp
new file mode 100644
index 0000000..a7f808b
Binary files /dev/null and b/public/Images/main_model.webp differ
diff --git a/public/Images/multiple_models.png b/public/Images/multiple_models.png
deleted file mode 100644
index bbd325c..0000000
Binary files a/public/Images/multiple_models.png and /dev/null differ
diff --git a/public/Images/multiple_models.webp b/public/Images/multiple_models.webp
new file mode 100644
index 0000000..9294935
Binary files /dev/null and b/public/Images/multiple_models.webp differ
diff --git a/public/Images/photo1.jpg b/public/Images/photo1.jpg
deleted file mode 100644
index 68dcc03..0000000
Binary files a/public/Images/photo1.jpg and /dev/null differ
diff --git a/public/Images/plant.png b/public/Images/plant.png
deleted file mode 100644
index 2e9afd8..0000000
Binary files a/public/Images/plant.png and /dev/null differ
diff --git a/public/Images/plant.webp b/public/Images/plant.webp
new file mode 100644
index 0000000..05fe3b7
Binary files /dev/null and b/public/Images/plant.webp differ
diff --git a/public/Images/signup.png b/public/Images/signup.png
deleted file mode 100644
index 8139b18..0000000
Binary files a/public/Images/signup.png and /dev/null differ
diff --git a/public/Images/signup.webp b/public/Images/signup.webp
new file mode 100644
index 0000000..80ac209
Binary files /dev/null and b/public/Images/signup.webp differ