+ )
+}
diff --git a/app/forbidden.tsx b/app/forbidden.tsx
new file mode 100644
index 0000000..afc11a2
--- /dev/null
+++ b/app/forbidden.tsx
@@ -0,0 +1,42 @@
+"use client"
+
+import { AlertCircle, ArrowLeft, ShieldX } from "lucide-react"
+import Link from "next/link"
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
+
+export default function Forbidden() {
+ return (
+
+
+
+
+
+ Access Forbidden
+
+ You don't have permission to access this resource
+
+
+
+
+ Error 403
+
+ You lack the necessary permissions to view this page. If you believe this is an error, please contact your
+ administrator.
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/app/icon.svg b/app/icon.svg
new file mode 100644
index 0000000..ccb7d8f
--- /dev/null
+++ b/app/icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/layout.tsx b/app/layout.tsx
index a872374..8b8a66f 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,19 @@
import "styles/tailwind.css"
+// app/layout.tsx
+export const metadata = {
+ openGraph: {
+ images: [
+ {
+ url: "/social-icon.svg", // Place it in public folder
+ width: 800,
+ height: 600,
+ alt: "Social share image",
+ },
+ ],
+ },
+}
+
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
diff --git a/app/loading.tsx b/app/loading.tsx
new file mode 100644
index 0000000..745cadb
--- /dev/null
+++ b/app/loading.tsx
@@ -0,0 +1,41 @@
+import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card"
+import { Skeleton } from "@/components/ui/skeleton"
+
+export default function Loading() {
+ return (
+
+ )
+}
diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..95a5964
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,37 @@
+"use client"
+import { ArrowLeft, FileQuestion, Home } from "lucide-react"
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
+
+export default function NotFound() {
+ return (
+
+
+
+
+
+ Page Not Found
+
+ We couldn't find the page you were looking for
+
+
+
The page you requested doesn't exist or may have been moved.
+
Error 404
+
+
+
+
+
+
+
+ )
+}
diff --git a/app/unauthorized.tsx b/app/unauthorized.tsx
new file mode 100644
index 0000000..30075dd
--- /dev/null
+++ b/app/unauthorized.tsx
@@ -0,0 +1,25 @@
+import { Lock } from "lucide-react"
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+
+export default function Unauthorized() {
+ return (
+
+
+
+
+
+ Unauthorized Access
+
+ Please log in to access this page
+
+
+
+
You need to be authenticated to view the requested resource.
+
Error 401
+
+
+
+
+ )
+}
diff --git a/app/under-development/page.tsx b/app/under-development/page.tsx
new file mode 100644
index 0000000..9c664f6
--- /dev/null
+++ b/app/under-development/page.tsx
@@ -0,0 +1,77 @@
+import { ArrowRight, Construction, MessageCircle, Send, Share2 } from "lucide-react"
+import Image from "next/image"
+import Link from "next/link"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
+import { Separator } from "@/components/ui/separator"
+
+export default function UnderDevelopment() {
+ return (
+
+
+
+
+
+
+
+
+
+
+ Chat Guide Coming Soon
+
+
+ Soon
+
+
+
+ I'm creating a blog to share my chat techniques, tips, and personal experiences from OnlyFans
+
+
+
+
+
+
+
+
+
My blog is almost ready!
+
+ I'm putting together my best chat strategies, engagement tips, and stories from my personal experience
+ to help other creators connect better with their fans.
+