From 938c68ef31f58ec6c36f4f191ca57cf5c9da6de3 Mon Sep 17 00:00:00 2001
From: Priyatham-sai-chand <priyathamsaichand@gmail.com>
Date: Sun, 20 Dec 2020 20:41:54 +0530
Subject: [PATCH] styled migration

---
 src/components/HomePage.js | 31 ++++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/components/HomePage.js b/src/components/HomePage.js
index 44f1c00..edc9994 100644
--- a/src/components/HomePage.js
+++ b/src/components/HomePage.js
@@ -16,6 +16,10 @@ import styled from 'styled-components';
 const ITag = styled.i`
   
 
+`;
+const FeatureBox = styled.div`
+  padding: 4.5%;
+
 `;
 
 
@@ -29,32 +33,33 @@ export default function  HomePage(){
         
   <section className="colored-section" id="title">
 
-    <div className="container-fluid">
+    <Container fluid>
        
-      <div className="row">
+      <Row>
         
-        <div className="col-lg-6">
-          <h1 className="big-heading">Adapt to a new place easy peasy.</h1>
+        <Col lg6>
+          <h1 className="big-sdf
+          heading">Adapt to a new place easy peasy.</h1>
           <button type="button" onClick={() => {
             history.push("/user/login")
           }} className = "btn btn-info login mr-1">Log In</button>
           
           <button type="button" className="btn btn-info loginb" onClick={() => history.push("/user/register")} >Sign Up</button>
 
-        </div>
+        </Col>
         
-        <div className="col-lg-6">
+        <Col lg6>
           <img className="title-image" src="/locaft.png" alt="locaft-mockup" />
-        </div>
+        </Col>
         
-      </div>
-    </div>
+      </Row>
+    </Container>
   </section>
   <section className="white-section" id="features">
 
-    <div className="container-fluid">
+    <Container fluid>
 
-      <div className="row">
+      <Row>
         <div className="feature-box col-lg-4">
           <i className="icon fas fa-check-circle fa-4x"></i>
           <h3 className="feature-title">Easy to use.</h3>
@@ -72,10 +77,10 @@ export default function  HomePage(){
           <h3 className="feature-title">Relax</h3>
           <p>Sit back , we'll do the dirty work.</p>
         </div>
-      </div>
+      </Row>
 
 
-    </div>
+    </Container>
   </section>
   <section className="colored-section" id="testimonials">