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}
+
+
+ )
+}