diff --git a/public/avasa.jpg b/public/avasa.jpg
index 2d3dc27..1239757 100644
Binary files a/public/avasa.jpg and b/public/avasa.jpg differ
diff --git a/public/indigo.jpg b/public/indigo.jpg
new file mode 100644
index 0000000..4b3e890
Binary files /dev/null and b/public/indigo.jpg differ
diff --git a/public/indigo.png b/public/indigo.png
deleted file mode 100644
index c8ce599..0000000
Binary files a/public/indigo.png and /dev/null differ
diff --git a/public/nobroker.jpg b/public/nobroker.jpg
new file mode 100644
index 0000000..e6b2ef1
Binary files /dev/null and b/public/nobroker.jpg differ
diff --git a/public/vrl.jpg b/public/vrl.jpg
index 525a5c7..8bd1c56 100644
Binary files a/public/vrl.jpg and b/public/vrl.jpg differ
diff --git a/src/App.js b/src/App.js
index 743e7b9..f0dc66b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,7 +8,7 @@ import UserContext from "./context/UserContext";
 import Options from "./components/Options";
 import Stepper from './components/Stepper';
 import NavBar from "./components/NavBar";
-
+import FillingDetails from "./components/FillingDetails";
 export default function App() {
   const [userData, setUserData ] = useState({
     token: undefined,
@@ -55,6 +55,7 @@ export default function App() {
             <Route path="/pricing" component={PricingPlan} />
             <Route path="/track" component={Stepper} />
             <Route path="/options" component={Options} />
+            <Route path="/details" component={FillingDetails} />
             <Route path="/" render={() => <div>404</div>}/>
           </Switch>
           </UserContext.Provider>
diff --git a/src/components/FillingDetails.js b/src/components/FillingDetails.js
new file mode 100644
index 0000000..8a6f21d
--- /dev/null
+++ b/src/components/FillingDetails.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import {Dropdown, DropdownButton} from 'react-bootstrap';
+
+const FillingDetails = () => {
+
+    return (
+        <DropdownButton id="dropdown-basic-button" title="Dropdown button">
+            <Dropdown.Item href="#/action-1">asdf</Dropdown.Item>
+            <Dropdown.Item href="#/action-2">zxcv</Dropdown.Item>
+            <Dropdown.Item href="#/action-3">qewrty</Dropdown.Item>
+        </DropdownButton>
+    );
+}
+
+export default FillingDetails;
\ No newline at end of file
diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index d0c0fe4..f2ff381 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -69,12 +69,10 @@ export default function  HomePage(){
       <div className="carousel-inner">
         <div className="carousel-item active container-fluid">
           <h2 className="testimonial-text">I had to shift from Bangalore to Hyderabad. Thanks to Locaft , it was easy to know about this place.</h2>
-          <img className="testimonial-image" src="Images/WhatsApp Image 2020-09-18 at 5.38.53 PM.jpeg" alt="mc-profile" />
           <em>Mani , Hyderabad</em>
         </div>
         <div className="carousel-item container-fluid">
           <h2 className="testimonial-text">Relocation took me 3 months previously , but thanks to Locaft , everything was done within 3 days.</h2>
-          <img className="testimonial-image" src="Images/WhatsApp Image 2020-09-18 at 5.38.39 PM.jpeg" alt="nishi-profile" />
           <em>Nishanth , Bangalore</em>
         </div>
       </div>
@@ -88,10 +86,11 @@ export default function  HomePage(){
 
   </section>
   <section className="colored-section" id="press">
-    <img className="press-logo" src="/indigo.png" alt="indigo-logo" />
+      <h3 className="big-heading">Our Partners</h3>
+    <img className="press-logo" src="/indigo.jpg" alt="indigo-logo" />
     <img className="press-logo" src="/avasa.jpg" alt="avasa-logo" />
     <img className="press-logo" src="/vrl.jpg" alt="vrl-logo" />
-    <img className="press-logo" src="/nobroker.png" alt="nobroker-logo" />
+    <img className="press-logo" src="/nobroker.jpg" alt="nobroker-logo" />
 
   </section>
   <section className="white-section" id="about-us">
diff --git a/src/components/HouseDetails.js b/src/components/HouseDetails.js
new file mode 100644
index 0000000..c9d610c
--- /dev/null
+++ b/src/components/HouseDetails.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const HouseDetails = (props) => {
+    
+   const contin = e => {
+    e.preventDefault();
+    this.props.nextStep();
+  };
+
+  const back = e => {
+    e.preventDefault();
+    this.props.prevStep();
+  };
+  const {values, handleChange} = props;
+  
+}
\ No newline at end of file
diff --git a/src/components/Options.js b/src/components/Options.js
index 6672ecd..a7108a2 100644
--- a/src/components/Options.js
+++ b/src/components/Options.js
@@ -21,9 +21,8 @@ export default function Options() {
 
         const MAX_STEPS = 4;
         let currentStep = 1;
-        if (nextBtn) {
             nextBtn.addEventListener('click', () => {
-                bullets[currentStep - 1].classNameList.add('completed');
+                bullets[currentStep - 1].classList.add('completed');
                 currentStep += 1;
                 previousBtn.disabled = false;
                 if (currentStep === MAX_STEPS) {
@@ -33,12 +32,11 @@ export default function Options() {
                 content.innerText = `Step Number ${currentStep}`;
 
             });
-        }
+        
 
 
-        if (previousBtn) {
             previousBtn.addEventListener('click', () => {
-                bullets[currentStep - 2].classNameList.remove('completed');
+                bullets[currentStep - 2].classList.remove('completed');
                 currentStep -= 1;
                 nextBtn.disabled = false;
                 finishBtn.disabled = true;
@@ -47,13 +45,12 @@ export default function Options() {
                 }
                 content.innerText = `Step Number ${currentStep}`;
             });
-        }
+        
 
-        if (finishBtn) {
             finishBtn.addEventListener('click', () => {
                 window.location.reload();
             });
-        }
+        
 
     })
 
@@ -78,10 +75,8 @@ export default function Options() {
                     <div className="bullet ">4</div>
                 </div>
             </div>
-            <CardList>
-                <Card img="https://i.redd.it/b3esnz5ra34y.jpg" />
-                <Card img="https://i.redd.it/b3esnz5ra34y.jpg" />
-            </CardList>
+            
+            
                 <div id="main">
                 <p id="content" className="text-center">Step Number 1</p>
                 <button id="previousBtn" >Previous</button>
diff --git a/src/components/PricingPlan.js b/src/components/PricingPlan.js
index 23946a4..bb48584 100644
--- a/src/components/PricingPlan.js
+++ b/src/components/PricingPlan.js
@@ -30,7 +30,6 @@ class PricingPlan extends Component {
                     < div class='pricing-plan__actions'>
                         <p class='pricing-plan__cost'>$10</p>
                         <p class='pricing-plan__text'>per month</p>
-                        <a href='./' class='pricing-plan__button'>Purchase</a>
                         <p class='pricing-plan__text'>Minimum spend over 12 months</p>
 
                     </div>
@@ -53,7 +52,6 @@ class PricingPlan extends Component {
                     < div class='pricing-plan__actions'>
                         <p class='pricing-plan__cost'>$50</p>
                         <p class='pricing-plan__text'>per month</p>
-                        <a href='./' class='pricing-plan__button'>Purchase</a>
                         <p class='pricing-plan__text'>Minimum spend over 12 months</p>
 
                     </div>
@@ -75,7 +73,6 @@ class PricingPlan extends Component {
                     < div class='pricing-plan__actions'>
                         <p class='pricing-plan__cost'>$100</p>
                         <p class='pricing-plan__text'>per month</p>
-                        <a href='./' class='pricing-plan__button'>Purchase</a>
                         <p class='pricing-plan__text'>Minimum spend over 12 months</p>
 
                     </div>
@@ -83,6 +80,7 @@ class PricingPlan extends Component {
 
 
                 </div>
+                        <a href='./' class='pricing-plan__button'>Purchase</a>
 
                 
 
diff --git a/src/homepage.css b/src/homepage.css
index 5d3e551..ec90da4 100644
--- a/src/homepage.css
+++ b/src/homepage.css
@@ -130,9 +130,12 @@ p {
   background-color: #66bfbf;
   padding-bottom: 3%;
 }
-
+.feature-title{
+  align-self: center;
+}
 .press-logo {
-  width: 15%;
+  width: 18%;
+  height: 18%;
   margin: 20px 20px 50px;
 }
 
diff --git a/src/pricing-plan.css b/src/pricing-plan.css
index 5e787a4..d83ba5f 100644
--- a/src/pricing-plan.css
+++ b/src/pricing-plan.css
@@ -83,7 +83,7 @@
 .pricing-plan__feature:not(:last-child) {
     
 
-    margin-bottom: 0.5em;
+    margin-bottom: 2em;
     
 }
 .pricing-plan__feature::before {
@@ -92,6 +92,7 @@
     color: #009578;
     position: absolute;
     left: 0;
+    
 }
 
 .pricing-plan__actions {