Aidan
c8261f4a9b
All checks were successful
Build and Push Docker Image / build_and_push (push) Successful in 4s
Build and Push Nightly CI Image / build_and_push (push) Successful in 4s
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
"use client"
|
|
|
|
import { Button } from "@/components/ui/button"
|
|
import { ArrowRight } from "lucide-react"
|
|
import { ReactTyped } from "react-typed"
|
|
import Link from "next/link";
|
|
|
|
const Hero = () => {
|
|
const phrases = ["developers", "students", "non-profits", "everyone"]
|
|
|
|
return (
|
|
<div className="py-20 text-white">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="text-center">
|
|
<h1 className="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl">
|
|
<span className="block">Free Cloud Services</span>
|
|
<span className="block mt-2">
|
|
for <ReactTyped strings={phrases} typeSpeed={60} backSpeed={50} loop className="text-blue-400" />
|
|
</span>
|
|
</h1>
|
|
<p className="mt-6 max-w-md mx-auto text-xl text-gray-300 sm:max-w-3xl">
|
|
Experience FOSS at its best with LibreCloud, a free service provider built with all kinds of people in mind.
|
|
</p>
|
|
<div className="mt-10 max-w-md mx-auto sm:flex sm:justify-center">
|
|
<div className="rounded-md shadow-sm">
|
|
<Link href="/account/login">
|
|
<Button className="py-6 px-8">
|
|
Get started
|
|
<ArrowRight className="ml-2 h-5 w-5" />
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Hero
|
|
|