whole div as a link

This commit is contained in:
BFlat committed 2023-04-27 15:44:06 +07:00
1 parent 0fa6dccec6
commit 1bc86c436c
2 files changed
+20 -6

No files matched your search

@@ -1247,6 +1247,11 @@ styles with important tags:
transition: 0.2s all;
transform: scale(1.05);
}
&:hover .btn {
transition: 0.2s all;
background-color: lighten($primary, 5%);
}
}
}
@@ -202,7 +202,10 @@ function LandingPage(props: Props) {
<h2 className="fw-bold mb-4">AI Tools</h2>
<div className="row g-4 position-relative">
<div className="col-12 col-md-4">
<div className="panel panel-select d-flex flex-column align-items-center">
<Link
to="/tts"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">Text to Speech</h3>
@@ -220,10 +223,13 @@ function LandingPage(props: Props) {
src="/images/landing/select-tts.webp"
alt="Text to speech"
/>
</div>
</Link>
</div>
<div className="col-12 col-md-4">
<div className="panel panel-select d-flex flex-column align-items-center">
<Link
to="/voice-conversion"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">Voice to Voice</h3>
@@ -241,10 +247,13 @@ function LandingPage(props: Props) {
src="/images/landing/select-vc.webp"
alt="Voice Conversion"
/>
</div>
</Link>
</div>
<div className="col-12 col-md-4">
<div className="panel panel-select d-flex flex-column align-items-center">
<Link
to="/video"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">Video Lip Sync</h3>
@@ -262,7 +271,7 @@ function LandingPage(props: Props) {
src="/images/landing/select-w2l.webp"
alt="Video Lip Sync"
/>
</div>
</Link>
</div>
<img
src="/images/landing/bg-dots.webp"