arkorty/DownLink
1
0
Fork 0
mirror of https://github.com/arkorty/DownLink.git synced 2026-03-18 00:57:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feature: lots of styling improvements!

Browse Source
This commit is contained in:
Arkaprabha Chakraborty
2024-08-09 19:43:33 +05:30
parent ce62fedfb8
commit 395fbce5b3
5 changed files with 107 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/components/Home.js
View File

@@ -1,13 +1,30 @@
"use client";
import React from "react";
import DownloadForm from "./DownloadForm";
import { TypeAnimation } from "react-type-animation";
const Home = () => {
return (
<div className="max-w-4xl mx-auto">
<h2 className="text-2xl font-bold text-center mt-8">
Download YouTube Videos
</h2>
<DownloadForm />
<div className="relative z-10 pt-20">
<div className="max-w-4xl mx-auto text-center">
<h1 className="text-white mb-4 text-4xl sm:text-5xl lg:text-6xl font-extrabold">
<TypeAnimation
sequence={[
"Easy To Use!",
1200,
"HD Quality!",
1200,
"Download YouTube Videos!",
1200,
]}
wrapper="span"
speed={30}
repeat={Infinity}
className="text-transparent bg-clip-text bg-gradient-to-r from-cyan-500 to-blue-500"
/>
</h1>
<DownloadForm />
</div>
</div>
);
};