From fee71fe7dc02c48d715d0f4429497c5ffd94f339 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Fri, 24 Jul 2026 14:16:02 +0200
Subject: [PATCH] chore: remove Features and Client/Play sections from homepage

- Remove generic Features section (4 cards) to declutter
- Remove Client/Play CTA section (redundant with hero buttons)
---
 src/app/(site)/page.tsx | 80 -----------------------------------------
 1 file changed, 80 deletions(-)

diff --git a/src/app/(site)/page.tsx b/src/app/(site)/page.tsx
index a644390b6c..a60f554a71 100644
--- a/src/app/(site)/page.tsx
+++ b/src/app/(site)/page.tsx
@@ -389,86 +389,6 @@ export default async function Home() {
 				</Reveal>
 			</div>
 
-			{/* ── Features ── */}
-			<Reveal>
-				<div className="overflow-hidden rounded-xl border" style={{ borderColor: "color-mix(in srgb, var(--color-text-muted) 12%, transparent)", backgroundColor: "var(--color-surface)" }}>
-					<div
-						className="flex items-center gap-2.5 px-4 py-3"
-						style={{
-							background: "linear-gradient(140deg, #5a2d82 0%, #6b3a9e 20%, #7d47b8 40%, #8f54d0 60%, #7d47b8 75%, #6b3a9e 90%, #5a2d82 100%)",
-						}}
-					>
-						<Image src="/assets/images/icons/star.gif" alt="" width={18} height={18} unoptimized />
-						<h2 className="text-sm font-bold text-white" style={{ fontFamily: "var(--font-nunito)" }}>
-							{hotelName} Features
-						</h2>
-					</div>
-					<div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-px p-4" style={{ background: "color-mix(in srgb, var(--color-text-muted) 6%, transparent)" }}>
-						{[
-							{ img: "/assets/images/icons/navigation/me.png", title: tp("featuresAvatar"), desc: tp("featuresAvatarDesc") },
-							{ img: "/assets/images/icons/catalog.png", title: tp("featuresFurniture"), desc: tp("featuresFurnitureDesc") },
-							{ img: "/assets/images/icons/navigation/community.png", title: tp("featuresCommunity"), desc: tp("featuresCommunityDesc") },
-							{ img: "/assets/images/icons/navigation/bb.png", title: tp("featuresGames"), desc: tp("featuresGamesDesc") },
-						].map((f) => (
-							<div
-								key={f.title}
-								className="rounded-lg p-4 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg"
-								style={{ background: "var(--color-surface)" }}
-							>
-								<div
-									className="w-11 h-11 rounded-xl flex items-center justify-center mb-3"
-									style={{ background: "color-mix(in srgb, var(--color-primary) 14%, transparent)" }}
-								>
-									<Image src={f.img} alt="" width={24} height={24} unoptimized />
-								</div>
-								<h3 className="text-sm font-extrabold mb-1" style={{ color: "var(--color-text-readable)" }}>
-									{f.title}
-								</h3>
-								<p className="text-xs leading-relaxed" style={{ color: "var(--color-text-muted)" }}>
-									{f.desc}
-								</p>
-							</div>
-						))}
-					</div>
-				</div>
-			</Reveal>
-
-			{/* ── Client / Play ── */}
-			<Reveal>
-				<div className="relative overflow-hidden rounded-xl border animate-gradient" style={{
-					borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
-					background: "linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)), color-mix(in srgb, var(--color-primary) 3%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 4%, var(--color-surface)))",
-				}}>
-					<div className="flex flex-col md:flex-row items-center gap-6 px-6 py-7">
-						<div className="shrink-0">
-							<div className="w-14 h-14 rounded-2xl flex items-center justify-center" style={{ background: "color-mix(in srgb, var(--color-primary) 14%, transparent)" }}>
-								<Image src="/assets/images/icons/navigation/shop.png" alt="" width={28} height={28} unoptimized />
-							</div>
-						</div>
-						<div className="flex-1 text-center md:text-left">
-							<h3 className="text-lg font-extrabold mb-0.5" style={{ color: "var(--color-text-readable)", fontFamily: "var(--font-nunito)" }}>
-								{th("nitroClient")}
-							</h3>
-							<p className="text-sm" style={{ color: "var(--color-text-muted)" }}>
-								{tp("welcomeBody")}
-							</p>
-						</div>
-						<Link
-							href="/client"
-							className="inline-flex items-center gap-2 font-extrabold text-sm px-6 py-3 rounded-xl transition-all duration-200 hover:scale-[1.03] active:scale-95 shadow-lg shrink-0 animate-pulse-glow"
-							style={{
-								background: "var(--color-primary)",
-								color: "var(--color-primary-foreground)",
-								boxShadow: "0 4px 20px color-mix(in srgb, var(--color-primary) 30%, transparent)",
-							}}
-						>
-							<Image src="/assets/images/EnterHubbly.png" alt="" width={18} height={18} unoptimized />
-							{th("nitroClient")}
-						</Link>
-					</div>
-				</div>
-			</Reveal>
-
 			{/* ── Online users ── */}
 			{recentUsers.length > 0 && (
 				<Reveal>