1 files changed, 21 insertions, 0 deletions
diff --git a/src/frontend/components/Banner/Banner.tsx b/src/frontend/components/Banner/Banner.tsx
new file mode 100644
index 0000000..f2d75e2
--- /dev/null
+++ b/src/frontend/components/Banner/Banner.tsx
@@ -0,0 +1,21 @@
+// Copyright The OpenTelemetry Authors
+// SPDX-License-Identifier: Apache-2.0
+
+import Link from 'next/link';
+import * as S from './Banner.styled';
+
+const Banner = () => {
+  return (
+    <S.Banner>
+      <S.ImageContainer>
+        <S.BannerImg />
+      </S.ImageContainer>
+      <S.TextContainer>
+        <S.Title>The best telescopes to see the world closer</S.Title>
+        <Link href="#hot-products"><S.GoShoppingButton>Go Shopping</S.GoShoppingButton></Link>
+      </S.TextContainer>
+    </S.Banner>
+  );
+};
+
+export default Banner;