minhnhat/uldp.edu.vn
1
0
Fork 0
forked from UKSOURCE/hailearning.edu.vn
Code Pull Requests 1 Activity

feat: rebrand to H.A.I Learning with updated loader and assets

Browse Source
This commit is contained in:
nguyenvanbao
2026-03-05 17:07:38 +07:00
parent fa943bb311
commit 6d9fd6beec
4 changed files with 97 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
app/components/Loader.tsx
View File

@@ -3,47 +3,72 @@
import { useEffect, useState } from "react";
export default function Loader() {
const [show, setShow] = useState(true);
const [show, setShow] = useState(true);
useEffect(() => {
const timer = setTimeout(() => setShow(false), 700);
return () => clearTimeout(timer);
}, []);
useEffect(() => {
const timer = setTimeout(() => setShow(false), 1100);
return () => clearTimeout(timer);
}, []);
if (!show) return null;
if (!show) return null;
return (
<div id="preloader" className="preloader">
<div className="animation-preloader">
<div className="spinner"></div>
<div className="txt-loading">
<span data-text-preloader="V" className="letters-loading">V</span>
<span data-text-preloader="I" className="letters-loading">I</span>
<span data-text-preloader="S" className="letters-loading">S</span>
<span data-text-preloader="A" className="letters-loading">A</span>
<span data-text-preloader="W" className="letters-loading">W</span>
<span data-text-preloader="A" className="letters-loading">A</span>
<span data-text-preloader="Y" className="letters-loading">Y</span>
</div>
<p className="text-center">Loading</p>
</div>
<div className="loader">
<div className="row">
<div className="col-3 loader-section section-left">
<div className="bg"></div>
</div>
<div className="col-3 loader-section section-left">
<div className="bg"></div>
</div>
<div className="col-3 loader-section section-right">
<div className="bg"></div>
</div>
<div className="col-3 loader-section section-right">
<div className="bg"></div>
</div>
</div>
</div>
return (
<div id="preloader" className="preloader">
<div className="animation-preloader">
<div className="spinner"></div>
<div className="txt-loading">
<span data-text-preloader="H" className="letters-loading">
H
</span>
<span data-text-preloader="A" className="letters-loading">
A
</span>
<span data-text-preloader="I" className="letters-loading">
I
</span>
<span data-text-preloader="L" className="letters-loading">
L
</span>
<span data-text-preloader="E" className="letters-loading">
E
</span>
<span data-text-preloader="A" className="letters-loading">
A
</span>
<span data-text-preloader="R" className="letters-loading">
R
</span>
<span data-text-preloader="N" className="letters-loading">
N
</span>
<span data-text-preloader="I" className="letters-loading">
I
</span>
<span data-text-preloader="N" className="letters-loading">
N
</span>
<span data-text-preloader="G" className="letters-loading">
G
</span>
</div>
);
<p className="text-center">Loading</p>
</div>
<div className="loader">
<div className="row">
<div className="col-3 loader-section section-left">
<div className="bg"></div>
</div>
<div className="col-3 loader-section section-left">
<div className="bg"></div>
</div>
<div className="col-3 loader-section section-right">
<div className="bg"></div>
</div>
<div className="col-3 loader-section section-right">
<div className="bg"></div>
</div>
</div>
</div>
</div>
);
}

4
app/layout.tsx
View File

@@ -9,8 +9,8 @@ import MouseCursor from "./components/MouseCursor";
import Script from "next/script";
export const metadata: Metadata = {
title: "Visaway – Immigration & Visa Consulting HTML Template",
description: "Visaway – Immigration & Visa Consulting HTML Template",
title: "H.A.I Learning",
description: "H.A.I Learning",
};
export default function RootLayout({