74 lines
2.4 KiB
TypeScript
74 lines
2.4 KiB
TypeScript
import Link from "next/link";
|
|
|
|
import { siteConfig } from "@/config/site";
|
|
import { cn, nFormatter } from "@/lib/utils";
|
|
import { buttonVariants } from "@/components/ui/button";
|
|
import { Icons } from "@/components/shared/icons";
|
|
|
|
export default async function HeroLanding() {
|
|
return (
|
|
<section className="space-y-6 py-12 sm:py-20 lg:py-24">
|
|
<div className="container flex max-w-screen-md flex-col items-center gap-5 text-center">
|
|
<Link
|
|
href="https://wr.do"
|
|
className={cn(
|
|
buttonVariants({ variant: "outline", size: "sm", rounded: "xl" }),
|
|
"px-4",
|
|
)}
|
|
>
|
|
<span className="mr-3">🎉</span>{" "}
|
|
<span className="font-bold" style={{ fontFamily: "Bahamas Bold" }}>
|
|
WR.DO
|
|
</span>
|
|
Beta Launching Now!
|
|
</Link>
|
|
|
|
<h1 className="text-balance font-satoshi text-[40px] font-black leading-[1.15] tracking-tight sm:text-5xl md:text-6xl md:leading-[1.15]">
|
|
Craft DNS Records,{" "}
|
|
<span className="bg-gradient-to-r from-violet-600 via-blue-600 to-cyan-500 bg-clip-text text-transparent">
|
|
Make Short Links
|
|
</span>
|
|
</h1>
|
|
|
|
<p className="max-w-2xl text-balance text-muted-foreground sm:text-lg">
|
|
Intuitive interface, powerful features. Get started
|
|
<br /> with DNS and short linking in minutes.
|
|
</p>
|
|
|
|
<div className="flex justify-center space-x-2">
|
|
<Link
|
|
href={siteConfig.links.github}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className={cn(
|
|
buttonVariants({
|
|
variant: "outline",
|
|
rounded: "xl",
|
|
size: "lg",
|
|
className: "bg-primary-foreground hover:opacity-70",
|
|
}),
|
|
"px-4 text-[15px]",
|
|
)}
|
|
>
|
|
<Icons.gitHub className="mr-2 size-4" />
|
|
<p>
|
|
<span className="hidden sm:inline-block">Star on</span> GitHub
|
|
</p>
|
|
</Link>
|
|
<Link
|
|
href="/dashboard"
|
|
prefetch={true}
|
|
className={cn(
|
|
buttonVariants({ rounded: "xl", size: "lg" }),
|
|
"gap-2 px-5 text-[15px]",
|
|
)}
|
|
>
|
|
<span>Dashboard</span>
|
|
<Icons.arrowRight className="size-4" />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|