Elevate Customs — Space Analyzer

Design Intelligence

Your space, interpreted.

\n A luxury design consultation for your gaming environment\n

You

Space

Dimensions

Games

Preferences

\n Tell us about yourself\n

\n Your personal design consultation begins here. We will address you\n by name throughout your experience.\n

\n \n \n

\n \n

\n\n

✓

You

Space

Dimensions

Games

Preferences

\n Capture Your Space\n

\n Choose how you would like to share your space. More angles means\n more accurate recommendations.\n

\n \n

📷

Multiple Photos

Up to 4 angles of your space

\n \n

🎥

360 Video

\n We extract frames automatically\n

\n \n $\"\"$ \n

Required

Main View

\n \n \n \n \n \n

Standing at entrance

\n Main View\n Remove\n \n

\n \n $\"\"$ \n

Left Wall

\n \n \n \n \n \n

Optional

\n Left Wall\n Remove\n \n

\n \n $\"\"$ \n

Right Wall

\n \n \n \n \n \n

Optional

\n Right Wall\n Remove\n \n

\n \n $\"\"$ \n

Opposite Wall

\n \n \n \n \n \n

Optional

\n Opposite Wall\n Remove\n \n

\n The main view is required. Additional angles give our AI a\n complete picture for more accurate placement recommendations.\n

\n \n \n \n \n \n

Upload your 360 video

\n MP4, MOV, or any standard video format\n

\n \n

\n Extracting frames from your video...\n

\n Extracted frames sent to our designer AI\n

\n \n

\n \n \n Analyze My Space →\n \n

\n \n\n

Our designer AI is studying your space

\n \n Identifying room shape, architectural features, and measurement\n points\n

\n \n\n

✓

You

✓

Space

Dimensions

Games

Preferences

\n \n

\n Room Dimensions\n

\n Choose how you would like to provide your room dimensions. The more\n precise, the more accurate your recommendations.\n

\n \n Feet\n \n \n

\n \n

\n Measure per wall - most accurate\n

\n Our AI identified the key walls to measure. Fill in what you\n can.\n

\n \n

\n Approximate overall dimensions\n

\n Rough length and width is enough to get started.\n

\n Approx. Length (ft)\n

\n Approx. Width (ft)\n

\n \n

\n Skip - just show me options\n

\n Our AI will estimate proportions from your photo. Sizing\n will be approximate.\n

\n \n \n \n

\n \n \n

\n \n\n

✓

You

✓

Space

✓

Dimensions

Games

Preferences

\n Gaming Categories\n

\n Select the types of gaming tables you would like considered.\n

\n \n

\n ✓\n

🎱Pool Table\n

\n \n

\n ✓\n

🏒Shuffleboard\n

\n \n

\n ✓\n

♠️Poker Table\n

\n \n

\n ✓\n

⚽Foosball\n \n \n

\n ✓\n

🏑Air Hockey\n \n \n

\n ✓\n

🎡Roulette\n \n \n

\n ✓\n

🃏Blackjack\n \n \n

\n ✓\n

🎲Craps\n \n \n

\n ✓\n

🏔️Dome Hockey\n \n \n

\n ✓\n

🏓Table Tennis\n \n \n \n

\n \n \n

\n \n\n

✓

You

✓

Space

✓

Dimensions

✓

Games

Preferences

\n How many pieces are you open to?\n

\n \n

One statement piece

\n A single perfectly chosen table that anchors the room and\n becomes the focal point.\n

\n \n

2-3 curated pieces

\n A considered selection of complementary tables that create a\n complete gaming experience.\n

\n \n

A full gaming environment

\n Maximize the space with every category that fits.\n

\n \n What matters most to you?\n

\n \n

Style above all

\n The pieces must feel designed for this specific room.\n

\n \n

Maximum gaming variety

\n Prioritize variety while maintaining quality.\n

\n \n \n

Balance of both

\n Beautiful pieces that offer a rich variety of gaming\n experiences.\n

\n \n \n \n

\n \n \n

\n \n\n

\n Preparing your consultation\n

\n\n

\n Something went wrong. Please try again.\n

\n \n Start Over\n \n

