diff --git a/src/components/about/HomeAbout.jsx b/src/components/about/HomeAbout.jsx
deleted file mode 100644
index bfc079e..0000000
--- a/src/components/about/HomeAbout.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-//images
-
-import idea from '../../assets/creative-writing.png';
-import component from '../../assets/abstract.png';
-import project from '../../assets/blueprint.png';
-import collaborate from '../../assets/collaborate.png';
-//style
-
-import './homeabout.css';
-
-const HomeAbout = () => {
-    return (
-        <div className='about_container'>
-            <div className='key_feature'><p>Key Feature</p></div>
-            <div className='about_head'><p>Why use DoodleCollab ?</p></div>
-            <div className='about_text'>Lorem ipsum is typically a corrupted version of De finibus bonorum et malorum, a 1st-century BC text by the Roman statesman and philosopher Cicero, </div>
-            <div className='about_boxes'>
-                <div className='box'>
-                    <div className='sticker'><img src={idea} alt='idea' /></div>
-                    <div className='box_head'><b>Bring Ideas to Live</b></div>
-                    <div className='box_text'>Lorem Ipsum is simply dummy text of the printing and typesetting has been the industrys</div>
-                    <a href='#' className='box_link'>See How</a>
-                </div>
-                <div className='box'>
-                    <div className='sticker'><img src={component} alt='abstract' /></div>
-                    <div className='box_head'><b>Component Templates</b></div>
-                    <div className='box_text'>Lorem Ipsum is simply dummy text of the printing and typesetting has been the industrys</div>
-                    <a href='#' className='box_link'>See How</a>
-                </div>
-                <div className='box'>
-                    <div className='sticker'><img src={project} alt='project' /></div>
-                    <div className='box_head'><b>Project Management</b></div>
-                    <div className='box_text'>Lorem Ipsum is simply dummy text of the printing and typesetting has been the industrys</div>
-                    <a href='#' className='box_link'>See How</a>
-                </div>
-                <div className='box'>
-                    <div className='sticker'><img src={collaborate} alt='collaborate' /></div>
-                    <div className='box_head'><b>Live Collaboration</b></div>
-                    <div className='box_text'>Lorem Ipsum is simply dummy text of the printing and typesetting has been the industrys</div>
-                    <a href='#' className='box_link'>See How</a>
-                </div>
-
-            </div>
-        </div>
-    )
-}
-
-export default HomeAbout
\ No newline at end of file
diff --git a/src/components/about/homeabout.css b/src/components/about/homeabout.css
deleted file mode 100644
index 5b3f683..0000000
--- a/src/components/about/homeabout.css
+++ /dev/null
@@ -1,204 +0,0 @@
-.about_container {
-    margin-left: 22rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    margin-top: 2.75rem;
-
-}
-
-.key_feature {
-    margin-left: 7px;
-    font-size: 15px;
-    padding-right: 12px;
-    padding-left: 12px;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    border-radius: 1.5rem;
-    background-color: black;
-    color: white;
-}
-
-.about_head {
-    padding-left: 10px;
-    font: bold;
-    font-size: 1.65rem;
-    font-weight: 600;
-    margin-top: 1.5rem;
-}
-
-.about_text {
-    padding-left: 10px;
-    width: 450px;
-    margin-top: 1.75rem;
-    margin-bottom: 2rem;
-}
-
-.about_boxes {
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.box {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    height: 270px;
-    width: 230px;
-    margin: 10px;
-    overflow-wrap: break-word;
-    padding: 1.5rem;
-    border-radius: 20px;
-    box-shadow: 0px 8px 10px -5px rgba(118, 117, 117, 0.2);
-}
-
-.sticker {
-    margin-bottom: 1.5rem;
-}
-
-.box_head {
-    font-size: 16px;
-    margin-bottom: 0.75rem;
-}
-
-.box_text {
-    font-size: 14px;
-    margin-bottom: 1.5rem;
-}
-
-.box_link {
-    color: rgb(76, 76, 250);
-    font-weight: 550;
-}
-
-@media (min-width: 1097px) and (max-width: 1285px) {
-    .about_container {
-        margin: 0rem 7rem 0rem 7rem;
-        display: flex;
-
-
-    }
-}
-
-@media only screen and (max-width: 1096px) {
-    .about_container {
-        margin-left: 11px;
-        display: flex;
-        align-items: flex-start;
-        justify-content: flex-start;
-    }
-
-    .key_feature {
-        margin-left: 2px;
-        font-size: 20px;
-        padding-right: 15px;
-        padding-left: 15px;
-        padding-top: 6px;
-        padding-bottom: 6px;
-        border-radius: 1.75rem;
-        background-color: black;
-        color: white;
-    }
-
-    .about_head {
-        font-size: 1.5rem;
-    }
-
-    .box {
-        overflow: hidden;
-    }
-
-    .about_container {
-        min-width: auto;
-        flex-direction: column;
-        overflow: hidden;
-        margin: 0rem 0.85rem;
-        display: flex;
-        align-items: flex-start;
-        justify-content: flex-start;
-    }
-
-    .about_text {
-        width: auto;
-        text-align: start;
-        padding: 10px;
-
-    }
-
-    .about_boxes {
-        display: flex;
-
-
-    }
-
-    .box {
-        width: 100%;
-        margin: 0rem 1.75rem;
-    }
-}
-
-@media (min-width: 768px) and (max-width: 1023px) {
-    .about_container {
-        margin-left: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-    }
-
-    .key_feature {
-        margin-left: 2px;
-        font-size: 20px;
-        padding-right: 15px;
-        padding-left: 15px;
-        padding-top: 6px;
-        padding-bottom: 6px;
-        border-radius: 1.75rem;
-        background-color: black;
-        color: white;
-    }
-
-    .about_head {
-        font-size: 2rem;
-    }
-
-    .about_text {
-        font-size: 1.5rem;
-        padding: 15px;
-    }
-
-    .box {
-        font-size: 1.5rem;
-        width: 100%;
-        margin: 1rem 1.2rem 0rem 1.2rem;
-    }
-
-    .box_head {
-        font-size: 1.25rem;
-    }
-
-    .box_text {
-        font-size: 1.2rem;
-    }
-}
-
-@media only screen and (max-width:767px) {
-    .about_container {
-        margin-left: 0;
-        overflow: hidden;
-        width :100%;
-
-    }
-    .box{
-        width : 100%;
-    }
-
-    .about_head {
-        font-size: 1.25rem;
-    }
-
-    .about_text {
-        margin-top: 1.25rem;
-    }
-}
\ No newline at end of file