Dokploy/website
1
0
Fork 0
mirror of https://github.com/Dokploy/website synced 2025-06-26 18:16:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(website): add AmericanCloud as an elite sponsor in the ripple component
Some checks failed
Build Docker images / build-and-push-image-docs (push) Has been cancelled
Details
Build Docker images / build-and-push-image-website (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Mauricio Siu 2025-05-10 03:34:18 -06:00
parent ebb1e0d53d
commit f64c840ac5
1 changed files with 57 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
apps/website/components/ui/ripple.tsx
View File

@ -75,7 +75,15 @@ const Ripple = React.memo(function Ripple({
},
];
const eliteSponsors = [];
const eliteSponsors = [
{
name: "AmericanCloud",
image:
"https://media.licdn.com/dms/image/v2/D560BAQGQ0rVfEgLUMQ/company-logo_200_200/company-logo_200_200/0/1722459194382/americancloud_logo?e=2147483647&v=beta&t=990H-OldnorPQbgbN3jHihJijOb2aDmhwFl8DU_d680",
link: "https://americancloud.com/?ref=dokploy",
type: "elite",
},
];
const supportingSponsors = [
{
@ -300,6 +308,54 @@ const Ripple = React.memo(function Ripple({
</div>
)}
{i === 2 && (
<div className="relative w-full h-full flex justify-center items-center">
{eliteSponsors.map((item, index) => {
const angle = (360 / eliteSponsors.length) * index;
const radius = mainCircleSize / 2 + 100;
const x = radius * Math.cos((angle * Math.PI) / 180);
const y = radius * Math.sin((angle * Math.PI) / 180);
const initials = item.name
.split(" ")
.map((n) => n[0])
.join("");
return (
<div
key={index}
className="absolute"
style={{
top: "50%",
left: "50%",
transform: `translate(${x}px, ${y}px) translate(-50%, -50%)`,
}}
>
<TooltipProvider delayDuration={100}>
<Tooltip>
<TooltipTrigger>
<Link href={item.link} target="_blank">
<Avatar className="border-2 border-yellow-900">
<AvatarImage
src={item.image}
alt={item.name}
/>
<AvatarFallback>{initials}</AvatarFallback>
</Avatar>
</Link>
</TooltipTrigger>
<TooltipPrimitive.Portal>
<TooltipContent>
<p className="text-xs font-semibold ">
{item.name}
</p>
</TooltipContent>
</TooltipPrimitive.Portal>
</Tooltip>
</TooltipProvider>
</div>
);
})}
</div>
)}
{i === 3 && (
<div className="relative w-full h-full flex justify-center items-center">
{supportingSponsors.map((item, index) => {