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)
This commit is contained in:
1 parent
e8ade7afa3
commit
fee71fe7dc
1 file changed
-80
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user