update meta, add root page

Author: ewgenius

README.md

@@ -1,6 +1,6 @@
 ## shadcn/ui radix colors theme generator
 
-Generate custom CSS themes for shadcn/ui effortlessly using vibrant palettes from [Radix Colors](https://www.radix-ui.com/colors).
+Generate custom themes for shadcn/ui using vibrant palettes from Radix Colors with ease.
 
 https://ui.ewgenius.me/shadcn-radix-colors
 

app/layout.tsx

@@ -6,8 +6,7 @@ import { ThemeProvider } from "@/components/theme-provider";
 import { TooltipProvider } from "@/components/ui/tooltip";
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "ewgenius/ui",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -0,0 +1,15 @@
+import { ArrowRight } from "lucide-react";
+import Link from "next/link";
+
+export default function HomePage() {
+  return (
+    <div className="flex flex-col gap-4 justify-center items-center min-h-screen">
+      <Link
+        href="/shadcn-radix-colors"
+        className="flex items-center gap-2 hover:text-accent transition-colors"
+      >
+        shadcn-radix-colors <ArrowRight className="size-4" />
+      </Link>
+    </div>
+  );
+}

app/shadcn-radix-colors/page.tsx

@@ -1,6 +1,13 @@
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { ThemeGenerator } from "./theme-generator";
 
+export const metadata: Metadata = {
+  title: "ewgenius/ui - shadcn-radix-colors",
+  description:
+    "Generate custom themes for shadcn/ui using vibrant palettes from Radix Colors with ease.",
+};
+
 export default function ThemeGeneratorPage() {
   return (
     <Suspense>

app/shadcn-radix-colors/theme-generator.tsx

@@ -116,19 +116,19 @@ export function ThemeGenerator() {
         </div>
 
         <div className="text-sm">
-          Generate custom CSS themes for{" "}
+          Generate custom themes for{" "}
           <a href="https://ui.shadcn.com" className="underline" target="_blank">
             shadcn/ui
           </a>{" "}
-          components effortlessly using vibrant palettes from{" "}
+          using vibrant palettes from{" "}
           <a
             href="https://www.radix-ui.com/colors"
             className="underline"
             target="_blank"
           >
             Radix Colors
-          </a>
-          .
+          </a>{" "}
+          with ease.
         </div>
 
         <hr className="border-t" />
@@ -240,6 +240,20 @@ export function ThemeGenerator() {
             <ThemeCodePreview lightTheme={lightTheme} darkTheme={darkTheme} />
           </DialogContent>
         </Dialog>
+
+        <hr className="border-t" />
+
+        <div className="text-xs text-muted-foreground">
+          Built by{" "}
+          <a
+            href="https://github.com/ewgenius"
+            target="_blank"
+            className="underline"
+          >
+            @ewgenius
+          </a>
+          .
+        </div>
       </div>
 
       <div className="md:h-screen p-8 flex flex-col gap-4 bg-base-2">