diff --git a/example/public/favicon.ico b/example/public/favicon.ico
new file mode 100644
index 0000000..5e7b284
Binary files /dev/null and b/example/public/favicon.ico differ
diff --git a/example/public/icon.png b/example/public/icon.png
new file mode 100644
index 0000000..fdeb5c0
Binary files /dev/null and b/example/public/icon.png differ
diff --git a/example/public/icon.svg b/example/public/icon.svg
new file mode 100644
index 0000000..67ac513
--- /dev/null
+++ b/example/public/icon.svg
@@ -0,0 +1,50 @@
+
+
+
+
diff --git a/example/public/light-icon.png b/example/public/light-icon.png
new file mode 100644
index 0000000..be47839
Binary files /dev/null and b/example/public/light-icon.png differ
diff --git a/example/public/next.svg b/example/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/example/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/example/public/vercel.svg b/example/public/vercel.svg
deleted file mode 100644
index d2f8422..0000000
--- a/example/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/example/src/pages/index.tsx b/example/src/pages/index.tsx
index a17339d..07a63e1 100644
--- a/example/src/pages/index.tsx
+++ b/example/src/pages/index.tsx
@@ -1,7 +1,8 @@
-import { useZuAuth } from "zuauth"
import axios from "axios"
import Head from "next/head"
+import Image from "next/image"
import { useCallback, useEffect, useState } from "react"
+import { useZuAuth } from "zuauth"
export default function Home() {
const { authenticate, pcd } = useZuAuth()
@@ -58,8 +59,13 @@ export default function Home() {
ZuAuth Example
+