front init

src/pages/HomePage/ui/HomePage.module.scss

@@ -13,15 +13,15 @@
 
 	font-family: Roboto, sans-serif;
 	font-size: 2vw;
-	font-weight: bold;
 }
 
 .path {
 	font-style: italic;
 }
 
-.font {
-	font-size: 5vw;
+.title {
+	font-size: 4vw;
+	font-weight: 700;
 }
 
 .hint {
@@ -34,32 +34,3 @@
 
 	font-size: 1vw;
 }
-
-.testHint {
-	margin: 0 30px;
-}
-
-.link {
-	transition: 0.3s;
-	animation: shine 4s linear infinite;
-
-	color: #000;
-	background: linear-gradient(
-		to right,
-		#020024 10%,
-		#5b0979 40%,
-		#5b0979 60%,
-		#020024 80%
-	);
-	background-clip: text;
-	background-size: 200% auto;
-
-	font-size: 5vw;
-	-webkit-text-fill-color: transparent;
-
-	@keyframes shine {
-		to {
-			background-position: 200% center;
-		}
-	}
-}

src/pages/HomePage/ui/HomePage.tsx

@@ -1,27 +1,16 @@
-import Link from "next/link"
+import { Button } from "@shared/ui"
 
 import cls from "./HomePage.module.scss"
 
 const HomePage = () => {
 	return (
 		<div className={cls.homepage}>
-			<p className={cls.font}>
-				Hello from{" "}
-				<Link
-					href="https://github.com/yunglocokid"
-					target="_blank"
-					className={cls.link}
-				>
-					yunglocokid
-				</Link>
-			</p>
-			<pre className={cls.hint} data-testid="hint-code">
-				You can edit <span className={cls.path}>src/pages/HomePage</span> to
-				start {"<3"}!<br />
-				<small className={cls.testHint}>
-					You can also test your application using Jest :D. Try it!
-				</small>
+			<p className={cls.title}>Coffee Project Starter</p>
+			<pre className={cls.hint}>
+				Edit <span className={cls.path}>src/pages/HomePage</span> to begin
+				building your features.
 			</pre>
+			<Button variant="primary">Get Started</Button>
 		</div>
 	)
 }