Xello ProDock
You are an expert Frontend Developer and UI/UX Designer specializing in ultra-premium, modern Shopify e-commerce landing pages (Apple/Stripe aesthetic).
I am building my store on Shopify. I want you to write a complete, self-contained Shopify Custom Liquid Section (including HTML, Tailwind CSS setup or custom styles, JavaScript for interactions, and the required Liquid schema settings at the bottom) so I can easily drop this into my Shopify Theme Editor.
The brand is "XELLO". The primary product is a high-end, minimalist Laptop Stand with an integrated 8-in-1 USB-C Hub/Docking Station (featuring 4K HDMI, USB 3.0, and Power Delivery charging).
Completely rewrite and redesign my current landing page blueprint from A to Z, ensuring it is fully responsive, dynamic for Shopify, and optimized for high conversions.
---
### I. DESIGN & VISUAL DIRECTION (Luxury Tech Aesthetic)
* **Color Palette:** Monochromatic and premium. Deep Slate/Graphite Black (#121212), Pearl White, with subtle metallic/zinc accents.
* **Typography:** Clean, modern Sans-Serif (use Google Fonts: Heebo or Assistant for Hebrew text integration). Large, bold typography for headers, light/spaced text for subtitles.
* **Layout:** Ultra-minimalist, plenty of whitespace (negative space), soft shadows, smooth bento-grid components, and subtle fade-in transitions.
* **Vibe:** Professional, high-productivity, luxury tech. Every section must look like a premium editorial catalog.
---
### II. STRUCTURE & COPYWRITING (Hebrew Market - Right to Left RTL)
*Important: The layout and typography must be fully RTL compatible (`dir="rtl"`).*
#### 1. HEADER / NAVIGATION (If included in section, otherwise style to match)
* Left side: "XELLO" logo (bold, geometric, uppercase).
* Center: Minimal links (מוצרים | שאלות נפוצות | טכנולוגיה).
* Right side: Sleek cart icon and ghost button.
#### 2. HERO SECTION (The Transformation)
* **H1 Main Headline:** XELLO™ | להרים את סביבת העבודה שלך. פשוטו כמשמעו.
* **Subheadline:** תחנת העבודה האולטימטיבית: מעמד אלומיניום ארגונומי עם תחנת עגינה 8-ב-1 מובנית. כל מה שאתם צריכים, בחיבור אחד.
* **CTA Button:** Dynamic Shopify Add-to-Cart or dynamic checkout link: [לשדרוג השולחן שלי - עכשיו במחיר השקה] (Make it a high-end animated button with a soft glow or smooth hover effect).
* **Visual Placeholder:** A gorgeous container for a premium desk setup showing a laptop raised perfectly, connected to an external monitor, completely clean of clutter.
#### 3. THE PROBLEM & SOLUTION (LF8 Psychology: Pain Relief & Order)
* **Headline:** די לכאבי הצוואר. שלום לסדר מופתי.
* **Body Copy:** רובנו מעבירים 8-10 שעות ביום מול הלפטופ, כפופים ונלחמים בערימת כבלים. ה-XELLO ProDock תוכנן כדי לשנות את חוקי המשחק: הוא מרים את המסך לגובה העיניים ומנקה את השולחן מכל מה שמפריע לכם להתרכז.
* **Layout:** Two-column split. One side text, the other side interactive before/after or an elegant product grid.
#### 4. BENTO GRID / TECHNICAL SPECS (Smart & Functional)
Create a beautiful grid layout showcasing the premium technical details explained simply:
* **Card 1 (Material):** אלומיניום תעופתי - לא רק יפה, אלא גם חזק ושומר על הלפטופ שלכם קריר גם בעומס עבודה גבוה.
* **Card 2 (Connectivity):** חיבוריות ללא גבולות - יציאת HDMI 4K למסך חיצוני, 3 יציאות USB 3.0 וקורא כרטיסים מובנה.
* **Card 3 (Power):** טעינה מהירה (PD) - חברו את המטען ישירות למעמד. כבל אחד ללפטופ – וזהו. אתם בטעינה מלאה של עד 100W.
#### 5. THE ULTIMATE BUNDLE (Upsell Section)
* **Headline:** מארז XELLO Ultimate
* **Offer:** The XELLO ProDock Stand + A premium 4K HDMI braided cable included for an exclusive launch price of 249 NIS (Instead of 349 NIS). Use Shopify product object loops or fields where applicable to handle prices natively, or write it cleanly as a hardcoded high-converting section block.
* **Urgency:** Subtle indicator (מלאי מוגבל להשקה).
#### 6. SOCIAL PROOF & TRUST
* **Headline:** מעל 1,500 מקצוענים כבר עברו ל-XELLO.
* **Featured Review:** "המוצר הזה שינה לי את היום. במקום 5 כבלים שיוצאים לי מהצד של המחשב, יש לי כבל אחד והשולחן נראה כמו בפרסומת של אפל." – עידן, מעצב מוצר.
#### 7. FAQ SECTION (Removing Friction)
Implement an elegant accordion toggle for these questions using JavaScript:
* **Q:** האם זה מתאים למקבוק (MacBook)?
**A:** חד משמעית. XELLO תוכנן לעבוד בצורה מושלמת עם כל מחשב בעל כניסת USB-C (Mac ו-PC כאחד).
* **Q:** האם המעמד יציב?
**A:** בנינו אותו מסגסוגת אלומיניום קשיחה עם רפידות סיליקון למניעת החלקה. הוא מחזיק בקלות גם מחשבי 17 אינץ' כבדים.
* **Q:** מה לגבי אחרי