diff --git a/src/components/App/App.tsx b/src/components/App/App.tsx
index e3a1d9f..f121832 100644
--- a/src/components/App/App.tsx
+++ b/src/components/App/App.tsx
@@ -2,19 +2,23 @@ import bg from "./bg.jpeg";
 import logo from "./r2r-logo.svg";
 import styled from "styled-components";
 import { HomeSearchBox } from "../HomeSearchBox/HomeSearchBox";
+import { LogoSection } from "../LogoSection/LogoSection";
 
 export function App() {
   return (
-    <BackgroundContainer>
-      <BackgroundCover />
-      <Banner>
-        <CompanyLogo />
-        <Headline>
-          Discover how to get anywhere by plane, train, bus, ferry & car
-        </Headline>
-        <HomeSearchBox />
-      </Banner>
-    </BackgroundContainer>
+    <>
+      <BackgroundContainer>
+        <BackgroundCover />
+        <Banner>
+          <CompanyLogo />
+          <Headline>
+            Discover how to get anywhere by plane, train, bus, ferry & car
+          </Headline>
+          <HomeSearchBox />
+        </Banner>
+      </BackgroundContainer>
+      <LogoSection />
+    </>
   );
 }
 
diff --git a/src/components/LogoSection/LogoSection.tsx b/src/components/LogoSection/LogoSection.tsx
new file mode 100644
index 0000000..c48718f
--- /dev/null
+++ b/src/components/LogoSection/LogoSection.tsx
@@ -0,0 +1,66 @@
+import styled from "styled-components";
+
+const LOGOS = [
+  "//static.r2r.io/images/logos/amtrak.png",
+  "//static.r2r.io/images/logos/nationalexpress-bus.png",
+  "//static.r2r.io/images/logos/trenitalia.png",
+  "//static.r2r.io/images/logos/skyscanner.png",
+  "//static.r2r.io/images/logos/bookingcom.png",
+  "//static.r2r.io/images/logos/rentalcars.png",
+];
+
+export function LogoSection() {
+  return (
+    <Container>
+      <Centered>
+        <LogoContainer>
+          <Title>Our partners include:</Title>
+        </LogoContainer>
+        {LOGOS.map((it) => (
+          <LogoContainer>
+            <Logo src={it} />
+          </LogoContainer>
+        ))}
+      </Centered>
+    </Container>
+  );
+}
+
+const LogoContainer = styled.div`
+  display: inline-block;
+  width: 14%;
+`;
+
+const Logo = styled.img`
+  display: inline-block;
+  height: 36px;
+  width: auto;
+`;
+
+const Container = styled.section`
+  padding: 16px 24px;
+`;
+
+const Centered = styled.div`
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1100px;
+  position: relative;
+`;
+
+const Title = styled.div`
+  display: inline-block;
+  font-size: 13px;
+  line-height: 26px;
+  background-color: #ebeef3;
+  color: #5d6981;
+  text-decoration: none;
+  font-weight: 400;
+  padding: 0 8px;
+  border-radius: 6px;
+
+  // center
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+`;
diff --git a/src/components/SearchTransport/SearchTransport.tsx b/src/components/SearchTransport/SearchTransport.tsx
index b0f8f96..f6cab6b 100644
--- a/src/components/SearchTransport/SearchTransport.tsx
+++ b/src/components/SearchTransport/SearchTransport.tsx
@@ -16,7 +16,7 @@ export function SearchTransport() {
 
   const openExplore = () => {
     const url = `http://www.rome2rio.com/map/${origin}/${destination}`;
-    var win = window.open(url, "_blank")!;
+    const win = window.open(url, "_blank")!;
     win.focus();
   };