Mirror/gitea-mirror
1
0
Fork 0
mirror of https://github.com/RayLabsHQ/gitea-mirror.git synced 2025-12-13 15:06:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

Updated Packages

Browse Source
This commit is contained in:
Arunavo Ray
2025-08-06 09:46:50 +05:30
parent 5693ae7822
commit 677bc0cb5b
5 changed files with 130 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
www/src/components/Hero.tsx
View File

@@ -1,7 +1,9 @@
import { Button } from "./ui/button";
import { ArrowRight, Shield, RefreshCw } from "lucide-react";
import { GitHubLogoIcon } from "@radix-ui/react-icons";
import Spline from "@splinetool/react-spline";
import React, { Suspense } from 'react';
const Spline = React.lazy(() => import('@splinetool/react-spline'));
export function Hero() {
@@ -17,9 +19,11 @@ export function Hero() {
{/* spline object */}
<div className="spline-object absolute inset-0 max-lg:-z-10 max-h-[40rem] -translate-y-16 md:max-h-[50rem] lg:max-h-[60%] xl:max-h-[70%] 2xl:max-h-[80%] md:-translate-y-24 lg:-translate-y-28 flex items-center justify-center">
<div className="absolute right-2 bottom-4 h-20 w-40 bg-[#f8fbfb] dark:bg-[#010708]"/>
<Spline
scene="https://prod.spline.design/jl0aKWbdH9vHQnYV/scene.splinecode"
/>
<Suspense fallback={<div>Loading...</div>}>
<Spline
scene="https://prod.spline.design/jl0aKWbdH9vHQnYV/scene.splinecode"
/>
</Suspense>
</div>
{/* div to avoid clipping in lower screen heights */}
<div className="clip-avoid w-full h-[16rem] md:h-[20rem] lg:h-[12rem] 2xl:h-[16rem]" aria-hidden="true"></div>