\n\n

\n \n

Design Identity

Space Components

Material and Tone Palette

Designer Layout Vision

Your Curated Selections

\n \n For each category we have curated 3 options matched to your space in\n different finishes. Remove any category you do not want.\n

\n \n \n Explore Full Collection\n \n

\n \n \n \n \n \n \n \n",[],[142,189],"263bbd6a-5475-11f1-a4ae-ee650bb23af1","app.js.ts","1bc6958a-5475-11f1-ab3f-ee650bb23af1",79,["D",1779299755437],[],[142,198],["D",1779214749499],[168,169,170,171],[142],"425f84e6-5406-11f1-bdca-ee650bb23af1","analyze.ts",36,["D",1779252128516],"import Anthropic from \"npm:@anthropic-ai/sdk\";\n\nasync function sendLeadEmail(\n clientName: string,\n clientEmail: string,\n clientPhone: string,\n categories: string,\n preferences: string,\n apiKey: string,\n) {\n try {\n await fetch(\"https://api.brevo.com/v3/smtp/email\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"api-key\": apiKey,\n },\n body: JSON.stringify({\n sender: {\n name: \"Elevate Customs Space Analyzer\",\n email: \"info@elevatecustoms.com\",\n },\n to: [{ email: \"info@elevatecustoms.com\", name: \"Elevate Customs\" }],\n replyTo: { email: clientEmail, name: clientName },\n subject: `New Design Consultation — ${clientName}`,\n htmlContent: `\n

New Design Consultation

Submitted via Space Analyzer

\n \n \n \n \n \n \n

