diff --git a/src/App.js b/src/App.js
index f0812e4..0bada7f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,18 +2,14 @@ import React from 'react';
 import './App.css';
 import { Nav } from './components/header';
 import { Footer } from './components/footer';
-import { PayPal, Purchase, ShowCase } from './components/mainPage';
+import { Landding } from './components/mainPage';
 
 function App() {
   return (
     <div className="page-container">
       <div className="content-wrap">
         <Nav />
-        
-        <ShowCase />
-        <Purchase />
-        <PayPal />
-        
+        <Landding />
       </div>
       <Footer />
     </div>
diff --git a/src/components/footer/Footer.js b/src/components/footer/Footer.js
index 787415f..f108844 100644
--- a/src/components/footer/Footer.js
+++ b/src/components/footer/Footer.js
@@ -2,44 +2,44 @@ import React from "react";
 import "./Footer.css";
 
 const Footer = () => {
-    return (
-        <div className="main-footer">
-            <div className="container">
-                <div className="row">
-                    <div className="col">
-                        <h4>OEM Automation</h4>
-                        <ul className="list-unstyled">
-                            <li>(123)-456-7890</li>
-                            <li>Address</li>
-                            <li>New Jersey, US</li>
-                        </ul>
-                    </div>
-                    <div className="col">
-                        <h4>Placeholder</h4>
-                        <ul className="list-unstyled">
-                            <li>blah blah</li>
-                            <li>blah</li>
-                            <li>blahh</li>
-                        </ul>
-                    </div>
-                    <div className="col">
-                        <h4>Placeholder</h4>
-                        <ul className="list-unstyled">
-                            <li>blah blah</li>
-                            <li>blah</li>
-                            <li>blahh</li>
-                        </ul>
-                    </div>
-                </div>
-                <hr />
-                <div className="row" >
-                    <p className="col-sm">
-                        &copy; OEM Automation
-                    </p>
-                </div>
+  return (
+    <div className="container">
+      <div className="main-footer">
+        <div className="container">
+          <div className="row">
+            <div className="col">
+              <h4>OEM Automation</h4>
+              <ul className="list-unstyled">
+                <li>(123)-456-7890</li>
+                <li>Address</li>
+                <li>New Jersey, US</li>
+              </ul>
             </div>
+            <div className="col">
+              <h4>Placeholder</h4>
+              <ul className="list-unstyled">
+                <li>blah blah</li>
+                <li>blah</li>
+                <li>blahh</li>
+              </ul>
+            </div>
+            <div className="col">
+              <h4>Placeholder</h4>
+              <ul className="list-unstyled">
+                <li>blah blah</li>
+                <li>blah</li>
+                <li>blahh</li>
+              </ul>
+            </div>
+          </div>
+          <hr />
+          <div className="row">
+            <p className="col-sm">&copy; OEM Automation</p>
+          </div>
         </div>
-    );
-}
+      </div>
+    </div>
+  );
+};
 
-export default Footer;
\ No newline at end of file
+export default Footer;
diff --git a/src/components/header/Nav.js b/src/components/header/Nav.js
index 30a5b1e..003e47c 100644
--- a/src/components/header/Nav.js
+++ b/src/components/header/Nav.js
@@ -3,6 +3,7 @@ import { Navbar, Container } from 'react-bootstrap';
 
 const Nav = () => {
     return (
+        <div className="container">
         <Navbar bg="dark" variant="dark">
             <Container>
                 <Navbar.Brand>
@@ -10,6 +11,7 @@ const Nav = () => {
                 </Navbar.Brand>
             </Container>
         </Navbar>
+        </div>
     );
 }
 
diff --git a/src/components/mainPage/showCase.jsx b/src/components/mainPage/showCase.jsx
index b4a0115..607a550 100644
--- a/src/components/mainPage/showCase.jsx
+++ b/src/components/mainPage/showCase.jsx
@@ -4,7 +4,7 @@ import { plc, w2c } from "../../assets";
 
 const ShowCase = () => {
   return (
-    <div className="container border">
+    <div className="container">
       <div className="row">
         <div className="col-2">
           <figure className="figure border">