diff --git a/components/stories/StoriesBlocks.tsx b/components/stories/StoriesBlocks.tsx
new file mode 100644
index 0000000..ac00db8
--- /dev/null
+++ b/components/stories/StoriesBlocks.tsx
@@ -0,0 +1,37 @@
+import { FC } from 'react';
+import cx from 'classnames';
+
+import { STORIES } from '../../lib/consts';
+
+export const StoriesBlock: FC = () => {
+ return (
+
+ {STORIES.map((story) => (
+
+ ))}
+
+ );
+};
diff --git a/pages/index.tsx b/pages/index.tsx
index e85d909..8f2b399 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -5,6 +5,7 @@ import cx from 'classnames';
import Layout from '../components/Layout';
import Carousel from '../components/Carousel';
import { BASE_PATH, PICTURES, STORIES } from '../lib/consts';
+import { StoriesBlock } from '../components/stories/StoriesBlocks';
const Home: NextPage = () => {
return (
@@ -176,34 +177,7 @@ const Home: NextPage = () => {
{/* STORY BLOCKS */}
-
- {STORIES.map((story) => (
-
- ))}
-
+
{/* METHOD BLOCK */}
diff --git a/pages/stories/index.tsx b/pages/stories/index.tsx
new file mode 100644
index 0000000..b65b090
--- /dev/null
+++ b/pages/stories/index.tsx
@@ -0,0 +1,24 @@
+import Head from 'next/head';
+import { FC } from 'react';
+import Layout from '../../components/Layout';
+import { StoriesBlock } from '../../components/stories/StoriesBlocks';
+
+const StoriesPage: FC = () => {
+ return (
+
+
+ Respadon | Stories
+
+
+
+
+
+
+ );
+};
+
+export default StoriesPage;