Name	${clientName}
Email	${clientEmail}
Phone	${\n clientPhone \|\| \"Not provided\"\n }
Categories	${categories}
Preferences	${preferences}

\n Reply to ${\n clientName.split(\" \")[0]\n }\n

Elevate Customs — Design Intelligence Platform

`,\n }),\n });\n } catch (e) {\n console.error(\"Email send failed:\", e);\n }\n}\n\nexport async function analyzeRoom(req: Request): Promise {\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n try {\n const { imageBase64, mediaType } = await req.json();\n const client = new Anthropic({ apiKey: Deno.env.get(\"ANTHROPIC_API_KEY\") });\n const response = await client.messages.create({\n model: \"claude-sonnet-4-5\",\n max_tokens: 1000,\n system:\n `You are a luxury interior design consultant analyzing a room photo to prepare a measurement guide. Return ONLY valid JSON with no preamble or markdown. Analyze the room shape and identify key architectural features. Return this exact structure: {\"roomShape\":\"one of: rectangular, L-shaped, open-plan, irregular, or describe briefly\",\"estimatedProportions\":\"brief description\",\"featuresDetected\":[\"list of detected features like TV wall, fireplace, sliding doors, columns, bar area etc\"],\"wallMeasurements\":[{\"id\":\"A\",\"description\":\"Wall description\",\"hint\":\"Measurement hint\"},{\"id\":\"B\",\"description\":\"Second wall\",\"hint\":\"Hint\"}],\"designerNote\":\"One warm sentence describing the space potential.\"} Only include walls that are relevant and visible. Maximum 5 walls. Minimum 2 walls.`,\n messages: [{\n role: \"user\",\n content: [\n {\n type: \"image\",\n source: {\n type: \"base64\",\n media_type: mediaType,\n data: imageBase64,\n },\n },\n {\n type: \"text\",\n text:\n \"Analyze this room shape and return the measurement guide JSON.\",\n },\n ],\n }],\n });\n const text = response.content.map((b: any) => b.text || \"\").join(\"\");\n return new Response(text, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n } catch (err: any) {\n return new Response(JSON.stringify({ error: err.message }), {\n status: 500,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n }\n}\n\nexport async function analyze(req: Request): Promise {\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n if (req.method !== \"POST\") {\n return new Response(JSON.stringify({ error: \"POST required\" }), {\n status: 405,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n const {\n imageBase64,\n mediaType,\n dimText,\n catText,\n prefText,\n clientName,\n clientEmail,\n clientPhone,\n additionalImages,\n } = await req.json();\n\n if (!imageBase64 || !mediaType) {\n return new Response(\n JSON.stringify({ error: \"imageBase64 and mediaType required\" }),\n { status: 400, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n\n const client = new Anthropic({ apiKey: Deno.env.get(\"ANTHROPIC_API_KEY\") });\n const firstName = clientName ? clientName.split(\" \")[0] : \"there\";\n const totalImages = 1 + (additionalImages || []).length;\n\n const systemPrompt = [\n `You are a world-class luxury interior designer and gaming room specialist working exclusively with Elevate Customs. You are personally consulting for ${\n clientName || \"this client\"\n }. Address them by first name (${firstName}) throughout.`,\n `You have been provided ${totalImages} image${\n totalImages > 1 ? \"s\" : \"\"\n } of the space${\n totalImages > 1\n ? \" from multiple angles — analyze all of them together for a complete understanding of the room\"\n : \"\"\n }.`,\n \"CRITICAL PLACEMENT RULES: Study every inch of all photos before suggesting any placement. Identify and LIST every door, sliding door, barn door, bi-fold door, walkway, staircase, and opening. NEVER place any table within the clearance zone of any door. A barn door wall is NOT a viable placement wall. A TV wall with NO door is ideal for shuffleboards. A wall with ANY door is off limits for table placement.\",\n \"EXACT TABLE SPECIFICATIONS:\",\n \"POOL TABLES: 60 inch clearance on ALL four sides. Sizes: 7ft=91x52in, 8ft=101x57in, 8.5ft=108x60in, 9ft=113x63in. Add 120 inches to both table dimensions for minimum room size.\",\n \"SHUFFLEBOARD: 24 inch clearance on SHORT ends only. Long sides against wall fine. Sizes: 9ft=108x32in, 12ft=144x32in, 14ft=168x32in, 16ft=192x32in, 18ft=216x32in, 22ft=264x32in.\",\n \"POKER: Max 104x44x30in. NEVER exceed regulation. Custom smaller only. 36 inch clearance all around for 9 players plus dealer.\",\n \"BLACKJACK: Max 88x46x30in. NEVER exceed regulation. Custom smaller only. 36 inch clearance all around. Dining or bar height.\",\n \"ROULETTE: Max 98x50x30in. NEVER exceed regulation. Custom smaller only. 24 inch clearance all around.\",\n \"CRAPS: Max 117x60x42in. NEVER exceed regulation. Custom smaller only. 24 inch clearance all around.\",\n \"AIR HOCKEY: Residential 93x48x32in, Commercial 93x48x34in. 36 inch clearance on SHORT ends only. Long sides against wall fine.\",\n \"FOOSBALL: 62x31x36in. 48 inch clearance on both LONG sides where rods stick out. Short ends against wall fine. Ideally floats in room.\",\n \"DOME HOCKEY: 54x36x54in. 36 inch clearance on SHORT ends only. Long sides against wall fine.\",\n \"TABLE TENNIS: 108x60x30in. 48 inch clearance on SHORT ends. 24 inch clearance on LONG sides. Cannot go fully against any wall.\",\n \"DIMENSION HANDLING: If exact dimensions provided use them precisely. If approximate use as estimates. If no dimensions provided make intelligent visual estimates and note this.\",\n \"QUANTITY: Single = one best category only. Few = 2-3 categories. Full = all that fit.\",\n \"STYLE: For every recommended category provide exactly 3 options each with a DIFFERENT finish. Top pick = best match. Option 2 = darker alternative. Option 3 = lighter or warmer alternative.\",\n \"Only use these collection names: Ambrosia, Baluster, Beso, Bridge, Don, Draco, Divo, Elite, Enzo, Kors, Louve, Luge, Mantis, Maze, Pyramid, Rumba, Sid, Stilt, Trestle, Trinity, Temple, The Surgeon, Vogue, Vero, Zenith.\",\n \"Available finishes: Black, Walnut, White Oak, Teak, Curly Maple, White, Stainless Steel, Brass.\",\n \"Write in the warm confident voice of a luxury designer personally addressing this client by first name. Reference actual details visible in the photos.\",\n `Return ONLY this exact JSON: {\"styleName\":\"2-4 word design identity\",\"styleDescription\":\"3 sentences describing the space and gaming vision addressing the client by first name.\",\"dimensionNote\":\"One sentence noting whether dimensions were exact approximate or visually estimated.\",\"components\":[{\"label\":\"Architecture\",\"value\":\"...\"},{\"label\":\"Flooring\",\"value\":\"...\"},{\"label\":\"Lighting\",\"value\":\"...\"},{\"label\":\"Furniture\",\"value\":\"...\"},{\"label\":\"Palette\",\"value\":\"...\"}],\"palette\":[{\"name\":\"tone\",\"hex\":\"#xxxxxx\"},{\"name\":\"tone\",\"hex\":\"#xxxxxx\"},{\"name\":\"tone\",\"hex\":\"#xxxxxx\"}],\"layoutSummary\":\"2-3 sentences addressing client by first name describing layout vision referencing actual architectural features and avoiding all doors.\",\"layoutItems\":[\"One placement note per category with exact recommended size.\"],\"categories\":[{\"category\":\"Pool Table\",\"size\":\"9ft\",\"placement\":\"Specific placement avoiding all doors.\",\"options\":[{\"rank\":1,\"name\":\"Vogue Pool Table\",\"collection\":\"Vogue\",\"finish\":\"White Oak\",\"reason\":\"Why this suits this specific space.\",\"match\":96},{\"rank\":2,\"name\":\"Zenith Pool Table\",\"collection\":\"Zenith\",\"finish\":\"Black\",\"reason\":\"Darker dramatic alternative.\",\"match\":91},{\"rank\":3,\"name\":\"Elite Pool Table\",\"collection\":\"Elite\",\"finish\":\"Walnut\",\"reason\":\"Warm wood alternative.\",\"match\":86}]}]}`,\n ].join(\" \");\n\n const userMessage = [\n dimText ||\n \"No dimensions provided — use visual estimation from the photos.\",\n catText || \"No category preferences provided.\",\n prefText || \"No quantity preference provided.\",\n `Client name: ${clientName || \"Not provided\"}.`,\n \"Analyze this space using exact specifications. Return only the JSON.\",\n ].join(\" \");\n\n // Build image content array with all provided images\n const imageContent: any[] = [];\n imageContent.push({\n type: \"image\",\n source: { type: \"base64\", media_type: mediaType, data: imageBase64 },\n });\n for (const img of (additionalImages || []).slice(0, 5)) {\n imageContent.push({\n type: \"image\",\n source: { type: \"base64\", media_type: \"image/jpeg\", data: img },\n });\n }\n imageContent.push({\n type: \"text\",\n text: `${userMessage} Note: ${totalImages} image${\n totalImages > 1 ? \"s have\" : \" has\"\n } been provided showing ${\n totalImages > 1 ? \"multiple angles\" : \"one angle\"\n } of this space.`,\n });\n\n const response = await client.messages.create({\n model: \"claude-sonnet-4-5\",\n max_tokens: 4000,\n system: systemPrompt,\n messages: [{ role: \"user\", content: imageContent }],\n });\n\n const text = response.content.map((b: any) => b.text || \"\").join(\"\");\n\n const brevoKey = Deno.env.get(\"BREVO_API_KEY\") || \"\";\n if (brevoKey && clientEmail) {\n await sendLeadEmail(\n clientName || \"Unknown\",\n clientEmail,\n clientPhone || \"\",\n catText || \"\",\n prefText || \"\",\n brevoKey,\n );\n }\n\n return new Response(text, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n } catch (err: any) {\n return new Response(JSON.stringify({ error: err.message }), {\n status: 500,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n }\n}",[],[149,208],["D",1779214694884],[166],[149],["D",1779214682029],{"_97":96,"_104":37},{"_97":96,"_98":99,"_100":37,"_18":55,"_101":102,"_103":24},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_123":254,"_255":256,"_257":258,"_259":24,"_260":24,"_261":24,"_262":59,"_263":-5,"_264":-7,"_265":-7,"_266":63,"_267":24,"_268":24,"_269":-5,"_270":24,"_271":24,"_272":24,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":87,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v80