ม็อกอัปหน้ารายละเอียดสินค้าคีย์บอร์ดกลไก

Create a clean, modern e-commerce product detail page for a premium mechanical keyboard brand named [KeyForge], rendered as a high-fidelity desktop website UI mockup on a white background with subtle light-gray dividers and generous whitespace. The interface displays a top navigation bar, a left product thumbnail strip, a central product hero image, and a right purchase details panel. Header features the bold [KeyForge] wordmark on the left; navigation links for "Keyboards", "Switches", "Keycaps", "Accessories", "Sale", "Blog", and "Support"; and right-aligned icons for search, account, and cart (with a black "1" badge). The central product hero presents a compact 75% mechanical keyboard photographed from a slightly elevated front angle on a pale gray stage, featuring a silver aluminum case, white and gray keycaps, lavender purple accent keys, and a silver rotary volume knob on the top right. Left gallery contains 5 thumbnails: front view, angled view, mechanical switch close-up, keycap texture macro, and a dark video thumbnail with a play icon. Right panel displays a "NEW" badge, bold product title [KeyForge K75 Pro], subtitle "75% Mechanical Keyboard", 4.8-star rating row with "(126 reviews)", price [[$129.99]], green "In Stock" tag, and a concise two-sentence feature summary. Below are 4 switch selector pills ("Cherry MX Red" active, "Gateron Brown", "Gateron Blue", "TTC Gold Pink"); 3 color selector pills ("White / Purple" active, "Black / Gray", "Navy / Blue"); quantity selector set to "1"; a solid black "Add to Cart" button; and an outlined "Add to Wishlist" button. Underneath, 3 service badges show "Free Shipping", "30-Day Returns", and "2-Year Warranty". Lower section contains a vertical tab menu ("Overview" selected), a 2x3 grid of feature cards ("75% Layout", "Gasket-Mounted", "QMK/VIA Support", "Hot-Swappable", "RGB Backlighting", "Premium Build"), and a technical specs list detailing layout, switch, mount, connectivity, backlight, material, dimensions, and weight. Minimalist tech startup aesthetic, clean sans-serif typography, soft shadows, and crisp UI layout.