import { title } from "@/components/primitives";
import DefaultLayout from "@/layouts/default";
import {HeartFilledIcon} from "@/components/icons";
import {Card, CardHeader, CardBody, CardFooter} from "@heroui/card";
import {Divider} from "@heroui/divider";
import {Link} from "@heroui/link";
import {Button} from "@heroui/button";




export default function SponsorPage() {
  return (
    <DefaultLayout>
      <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
        <div className="inline-block max-w-lg text-center justify-center">
            <span className={title({ color: "cyan" })}>SPONSOR &nbsp;</span>
            <span className={title({ color: "blue" })}>US&nbsp;</span>
            <HeartFilledIcon className={"text-danger size-16 mx-auto"}></HeartFilledIcon>
        </div>
          <Card>
              <CardHeader className="flex gap-3 font-bold text-xl">
                  <p>Your support means a lot to us.</p>
              </CardHeader>
              <Divider />
              <CardBody className="text-center">

                  <p>If you are interested in collaborating, providing resources, or offering any form of assistance,</p>
                  <p>please reach out to us via the links below.</p>
              </CardBody>
              <CardFooter className="justify-center flex flex-col md:flex-row gap-4">
                  <Button
                      showAnchorIcon
                      as={Link}
                      color="primary"
                      href="mailto:simon@adlerka.space"
                      variant="solid"
                  >
                      Email
                  </Button>
                  <Button
                      showAnchorIcon
                      as={Link}
                      color= "secondary"
                      href="https://www.instagram.com/adlerka_space/"
                      variant="solid"
                  >
                      Instagram
                  </Button>
                  <Button
                      showAnchorIcon
                      as={Link}
                      color="default"
                      href="https://discordapp.com/users/404304818178621440"
                      variant="solid"
                  >
                      Discord
                  </Button>
              </CardFooter>
          </Card>
      </section>
    </DefaultLayout>
  );
}
