diff --git a/src/components/Info/Info.css b/src/components/Info/Info.css
new file mode 100644
index 0000000..78d2cc4
--- /dev/null
+++ b/src/components/Info/Info.css
@@ -0,0 +1,49 @@
+section.info {
+  margin: 72px auto 96px;
+  width: 66.67%;
+}
+
+h2 {
+  font-size: 48px;
+  font-weight: 400;
+  line-height: 60px;
+  margin: 0 0 96px;
+}
+
+h4 {
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 40px;
+  margin: 0 0 8px;
+}
+
+p {
+  margin-top: 0;
+}
+
+ul {
+  margin: 0 0 32px;
+  list-style: circle outside;
+  padding-left: 32px;
+}
+
+.feature {
+  display: flex;
+  margin-bottom: 96px;
+}
+
+.feature h3 {
+  flex: 1;
+  margin: 0;
+  padding-right: 40px;
+  font-size: 32px;
+  font-weight: 400;
+  line-height: 40px;
+}
+
+.feature-contents {
+  flex: 3;
+  padding-top: 6px;
+  font-size: 20px;
+  line-height: 30px;
+}
\ No newline at end of file
diff --git a/src/components/Info/Info.tsx b/src/components/Info/Info.tsx
new file mode 100644
index 0000000..57fff08
--- /dev/null
+++ b/src/components/Info/Info.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import "./Info.css";
+
+type InfoProps = { id: string, role?: string };
+
+const Info: React.FC<InfoProps> = ({ id, role, children }) => {
+  return <section id={id} role={role} className="info">{children}</section>;
+};
+
+export default Info;
diff --git a/src/components/index.ts b/src/components/index.ts
index 31f92db..071e0d8 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,10 +1,13 @@
 export { default as App } from "./App/App";
-export { default as Header } from "./Header/Header";
-export { default as IconGrid } from "./IconGrid/IconGrid";
-export { default as IconGridUV } from "./IconGrid/IconGridUV";
+export { default as NavBar } from "./NavBar/NavBar";
+export { default as Panorama } from "./Panorama/Panorama";
+export { default as Info } from "./Info/Info";
 export { default as Toolbar } from "./Toolbar/Toolbar";
+export { default as IconGrid } from "./IconGrid/IconGrid";
+export { default as IconGridStatic } from "./IconGrid/IconGridStatic";
+export { default as IconGridUV } from "./IconGrid/IconGridUV";
 export { default as ColorInput } from "./ColorInput/ColorInput";
 export { default as SearchInput } from "./SearchInput/SearchInput";
 export { default as SizeInput } from "./SizeInput/SizeInput";
 export { default as StyleInput } from "./StyleInput/StyleInput";
-export { default as Footer } from "./Footer/Footer";
\ No newline at end of file
+export { default as Footer } from "./Footer/Footer";