71 lines
3 KiB
TypeScript
71 lines
3 KiB
TypeScript
"use client";
|
|
|
|
import Illustration from "@/public/hero_section.svg";
|
|
import { Button } from "@/components/ui/button";
|
|
import { CalendarCheck, Star } from "lucide-react";
|
|
import { FaDiscord } from "react-icons/fa";
|
|
import Link from "next/link";
|
|
import {
|
|
businessDemoLink,
|
|
discordInviteLink,
|
|
githubPublicLink,
|
|
} from "@/lib/data";
|
|
import PreorderButton from "../PreorderButton";
|
|
|
|
export default function EndingSection() {
|
|
return (
|
|
<section className="py-8 md:py-24">
|
|
<div className="max-w-4xl text-center mx-8 md:mx-auto gap-10 flex flex-col">
|
|
<h1
|
|
className="font-normal text-xl text-gray-600"
|
|
>
|
|
Bringing creative, personalized stories to toys, plushies and a whole lot
|
|
more.
|
|
</h1>
|
|
|
|
<h1 className="text-4xl md:text-5xl mt-8 text-light">
|
|
Get your <span className="font-silkscreen font-bold mt-1 px-2">Elato</span> today!
|
|
</h1>
|
|
</div>
|
|
|
|
<div className="mt-20 flex flex-col items-center justify-center gap-8">
|
|
<div className="flex items-center justify-center gap-8 flex-wrap">
|
|
<PreorderButton
|
|
size="lg"
|
|
buttonText="Buy Now"
|
|
className="h-10"
|
|
/>
|
|
<Link href={businessDemoLink} passHref>
|
|
<Button
|
|
variant="secondary"
|
|
className="flex flex-row bg-white items-center gap-2 font-medium text-base text-stone-800 leading-8 rounded-full border-2 border-stone-900"
|
|
>
|
|
<CalendarCheck size={20} />
|
|
<span>Book a Demo</span>
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
<div className="flex items-center justify-center gap-8 flex-wrap">
|
|
<Link href={githubPublicLink} passHref>
|
|
<Button
|
|
variant="link"
|
|
className="flex flex-row items-center gap-2 font-medium text-base text-stone-800 leading-8 rounded-full bg-transparent"
|
|
>
|
|
<Star size={20} className="text-2xl" />
|
|
<span>Star us on GitHub</span>
|
|
</Button>
|
|
</Link>
|
|
<Link href={discordInviteLink} passHref>
|
|
<Button
|
|
variant="link"
|
|
className="flex flex-row items-center gap-2 font-medium text-base text-stone-800 leading-8 rounded-full bg-transparent"
|
|
>
|
|
<FaDiscord className="text-2xl" />
|
|
<span>Join our Discord</span>
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|