'use client'; import { SiArchlinux, SiUbuntu, SiLinux } from 'react-icons/si'; /** * Mac mini + 螢幕 3D 裝置展示 * 使用純 CSS 3D transforms,取代開發工作環境頁的 feature_image */ export function DevEnvDeviceHero() { return (
{/* Monitor */}
{/* Bezel */}
{/* Screen */}
{/* macOS Desktop mockup */}
{/* macOS Menu bar - 半透明毛玻璃 */}
{'\uF8FF'} Terminal 14:30
{/* Window - Terminal 顯示 Arch / Ubuntu / Tux 三個 Logo */}
$ neofetch --ascii_distro arch,ubuntu,tux
{/* Monitor stand */}
{/* Desk surface - Mac mini 與鍵盤均勻放置 */}
{/* 鍵盤 - Magic Keyboard 風格,鍵帽網格 */}
{[14, 14, 13, 12].map((keyCount, row) => (
{Array.from({ length: keyCount }).map((_, col) => (
))}
))}
{/* Mac mini M4 2024 - 頂視,避免 3D 偽影 */}
{'\uF8FF'}
); }