✨ feat: Add www to cloudflare pages (#105)

Co-authored-by: --global <--global>

Add our website to cloudflare pages

packages/ui/src/card.tsx

@@ -10,7 +10,6 @@ type Props = {
 export const Card = component$(({ game }: Props) => {
     const imageUrl = `http://localhost:8787/image/cover/${game.id}.avif`
     const backgroundColor = useSignal<string | undefined>(undefined);
-    const ringColor = useSignal<string | undefined>(undefined);
     const imgRef = useSignal<HTMLImageElement>();
 
     const extractColor = $((img: HTMLImageElement) => {

packages/ui/src/github-banner.tsx

@@ -1,5 +1,5 @@
 import { component$ } from "@builder.io/qwik";
-import { MotionComponent, transition } from "@/react/motion";
+import { MotionComponent, transition } from "@nestri/ui/react";
 import { Link } from "@builder.io/qwik-city";
 
 export const GithubBanner = component$(() => {

packages/ui/src/home-nav-bar.tsx

@@ -1,5 +1,5 @@
 import { $, component$, useOnDocument, useSignal } from "@builder.io/qwik";
-import { cn } from "@/design";
+import { cn } from "./design";
 
 export const HomeNavBar = component$(() => {
     const hasScrolled = useSignal(false);

packages/ui/src/image/basic-image-loader.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable qwik/no-use-visible-task */
-import { cn } from '@/design';
-import { component$, useSignal, useTask$, useStyles$, useVisibleTask$, $ } from '@builder.io/qwik';
+import { cn } from '@nestri/ui/design';
+import { component$, useSignal, useTask$, useStyles$, useVisibleTask$ } from '@builder.io/qwik';
 
 interface ImageLoaderProps {
   src: string;

packages/ui/src/image/image-loader.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable qwik/no-use-visible-task */
-import { cn } from '@/design';
+import { cn } from '@nestri/ui/design';
 import { component$, useSignal, useTask$, useStyles$, useVisibleTask$, $ } from '@builder.io/qwik';
 
 interface ImageLoaderProps {

packages/ui/src/input.tsx

@@ -2,7 +2,7 @@ import {
     form,
     cn,
     type InputProps as InputVariants,
-} from "@/design"
+} from "./design"
 import { type QwikIntrinsicElements, component$ } from '@builder.io/qwik';
 
 export interface InputComponentProps extends Omit<QwikIntrinsicElements["input"], 'size'>, InputVariants {

packages/ui/src/nav-bar.tsx

@@ -1,6 +1,6 @@
 import { $, component$, useOnDocument, useSignal } from "@builder.io/qwik";
 import { Link, useLocation } from "@builder.io/qwik-city";
-import { buttonVariants, cn } from "@/design";
+import { buttonVariants, cn } from "./design";
 
 const navLinks = [
     {

packages/ui/src/react/cursor.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource react */
 import React from 'react'
 import { motion } from 'framer-motion'
-import { cn } from '@/design'
+import { cn } from "@nestri/ui/design"
 import { qwikify$ } from '@builder.io/qwik-react';
 
 export const CursorSVG = ({ flip }: { flip?: boolean }) => (

packages/ui/src/react/display.tsx

@@ -6,9 +6,9 @@ import {
     type DisplayProps as DisplayVariants,
     type TextAlignProp,
     type TextWeightProp
-} from "@/design"
+} from "@nestri/ui/design"
 import * as ReactBalancer from "react-wrap-balancer"
-import { cn } from "@/design"
+import { cn } from "@nestri/ui/design"
 import { qwikify$ } from "@builder.io/qwik-react"
 
 type DisplaySize = DisplayVariants["size"]

packages/ui/src/react/hero-section.tsx

@@ -2,7 +2,7 @@
 /** @jsxImportSource react */
 import { qwikify$ } from "@builder.io/qwik-react";
 import { motion } from "framer-motion"
-import { ReactDisplay } from "@/react/display"
+import { ReactDisplay } from "./display"
 import * as React from "react"
 // type Props = {
 //     children?: React.ReactElement[]

packages/ui/src/react/marquee.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/design";
+import { cn } from "@nestri/ui/design";
 import { component$, useStore, type Component } from "@builder.io/qwik";
 
 

packages/ui/src/react/my-cursor.tsx

@@ -1,7 +1,6 @@
 /** @jsxImportSource react */
 import React from 'react'
-import { motion } from 'framer-motion'
-import { cn } from '@/design'
+import { cn } from "@nestri/ui/design"
 import { qwikify$ } from '@builder.io/qwik-react';
 
 export const CursorSVG = ({ flip }: { flip?: boolean }) => (

packages/ui/src/react/save.tsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource react */
-import { cn } from "@/design";
+import { cn } from "@nestri/ui/design";
 import { qwikify$ } from "@builder.io/qwik-react";
 import React, { useEffect, useRef, useState } from "react";
 import {

packages/ui/src/react/text.tsx

@@ -7,7 +7,7 @@ import {
   type TextAlignProp,
   type TextWeightProp,
   cn
-} from "@/design"
+} from "@nestri/ui/design"
 // import * as ReactBalancer from "react-wrap-balancer"
 import { qwikify$ } from "@builder.io/qwik-react"
 

packages/ui/src/react/title-section.tsx

@@ -2,7 +2,7 @@
 /** @jsxImportSource react */
 import { qwikify$ } from "@builder.io/qwik-react";
 import { motion } from "framer-motion"
-import { ReactDisplay } from "@/react/display"
+import { ReactDisplay } from "./display"
 // type Props = {
 //     children?: React.ReactElement[]
 // }

packages/ui/src/react/title.tsx

@@ -7,7 +7,7 @@ import {
     type TextAlignProp,
     type TextWeightProp,
     cn
-} from "@/design"
+} from "@nestri/ui/design"
 import { qwikify$ } from "@builder.io/qwik-react";