Merge pull request #6 from gimnathperera/fix/alignment-issue

feat: add new mouse pointer

app/layout.tsx

@@ -1,10 +1,10 @@
 import type { Metadata } from 'next';
+import { FC } from 'react';
 import { Inter } from 'next/font/google';
 import Header from '@/components/header';
 import Footer from '@/components/footer';
 import { siteConfig } from '@/config/site';
 import '@/styles/globals.css';
-import { FC } from 'react';
 
 const inter = Inter({ subsets: ['latin'] });
 

app/page.tsx

@@ -1,10 +1,10 @@
 'use client';
+import { FC, useState } from 'react';
 import { Toaster } from 'react-hot-toast';
 import Hero from '@/components/hero';
-import { FC, useState } from 'react';
 import Uploader from '@/components/uploader';
-import { ColorInfo } from '@/types/uploader';
 import ColorList from '@/components/color-list';
+import { ColorInfo } from '@/types/uploader';
 
 const Home: FC = () => {
   const [colorPalette, setColorPalette] = useState<ColorInfo[] | null>(null);

components/footer/index.tsx

@@ -1,3 +1,4 @@
+import { siteConfig } from '@/config/site';
 import { FC } from 'react';
 
 type Props = {};
@@ -6,7 +7,12 @@ const Footer: FC<Props> = () => {
   return (
     <footer className='footer footer-center p-4 text-base-content pt-12'>
       <aside>
-        <p>Made with 💖 by Gimnath</p>
+        <p>
+          Made with 💖 by{' '}
+          <a href={siteConfig.links.github} className='font-semibold'>
+            Gimnath
+          </a>
+        </p>
       </aside>
     </footer>
   );

components/header/index.tsx

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import GithubIcon from '../icons/github';
+import { siteConfig } from '@/config/site';
 
 type Props = {};
 
@@ -12,11 +13,13 @@ const Header: FC<Props> = ({}) => {
         </div>
       </div>
       <div className='flex-none'>
-        <label className='btn btn-ghost btn-circle'>
-          <div className='indicator'>
-            <GithubIcon />
-          </div>
-        </label>
+        <a href={siteConfig.links.repository}>
+          <label className='btn btn-ghost btn-circle'>
+            <div className='indicator'>
+              <GithubIcon />
+            </div>
+          </label>
+        </a>
       </div>
     </div>
   );

components/hero/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { HeroColors } from '@/constants';
 import { useState, useEffect, FC } from 'react';
-// import AnimatedCursor from "react-animated-cursor";
+import AnimatedCursor from 'react-animated-cursor';
 
 const Hero: FC = () => {
   const [currentColorIndex, setCurrentColorIndex] = useState(0);
@@ -38,7 +38,7 @@ const Hero: FC = () => {
           </p>
         </div>
       </div>
-      {/* <AnimatedCursor /> */}
+      <AnimatedCursor />
     </div>
   );
 };

config/site.ts

@@ -3,14 +3,9 @@ export type SiteConfig = typeof siteConfig;
 export const siteConfig = {
   name: 'Rainbow Riot | Color Palette Generator',
   description: 'Generate color palettes from images',
-  navItems: [],
-  navMenuItems: [],
   links: {
-    github: 'https://github.com/Gimnath-Perera',
-    repository: 'https://github.com/Gimnath-Perera/mocktopus',
-    twitter: 'https://twitter.com/getnextui',
+    github: 'https://github.com/gimnathperera',
+    repository: 'https://github.com/gimnathperera/rainbow-riot',
     docs: 'https://nextui.org',
-    discord: 'https://discord.gg/9b6yyZKmH4',
-    sponsor: 'https://patreon.com/jrgarciadev',
   },
 };

constants/index.ts

@@ -1,11 +1,11 @@
 export const HeroColors = [
-  '#FF5117',
-  '#FF8E00',
-  '#F9D81E',
-  '#97CC37',
-  '#8177FA',
-  '#00C0E9',
-  '#C902E6',
+  '#FFFFE0',
+  '#F5F5F5',
+  '#FFFFFF',
+  '#98FB98',
+  '#FFDAB9',
+  '#FFF5E1',
+  '#E6E6FA',
 ];
 
 export const MaxPaletteSize = 5;