Dashboard
Quick overview of your Juice Island website. Use the sidebar to make changes without dealing with complicated settings.
Website status
Public website ready
Menu, hero carousel and responsive layouts are active.Live updates
Supabase live sync
Use Save / Export or the Supabase publish controls to make changes available to visitors.Quick actions
Visual Appearance
Changes are applied live to this page and stored locally in this browser.
Website Content
Menu Items
Edit item names, prices and descriptions, move products, or create another product using the same public card design.
Menu Item
Save / Export
Save keeps the current visual settings in this browser. Export creates a new single HTML file containing the current DOM state and the admin interface. Supabase adds optional live cloud publishing for the hosted website.
Supabase — Live Sync
Keep Local Storage and HTML Export exactly as before. Supabase adds a third option: publish the saved site state to the cloud so the hosted public website can load the latest changes without re-uploading the HTML after every edit.
1. Supabase Project
Connected project: https://swslxcualgkefknvlyao.supabase.co. Use your Supabase Auth email/password to sign in.
2. Live Publishing
Save Changes still saves locally. Export Updated HTML still creates the updated single HTML file. Use Publish to Supabase when you want the hosted audience to receive the latest saved state.
3. One-time Database Setup
Run this SQL once in Supabase SQL Editor. It creates one cloud state row, lets the public site read it, and allows only approved Supabase Auth admin users to publish updates.
Hero Carousel
Add unlimited hero media. Image and video sources are both optional — provide either one. Uploaded videos show animated progress and play muted automatically.
Add Hero Media
Social Media & Links
Fill any social URL you want. Only platforms with a URL will appear in the footer. Defaults for Facebook and WhatsApp are already present.
Menu Categories
Rename categories, reorder them, add new categories or remove categories. Category buttons keep the existing V18 selected/unselected design.
Add Category
Page Builder
Build sections visually. Add text, images or videos, set dimensions, colors, alignment, fonts, spacing and media, then move, edit or remove sections.
Create Section
Reviews
Add, edit or remove customer reviews. Changes are applied immediately to the About section.
Add Review
Typography
Set the site's main font without editing code. Google Fonts are loaded when available.
Code Editor
Advanced control for the owner. Edit custom HTML, CSS and JavaScript directly. This panel is optional; visual controls can still be used without coding.