Elgato_dark/podman-desktop
1
0
Fork 0
mirror of https://github.com/podman-desktop/podman-desktop synced 2026-04-21 09:37:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

chore(website): remove 3M downloads celebration banner

Browse source 
Signed-off-by: Dias Tursynbayev <original.justmello1337@gmail.com>
This commit is contained in:
Dias Tursynbayev 2026-04-09 15:44:52 +02:00 committed by Simon Rey
parent 519cf9a03d
commit 38132cd65b
2 changed files with 8 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
website/src/components/3MBanner.tsx
View file

@ -1,53 +0,0 @@
import React from 'react';
function Banner(): JSX.Element {
return (
<div className="w-full h-fit px-2 flex flex-row justify-center items-center bg-gradient-to-r from-purple-300 to-purple-700 sm:text-2xl">
<div className="relative sm:w-[310px] w-[230px] h-20 shrink-0">
<img
className="absolute sm:left-0 sm:top-[-10px] sm:w-[76px] left-0 top-[-7px] w-[60px]"
alt="3 balloon"
src="https://3m.podman-desktop.io/img/balloon-3.png"
/>
<img
className="absolute sm:left-[55px] sm:top-[9px] sm:w-[64px] top-[6px] left-[40px] w-[50px] -rotate-10 "
alt="0 balloon"
src="https://3m.podman-desktop.io/img/balloon-0.png"
/>
<img
className="absolute sm:left-[87px] sm:top-[19px] sm:w-[64px] top-[14px] left-[62px] w-[50px] "
alt="0 balloon"
src="https://3m.podman-desktop.io/img/balloon-0.png"
/>
<img
className="absolute sm:left-[121px] sm:top-[8px] sm:w-[64px] top-[5px] left-[86px] w-[50px] "
alt="0 balloon"
src="https://3m.podman-desktop.io/img/balloon-0.png"
/>
<img
className="absolute sm:left-[173px] sm:top-[16px] sm:w-[64px] top-[12px] left-[123px] w-[50px] -rotate-7 "
alt="0 balloon"
src="https://3m.podman-desktop.io/img/balloon-0.png"
/>
<img
className="absolute sm:left-[209px] sm:top-[12px] sm:w-[64px] top-[9px] left-[144px] w-[50px] rotate-6 "
alt="0 balloon"
src="https://3m.podman-desktop.io/img/balloon-0.png"
/>
<img
className="absolute sm:left-[245px] sm:top-[4px] sm:w-[64px] top-[3px] left-[170px] w-[50px] "
alt="0 balloon"
src="https://3m.podman-desktop.io/img/balloon-0.png"
/>
</div>
<div className="flex-initial whitespace-normal break-words sm:text-2xl text-xl overflow-hidden font-black">
DOWNLOADS. <span className="font-light sm:text-2xl text-base"> Proven in the real world.</span>{' '}
<a href="https://3m.podman-desktop.io" className="font-semibold sm:text-2xl text-base underline text-red-200">
Celebrate!
</a>
</div>
</div>
);
}
export default Banner;

34
website/src/pages/index.tsx
View file

@ -5,7 +5,6 @@ import Layout from '@theme/Layout';
import ThemedImage from '@theme/ThemedImage';
import React from 'react';
import Banner from '../components/3MBanner';
import { CNCFCommunityBanner } from '../components/CNCFCommunityBanner';
import { DownloadClientLinks, DownloadGenericLinks } from '../components/DownloadButton';
import { ExpandableFAQ } from '../components/ExpandableFAQ';
@ -19,30 +18,14 @@ function Hero(): JSX.Element {
<div className="container mx-auto flex px-5 pb-24 pt-4 items-center justify-center flex-col">
<div className="text-center lg:w-3/4 w-full bg-hero-pattern bg-no-repeat bg-center">
<div className="bg-white/30 dark:bg-transparent">
<div className="relative">
<img
className="absolute -scale-x-100 right-0 -top-23 w-22 animate-float"
src="https://3m.podman-desktop.io/img/party-seal.png"
/>
<img
className="absolute -right-8 -top-30 w-22 rotate-6 z-10 animate-float"
src="https://3m.podman-desktop.io/img/heart-balloon.png"
/>
<h1 className="title-font text-4xl leading-[3rem] lg:text-5xl lg:leading-[4rem] font-extrabold text-charcoal-300 dark:text-white mt-[80px] lg:w-3/4 mx-auto">
Best Free &amp; Open Source Tool for Containers &amp; Kubernetes
</h1>
</div>
<div className="relative">
<img
className="absolute left-[15px] -top-[150px] w-30 animate-float-diagonal"
src="https://3m.podman-desktop.io/img/seal-with-party-horn.png"
/>
<p className="text-base font-bold leading-[1.9rem] md:text-lg md:leading-[1.9rem] mt-[88px]">
The best free and open source tool for developers to work with containers and Kubernetes. Simplify
container management, streamline Kubernetes workflows, and transition from local development to
production with ease.
</p>
</div>
<h1 className="title-font text-4xl leading-[3rem] lg:text-5xl lg:leading-[4rem] font-extrabold text-charcoal-300 dark:text-white mt-[80px] lg:w-3/4 mx-auto">
Best Free &amp; Open Source Tool for Containers &amp; Kubernetes
</h1>
<p className="text-base font-bold leading-[1.9rem] md:text-lg md:leading-[1.9rem] mt-[88px]">
The best free and open source tool for developers to work with containers and Kubernetes. Simplify
container management, streamline Kubernetes workflows, and transition from local development to production
with ease.
</p>
<div className="flex-none">
{/* With client mode, provides the link to the client browser */}
<BrowserOnly fallback={<DownloadGenericLinks></DownloadGenericLinks>}>
@ -452,7 +435,6 @@ export default function Home(): JSX.Element {
title="Podman Desktop - Containers and Kubernetes"
description="Podman Desktop - An open source graphical tool for developing on containers and Kubernetes">
<TailWindThemeSelector />
<Banner />
<Hero />
<MainFeatures />
<Pods />