Merge pull request 'Update the landing page to relfect the most recent updates regarding the company, website, and thecompany rebrand.' (#7) from werewolfkidcreations into main

Reviewed-on: lcm/lcm-website#7

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -18,9 +18,9 @@
     "pretty": "prettier --write ."
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.24.2",
+    "@chakra-ui/react": "^3.27.0",
     "@emotion/react": "^11.14.0",
-    "next": "15.4.6",
+    "next": "15.5.3",
     "next-themes": "^0.4.6",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
@@ -28,14 +28,14 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.33.0",
-    "@types/node": "^24.2.1",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.39.0",
-    "@typescript-eslint/parser": "^8.39.0",
-    "eslint": "^9.33.0",
-    "eslint-config-next": "15.4.6",
+    "@eslint/js": "^9.35.0",
+    "@types/node": "^24.5.2",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
+    "@typescript-eslint/eslint-plugin": "^8.44.0",
+    "@typescript-eslint/parser": "^8.44.0",
+    "eslint": "^9.35.0",
+    "eslint-config-next": "15.5.3",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.5.4",
@@ -43,7 +43,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "prettier": "3.6.2",
     "typescript": "^5.9.2",
-    "typescript-eslint": "^8.39.0"
+    "typescript-eslint": "^8.44.0"
   },
   "packageManager": "yarn@4.9.2"
 }

src/app/page.tsx

@@ -22,7 +22,17 @@ export default function Home() {
           fontSize="4rem"
           textAlign="center"
         >
-          {"Lucid Creations Media Website"}
+          {"Werewolf Kid Creations"}
+        </Heading>
+        <Heading
+          lineHeight="1"
+          w="80vw"
+          as="h2"
+          color="cyan.600"
+          fontSize="2rem"
+          textAlign="center"
+        >
+          {"Formerly Lucid Creations Media"}
         </Heading>
       </VStack>
 
@@ -47,22 +57,22 @@ export default function Home() {
         </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 know that the next few months will be hell for me and I will have no time to dedicate to any of this. I will have to see how things are once I start getting more free time and if I can start working on a new website, "remastering" old hypno files, and making new ones for the relaunch.'
+            "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 is not registered as an LLC yet I have been contemplating rebranding the company one last time. A few weeks before coming to this decision and making this page I was being pulled to shelf Kobold as Lucid's default form. I have been enjoying hearing/seeing everyone refer to me as wolf/werwolf so much that I might keep it this way. Just like when I changed my original fursona and alias it might be time to flip to a new chapter in my life."
+            '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">
           {
-            'For a little while I was debating using "Kobold Kid", my new vanity domain name, as the new brand, but I have a new idea. I will sit on it for a few months before I make any decisions.'
+            "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">
           {
-            "Another option I was considering is keeping Kobold as marketing/mascot, but I am not sure about it."
+            "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>
@@ -83,7 +93,7 @@ export default function Home() {
             <Link
               target="_blank"
               color="whiteAlpha.950"
-              href="http://gumroad.social.koboldkid.com/"
+              href="http://social.werewolfkid.monster/gumroad/"
             >
               {"Gumroad"}
             </Link>
@@ -123,7 +133,7 @@ export default function Home() {
             <Link
               target="_blank"
               color="whiteAlpha.950"
-              href="http://discord.social.koboldkid.com/"
+              href="http://social.werewoldkid.monster/discord"
             >
               {"Discord Server"}
             </Link>
@@ -145,20 +155,29 @@ export default function Home() {
             <Link
               target="_blank"
               color="whiteAlpha.950"
-              href="https://koboldkid.com/"
+              href="https://werewolfkid.monster/"
             >
-              {"Kobold Kid Website"}
+              {"Werewolf Kid Website"}
             </Link>
           </Button>
           <Button variant="solid" bgColor="teal" fontSize="xl">
             <Link
               target="_blank"
               color="whiteAlpha.950"
-              href="http://bsky.social.koboldkid.com/"
+              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
@@ -176,7 +195,16 @@ export default function Home() {
             <Link
               target="_blank"
               color="whiteAlpha.950"
-              href="http://yt-vods.social.koboldkid.com/"
+              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>
@@ -185,20 +213,11 @@ export default function Home() {
             <Link
               target="_blank"
               color="whiteAlpha.950"
-              href="http://yt-archives.social.koboldkid.com/"
+              href="http://social.werewolfkid.monster/yt-archives"
             >
               {"YouTube Archives"}
             </Link>
           </Button>
-          <Button variant="solid" bgColor="teal" fontSize="xl">
-            <Link
-              target="_blank"
-              color="whiteAlpha.950"
-              href="http://twitch.social.koboldkid.com/"
-            >
-              {"Twitch"}
-            </Link>
-          </Button>
         </HStack>
       </VStack>
     </VStack>

src/components/ui/color-mode.tsx

@@ -10,7 +10,7 @@ import type { ThemeProviderProps } from "next-themes";
 import * as React from "react";
 import { LuMoon, LuSun } from "react-icons/lu";
 
-export interface ColorModeProviderProps extends ThemeProviderProps {}
+export interface ColorModeProviderProps extends ThemeProviderProps { }
 
 export function ColorModeProvider(props: ColorModeProviderProps) {
   return (
@@ -49,7 +49,7 @@ export function ColorModeIcon() {
   return colorMode === "dark" ? <LuMoon /> : <LuSun />;
 }
 
-interface ColorModeButtonProps extends Omit<IconButtonProps, "aria-label"> {}
+interface ColorModeButtonProps extends Omit<IconButtonProps, "aria-label"> { }
 
 export const ColorModeButton = React.forwardRef<
   HTMLButtonElement,