From 6113a977cea0886b4b1823c46a7da2e58f638a56 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 15 Oct 2025 22:13:14 -0600
Subject: [PATCH] feat: add login and sign-up links to the layout configuration
 with corresponding icons

---
 apps/docs/app/layout.config.tsx       | 21 ++++++++++++++++++++-
 apps/website/components/ui/ripple.tsx |  7 +++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/apps/docs/app/layout.config.tsx b/apps/docs/app/layout.config.tsx
index e9413af..d04993b 100644
--- a/apps/docs/app/layout.config.tsx
+++ b/apps/docs/app/layout.config.tsx
@@ -1,5 +1,12 @@
 import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
-import { Github, GlobeIcon, HeartIcon, Rss } from "lucide-react";
+import {
+	Github,
+	GlobeIcon,
+	HeartIcon,
+	Rss,
+	LogIn,
+	UserPlus,
+} from "lucide-react";
 import Link from "next/link";
 /**
  * Shared layout configurations
@@ -45,6 +52,18 @@ export const baseOptions: BaseLayoutProps = {
 		),
 	},
 	links: [
+		{
+			text: "Login",
+			url: "https://app.dokploy.com/",
+			active: "nested-url",
+			icon: <LogIn />,
+		},
+		{
+			text: "Sign Up",
+			url: "https://app.dokploy.com/register",
+			active: "nested-url",
+			icon: <UserPlus />,
+		},
 		{
 			text: "Website",
 			url: "https://dokploy.com",
diff --git a/apps/website/components/ui/ripple.tsx b/apps/website/components/ui/ripple.tsx
index 4654ca4..6cc2669 100644
--- a/apps/website/components/ui/ripple.tsx
+++ b/apps/website/components/ui/ripple.tsx
@@ -45,6 +45,12 @@ const Ripple = React.memo(function Ripple({
 			link: "https://www.lxaer.com?ref=dokploy",
 			type: "hero",
 		},
+		{
+			name: "LambdaTest",
+			image: "https://www.lambdatest.com/blue-logo.png",
+			link: "https://www.lambdatest.com/?utm_source=dokploy&utm_medium=sponsor",
+			type: "premium",
+		},
 	];
 	const premiumSponsors = [
 		{
@@ -193,6 +199,7 @@ const Ripple = React.memo(function Ripple({
 																	<AvatarImage
 																		src={item.image}
 																		alt={item.name}
+																		className="object-contain"
 																	/>
 																	<AvatarFallback>{initials}</AvatarFallback>
 																</Avatar>