diff --git a/components/Footer.tsx b/components/Footer.tsx index e9ab2fc..95d8534 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -1,7 +1,7 @@ import { TbCopyrightOff } from "react-icons/tb" import { RxDividerVertical } from "react-icons/rx" -import { SiNextdotjs } from "react-icons/si" import Link from 'next/link' +import RandomFooterMsg from "./objects/RandomFooterMsg" export default function Footer() { return ( @@ -14,12 +14,7 @@ export default function Footer() { - -
- - Built with Next.js -
- + ) diff --git a/components/objects/RandomFooterMsg.tsx b/components/objects/RandomFooterMsg.tsx new file mode 100644 index 0000000..41a86a4 --- /dev/null +++ b/components/objects/RandomFooterMsg.tsx @@ -0,0 +1,68 @@ +import { + SiNextdotjs, + SiLucide, + SiVercel, + SiCloudflarepages, + SiSimpleicons, + SiFontawesome, + SiShadcnui, + SiTailwindcss +} from "react-icons/si" +import Link from 'next/link' + +export const footerMessages = [ + [ + "Built with Next.js", + "https://nextjs.org", + + ], + [ + "Icons by Lucide", + "https://lucide.dev/", + + ], + [ + "Icons by Simple Icons", + "https://simpleicons.org/", + + ], + [ + "Font by Vercel", + "https://vercel.com/font", + + ], + [ + "Hosted by Cloudflare", + "https://workers.cloudflare.com/", + + ], + [ + "Icons by Font Awesome", + "https://fontawesome.com/", + + ], + [ + "Components by Shadcn", + "https://ui.shadcn.com/", + + ], + [ + "Styled with Tailwind", + "https://tailwindcss.com/", + + ] +] + +export default function RandomFooterMsg() { + const randomIndex = Math.floor(Math.random() * footerMessages.length) + const [message, url, icon] = footerMessages[randomIndex] + + return ( + +
+ {icon} + {message} +
+ + ) +}