diff --git a/pages/index.jsx b/pages/index.jsx
index c3e8eaa5..b4d4c63d 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -4,7 +4,7 @@ import Head from 'next/head'
 import { App } from '../src/components/App'
 import { Meta } from '../src/components/Meta'
 import ArticleCardList from '../src/components/ArticleCardList'
-import HudozkaTitle from '../src/components/HudozkaTitle'
+import { HudozkaTitle } from '../src/components/HudozkaTitle'
 import menuModel from '../src/models/menu'
 import { meta } from '../src/lib/meta'
 import { buildMenu } from '../src/lib/menu'
diff --git a/src/components/HudozkaTitle.js b/src/components/HudozkaTitle.jsx
similarity index 64%
rename from src/components/HudozkaTitle.js
rename to src/components/HudozkaTitle.jsx
index bb77a061..81aa00d9 100644
--- a/src/components/HudozkaTitle.js
+++ b/src/components/HudozkaTitle.jsx
@@ -1,10 +1,8 @@
-const React = require('react')
+import React from 'react'
 
-const HudozkaTitle = () => (
+export const HudozkaTitle = () => (
 	<div className="HudozkaTitle">
 		<p>МБУДО</p>
 		<h1>Шлиссельбургская детская художественная школа</h1>
 	</div>
 )
-
-module.exports = HudozkaTitle