antojos

byDiego

You are an expert frontend developer, UI/UX designer, and localization specialist. Build a stunning, fully responsive, high-end single-page web application for an event snack-cart catering business called "El Carrito De Antojitos" based in Hayward and Stockton, California (Instagram: @_elcarritodeantojitos). ### Core Design System & Styling (Strictly Match Screenshot Aesthetic): - **Color Palette:** Dark moody forest/slate-charcoal green background (`#13221C` or `#0f1c18`), warm cream/ivory cards and text accents, warm gold/brass accents, and vibrant coral/peach accent highlights (`#E87A5D`). - **Typography:** Elegant high-contrast combination of a luxury editorial serif display font (like Playfair Display / Cormorant Garamond) for headers and a warm organic script/handwritten font for playful accents. - **Bilingual Support (English / Spanish Toggle):** - Implement a smooth language toggle switch prominently in the top right corner of the navigation bar ("EN | ES"). - All text content across the hero, menu, video dashboard, mirror configurator, forms, and buttons must instantly switch between English and fluent, natural Spanish without refreshing the page. ### Key Sections to Build: 1. **Navigation Bar:** - Brand logo and name ("El Carrito De Antojitos") with a custom badge. - Links: Menu, Experience, Videos, Booking. - Top-right EN/ES toggle switch and a glowing call-to-action button ("RESERVA TU EVENTO" / "Book Your Event"). 2. **Hero Section (Matching Reference Style):** - Tagline subtitle: *"ANTOJITOS CURADOS. CELEBRACIONES INOLVIDABLES."* - Massive editorial serif header: *"Haz espacio para los antojos."* paired with a vibrant coral script accent word. - Body copy: *"¡Los antojitos perfectos para tu evento! Llevamos el carrito, el estilo y ese caos bonito a cada celebración."* - Dual buttons: Primary mustard/gold glowing CTA ("RESERVAR EVENTO") and outline secondary CTA ("VER EL MENÚ"). - Location note at the bottom: *"Servimos Hayward, Stockton y el Área de la Bahía."* 3. **Product Showcase Section — "Pick Your Antojo":** - Section Header must explicitly read: **"Pick Your Antojo"** (with bilingual subtitle: *Elige Tu Antojo*). - Display a gorgeous, highly interactive product card layout with high-definition imagery for each item, complete with detailed ingredient checklists and setup inclusions: - **Tostilocos:** 3 Chips choice (Tostitos, Cheetos, Takis, Doritos), cueritos, 3 fruits (mango, jicama, cucumber), limes, peanuts, tamarindo chaca chaca/sticks/candy, Valentina, tapatio, chamoy, salt, chili powder, tajin, forks, spoons, bowls, napkins, plus curtain background, side table, custom theme mirror, and extra product trays. - **Esquites:** Chips choice, corn, limes, cotija cheese, tamarindo candies, mayo, butter, Valentina, tapatio, salsa macha, salt, chili powder, tajin, Cheeto/Takis crumbs, forks, spoons, bowls, napkins, curtain background, side table, mirror, and extra product trays. - **Fruit Cup:** Chips choice, 4 fruits (mango, jicama, cucumber, watermelon), 2 gummies, tamarindo sticks, chamoy, tajin, forks, spoons, bowls, napkins, curtain backdrop, side table, and mirror setup. - **Sopa Bar:** Chips choice, sopas (Cup Noodles style), onion, cilantro, chiles, limes, tamarindo candies, Valentina, tapatio, salsa macha, Maggie sauce, tajin, forks, spoons, bowls, napkins, and full cart/table setup. - **Mini Pancakes:** 3 fruits (strawberries, bananas, blueberries), 4 toppings (nuts, sprinkles, oreos, marshmallows), Lechera, Nutella, syrup, chocolate/caramel sauce, powder sugar, whipped cream, forks, spoons, bowls, napkins, and full luxury setup. 4. **Netflix-Style Video Dashboard Section ("CineCarrito / Event Reels"):** - A slick, dark-themed YouTube/Netflix style video dashboard featuring horizontal carousel rows ("Trending Event Setups", "Live Snack Bar Action", "Client Reviews"). - Includes a large featured video banner preview and an interactive modal video player when any card is tapped, optimized smoothly for mobile touch gestures. 5. **Interactive "Custom Event Mirror & Drape Configurator" Section:** - Split-screen UI (side-by-side on desktop, stacked on mobile) featuring a live interactive Mirror Preview on the left and a Customization Control Panel on the right. - **1. Live Mirror Preview (Left / Main View):** - **Centered, Tall, Full-Length Arched Mirror:** Rendered cleanly in the center with a thin metallic gold/brass frame border and a blueish-tinted reflective glass surface with white light glints/shimmers (no square background box). - **White Floral Arrangements:** Lush, elegant white rose and greenery floral accents positioned at the bottom base and top-right corner of the mirror frame. - **Drape Placement:** The chiffon fabric drape is positioned **right next to the mirror on the right side**, touching the frame and cascading down beside it. It features smooth animated color transitions when a new color is picked. - **Text Decal Layer:** Custom text rendered directly over the glass. **Default initial text color starts with Matte Black vinyl.** Users can switch to Gold Shimmer or Crisp White. Text updates instantly in real-time. - **2. Customization Control Panel (Right Side / Sidebar):** - Text inputs: Header ("Welcome to the Wedding of"), Main Names ("Salvador & Erika"), Sub-line, and Date ("06.14.25"). - Font style picker (Elegant Script, Modern Serif, Sans-Serif). - **Vinyl decal color picker defaulting to Black.** - Drape color selector palette with popular event presets (Royal Navy, Sage Green, Dusty Rose, Rust/Terracotta, Emerald Green, Burgundy, Ivory, Black Slate) plus custom hex picker. - CTA button: "Request Quote for this Mirror / Solicitar Cotización". 6. **Instagram Gallery & Interactive Booking Form:** - Photo grid mimicking `@_elcarritodeantojitos` with direct links. - Fully interactive multi-step booking form with guest count, date picker, event type, and package selection, including the mandatory notice: *"Deposit required to save date / Se requiere depósito para asegurar la fecha."* - Sticky mobile action bar for touch devices. Ensure the code is self-contained, error-free, fully responsive, and bilingual.