import { Button, Heading, HStack, Link, Text, VStack } from "@chakra-ui/react";
import newLogo from "../../public/images/logo/New Logo (transparent).png";
import Image from "next/image";

export default function Home() {
  return (
    <VStack
      w="100vw"
      justifyContent="center"
      alignItems="center"
      spaceY={12}
      pt="5vh"
      pb="20vh"
    >
      <VStack spaceY={2}>
        <Image height={250} src={newLogo} alt="New LCM logo" />
        <Heading
          lineHeight="1"
          w="80vw"
          as="h1"
          color="cyan"
          fontSize="4rem"
          textAlign="center"
        >
          {"Werewolf Kid Creations"}
        </Heading>
        <Heading
          lineHeight="1"
          w="80vw"
          as="h2"
          color="cyan.600"
          fontSize="2rem"
          textAlign="center"
        >
          {"Formerly Lucid Creations Media"}
        </Heading>
      </VStack>

      <VStack w="80vw" spaceY={2}>
        <Text w="100%" textAlign="left" fontSize="lg">
          {"The LCM website and eShop has been temporarily discontinued."}
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            "Over the years there have been many external factors that interfered with my ability to dedicate time and find motivation to work on my creative passions. This includes erotica, streaming, hypno files, and more. It has also interfered with my ability to learn new skills such as music creation and digital art."
          }
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            "Last year I faced a layoff and haven't been able to get back into my field. I can no longer afford the costs of hosting this website on it's current platform. The website generated no sales and thus I had to make the difficult decision to shut the site down for now."
          }
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            "Another contributing factor is the fear of losing access to another payment processor. LCM was banned from Square and they gave no reason. It's probably because of \"adult material\". On top of that, especially with it getting in the spotlight again, my state is starting it's own ID check law for adult websites. I cannot catch a break. I have no way to do that since I already struggle to pay for hosting so it's probably a good time to just take a break from this endeavour for now."
          }
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            "I have no time frame for when or if I will reopen the eShop. I do wish to at some point, on a more modern platform. I was originally expecting to be very busy till around the end of November or early December. However, my old job; which I wanted to work alongside starting my new job, let me go for some nonsense reasons that isn't pertinent enough to mention here."
          }
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            'Since LCM was not registered as an LLC yet I have decided to rebranding the company one last time. I have been enjoying hearing/seeing everyone refer to me as wolf/werewolf so much that I want to keep it as Lucid\'s base/default form. To align with this change I am trying out the name "Werewolf Kid Creations". Lucid Creations Media still works, but I really want to lean into the new base form. I think it is time to flip to a new chapter in my life just like when I change my original fursona and online alias.'
          }
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            "If I feel Lucid Creations Media should remain the company name I would still consider using Lucid's kobold form as a mascot for the company. I am going to run with the new name for now and see how everyone likes it."
          }
        </Text>
        <Text w="100%" textAlign="left" fontSize="lg">
          {
            "My current priorities are to test this rebrand, update usernames to match my new alias, and work on making the WerewolfKid.monster website. Which is going to serve the same purpose that the Kobold Kid website was going to serve. As a bio, place to find social links, art of Lucid, and embeds from gumroad for the 3D textures. I hope to relaunch the eShop on this domain too with a new platform if I can figure out the legal hurdles of doing all of that."
          }
        </Text>
      </VStack>

      <VStack spaceY={6} w="80vw">
        <Heading
          as="h3"
          color="cyan"
          fontSize="2.5rem"
          textAlign="center"
          lineHeight="1"
        >
          {"Other Platforms (Shops)"}
        </Heading>

        <HStack gap="6" wrap="wrap" justifyContent="center">
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werewolfkid.monster/gumroad/"
            >
              {"Gumroad"}
            </Link>
          </Button>
        </HStack>

        <Heading
          as="h2"
          color="cyan"
          fontSize="2.5rem"
          textAlign="center"
          lineHeight="1"
        >
          {"The Cove (LCM Communities)"}
        </Heading>

        <HStack gap="6" wrap="wrap" justifyContent="center">
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="https://community.lucidcreations.media/"
            >
              {"The Cove"}
            </Link>
          </Button>
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="https://vrchat.com/home/group/grp_781bbe4b-51ec-4025-a14f-cf23ced90507"
            >
              {"Dreamy Drove"}
            </Link>
          </Button>
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werewoldkid.monster/discord"
            >
              {"Discord Server"}
            </Link>
          </Button>
        </HStack>

        <Heading
          as="h4"
          color="cyan"
          fontSize="2.5rem"
          textAlign="center"
          lineHeight="1"
        >
          {"Lucid's Socials"}
        </Heading>

        <HStack gap="6" wrap="wrap" justifyContent="center">
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="https://werewolfkid.monster/"
            >
              {"Werewolf Kid Website"}
            </Link>
          </Button>
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werwolfkid.com/bsky"
            >
              {"Bsky"}
            </Link>
          </Button>
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werwolfkid.com/fa"
            >
              {"FurAffinity"}
            </Link>
          </Button>
        </HStack>

        <Heading
          as="h5"
          color="cyan"
          fontSize="2.5rem"
          textAlign="center"
          lineHeight="1"
        >
          {"VTubing"}
        </Heading>

        <HStack gap="6" wrap="wrap" justifyContent="center">
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werewolfkid.monster/twitch"
            >
              {"Twitch"}
            </Link>
          </Button>
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werewolfkid.monster/yt-vods"
            >
              {"YouTube VODs"}
            </Link>
          </Button>
          <Button variant="solid" bgColor="teal" fontSize="xl">
            <Link
              target="_blank"
              color="whiteAlpha.950"
              href="http://social.werewolfkid.monster/yt-archives"
            >
              {"YouTube Archives"}
            </Link>
          </Button>
        </HStack>
      </VStack>
    </VStack>
  );
}
