homepage and pricing fix

src/components/HomePage.js

@@ -81,6 +81,7 @@ const TestimonalTitle = styled.h2`
   line-height: 1.5;
   align-content: center;
   padding: 10px 50px;
+  font-style: italic;
   `;
 
 
@@ -92,7 +93,7 @@ export default function HomePage() {
     <div className="HomePage">
       <NavBar />
 
-      <ColoredSection height="100vh" width="100vw">
+      <ColoredSection >
 
         <ContainerPadded fluid>
 
@@ -155,13 +156,13 @@ export default function HomePage() {
           <Carousel.Item>
             <Carousel.Caption>
             </Carousel.Caption>
-              <TestimonalTitle>I had to shift from Bangalore to Hyderabad. Thanks to Locaft , it was easy to know about this place.</TestimonalTitle>
+              <TestimonalTitle>"I had to shift from Bangalore to Hyderabad. Thanks to Locaft , it was easy to know about this place."</TestimonalTitle>
               <p style={{'text-align':'center'}}>Nishant, Pune</p>
           </Carousel.Item>
           <Carousel.Item >
             <Carousel.Caption>
             </Carousel.Caption>
-              <TestimonalTitle>Relocation took me 3 months previously , but thanks to Locaft , everything was done within 3 days.</TestimonalTitle>
+              <TestimonalTitle>"Relocation took me 3 months previously , but thanks to Locaft , everything was done within 3 days."</TestimonalTitle>
               <p style={{'text-align': 'center'}}>Mani, Hyderabad</p>
           </Carousel.Item>
 

src/components/NavBar.js

@@ -127,7 +127,7 @@ export default function NavBar() {
           <ListElement><Anchor href="/#footer">Contact us</Anchor></ListElement>
           {userData.user ? (
             <React.Fragment>
-            <ListElement><Link onCListElementck={logout}>{userData.user.username}</Link></ListElement>
+            <ListElement><Linker onClick={logout}>{userData.user.username}</Linker></ListElement>
             </React.Fragment>
             
           ) : (

src/components/Payment.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import NavBar from './NavBar';
+import Footer from './Footer';
+
+
+

src/components/PricingPlan.js

@@ -1,7 +1,8 @@
-import React, { useState,Component } from 'react';
+import React, { useState,Component,useContext } from 'react';
 import NavBar from './NavBar';
 import Footer from './Footer';
 import styled,{css} from 'styled-components';
+import UserContext from "../context/UserContext";
 
 const size = {
   mobileS: '320px',
@@ -187,6 +188,7 @@ const Button = styled.a`
 `;
 
 const PricingPlan = () => {
+const { userData, setUserData } = useContext(UserContext);
 const [pricing, setPricing] = useState();
 
         return (