{"content":[{"name":"Section","content":[{"name":"Container","holder":"root","type":"container","content":[{"name":"Container","media":{"mobile":{"style":{"flexBasis":"100%"}}},"holder":"container","type":"container","content":[{"type":"code","name":"Custom Code","_elType":"ELEMENT","component_path":"code","id":"n8qlxkzt","advanced":{"html":"

WedSwipe™

\n Get Matched\n

\n\n

AI-powered matchmaking for the wedding of your dreams.

\n\n

Speak it or swipe it — our SmartSwipe Engine™ learns your style, vibe, and preferences to curate weddings you'll fall in love with.

\n\n

\n \n\n

\n \n \n \n\n

Not sure what to ask? Try one of these:

\n\n

\n \n \n \n

\n\n

\n \n

\n\n\n","js":"// --- DOM Elements ---\nconst userInput = document.getElementById('inputText');\nconst micButton = document.getElementById('micButton');\nconst messageBoxContainer = document.getElementById('messageBoxContainer');\nconst messageBoxTitle = document.getElementById('messageBoxTitle');\nconst messageBoxContent = document.getElementById('messageBoxContent');\nconst messageBoxOkButton = document.getElementById('messageBoxOkButton');\n\n// NEW: Get all suggestion buttons\nconst suggestionButtons = document.querySelectorAll('.suggest-button'); // We'll add a class to HTML\n\n\n// --- Global State Variables ---\nlet currentButtonMode = 'mic'; // 'mic' or 'send'\nlet isRecognitionActive = false; // True if mic is actively listening (SpeechRecognition API status)\nlet isMicButtonPressed = false; // True if the mic button is physically held down by the user\nlet accumulatedTranscript = ''; // To accumulate final recognized text\n\n// --- Speech Recognition API references (will be assigned later if supported) ---\nlet speechRecognitionAPI = null;\nconst MAX_SESSION_DURATION_MS = 10000; // Max 60 seconds for continuous recognition (browser limit)\n\n\n// --- Utility Function for Custom Message Box ---\nfunction showMessageBox(title, message) {\n if (messageBoxTitle && messageBoxContent && messageBoxContainer) {\n messageBoxTitle.textContent = title;\n messageBoxContent.textContent = message;\n messageBoxContainer.classList.add('show');\n } else {\n console.warn('MessageBox elements not found in HTML. Displaying alert instead:', title, message);\n alert(`${title}\\n\\n${message}`);\n }\n}\n\nfunction hideMessageBox() {\n if (messageBoxContainer) {\n messageBoxContainer.classList.remove('show');\n }\n}\n\nif (messageBoxOkButton) {\n messageBoxOkButton.addEventListener('click', hideMessageBox);\n}\n\n// --- Function to send the message (independent of mic logic) ---\nasync function sendMessage() {\n const message = userInput.value.trim();\n if (message) {\n micButton.disabled = true;\n userInput.disabled = true;\n\n const micIcon = micButton.querySelector('i');\n if (micIcon) {\n micIcon.classList.remove('fa-paper-plane', 'fa-arrow-right', 'fa-microphone', 'fa-stop');\n micIcon.classList.add('fa-spinner', 'fa-spin');\n micIcon.style.color = '#fff';\n }\n micButton.style.backgroundColor = '#6c5ce7'; // Indicate sending state\n\n console.log('Sending message to Gemini (mock):', message);\n\n const redirectURL = 'https://wedswipe.com/swipe'; // The fixed URL\n console.log('Redirecting to:', redirectURL);\n\n try {\n showMessageBox('Redirecting', 'Sending your request and redirecting...');\n\n setTimeout(() => {\n window.location.href = redirectURL;\n }, 1500);\n \n } catch (error) {\n console.error('Error during redirection:', error);\n showMessageBox('Error', 'Failed to redirect. Please try again.');\n } finally {\n accumulatedTranscript = '';\n userInput.value = '';\n userInput.style.height = 'auto';\n micButton.disabled = false;\n userInput.disabled = false;\n userInput.placeholder = 'Type a message or hold the microphone button...';\n updateMicButtonState();\n }\n }\n}\n\n// --- Speech Recognition Setup & Related Functions ---\nlet speechAPIEnabled = false; // Flag for API support\n\nlet startRecordingFlow = null;\nlet stopRecordingFlow = null;\n\n\nif ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {\n speechAPIEnabled = true;\n speechRecognitionAPI = new (window.SpeechRecognition || window.webkitSpeechRecognition)();\n speechRecognitionAPI.continuous = true;\n speechRecognitionAPI.interimResults = true;\n speechRecognitionAPI.lang = 'en-US';\n\n speechRecognitionAPI.onresult = (event) => {\n let interimTranscript = '';\n let currentSegmentFinalTranscript = '';\n\n for (let i = event.resultIndex; i < event.results.length; ++i) {\n const transcript = event.results[i][0].transcript;\n if (event.results[i].isFinal) {\n currentSegmentFinalTranscript += transcript;\n } else {\n interimTranscript += transcript;\n }\n }\n \n accumulatedTranscript += currentSegmentFinalTranscript;\n \n userInput.value = accumulatedTranscript + interimTranscript;\n userInput.dispatchEvent(new Event('input'));\n };\n\n speechRecognitionAPI.onerror = (event) => {\n console.error('Speech recognition error:', event.error);\n isRecognitionActive = false;\n isMicButtonPressed = false;\n accumulatedTranscript = '';\n updateMicButtonState();\n showMessageBox('Microphone Error', `An error occurred: ${event.error}. Please ensure microphone permissions are granted.`);\n };\n\n speechRecognitionAPI.onend = () => {\n console.log('Speech recognition session ended.');\n isRecognitionActive = false;\n\n if (isMicButtonPressed) {\n console.log('Recognition ended (e.g., max time) while button held. User must release and re-press.');\n }\n \n updateMicButtonState();\n userInput.dispatchEvent(new Event('input'));\n };\n\n startRecordingFlow = () => {\n if (isRecognitionActive) return;\n\n isRecognitionActive = true;\n accumulatedTranscript = ''; // Clear accumulated transcript for new session\n userInput.value = ''; // Clear input on new recording\n userInput.placeholder = 'Listening... Speak now.';\n micButton.style.backgroundColor = '#a78bfa';\n const micIcon = micButton.querySelector('i');\n if(micIcon) micIcon.style.color = '#fff';\n micButton.setAttribute('aria-label', 'Listening... Tap to stop');\n\n try {\n speechRecognitionAPI.start();\n } catch (e) {\n console.error('Error starting speech recognition:', e);\n showMessageBox('Microphone Error', 'Could not start microphone. Please check permissions and try again.');\n isRecognitionActive = false;\n isMicButtonPressed = false;\n updateMicButtonState();\n }\n };\n\n stopRecordingFlow = () => {\n if (isRecognitionActive && speechRecognitionAPI) {\n speechRecognitionAPI.stop();\n }\n };\n\n} else {\n micButton.style.display = 'none';\n console.warn('Web Speech API not supported in this browser. Microphone input will not be available.');\n showMessageBox('Browser Not Supported', 'Your browser does not support the Web Speech API. Microphone input will not be available.');\n}\n\n\n// --- Unified Mic Button Click/Touch Dispatcher ---\n\nmicButton.addEventListener('click', (e) => {\n if (micButton.disabled) return;\n\n if (currentButtonMode === 'send' && !isMicButtonPressed) {\n sendMessage();\n }\n});\n\nmicButton.addEventListener('mousedown', (e) => {\n if (micButton.disabled || !speechAPIEnabled) return;\n isMicButtonPressed = true;\n if (currentButtonMode === 'mic') {\n startRecordingFlow();\n }\n updateMicButtonState();\n});\n\nmicButton.addEventListener('mouseup', (e) => {\n if (micButton.disabled || !speechAPIEnabled) return;\n isMicButtonPressed = false;\n\n if (isRecognitionActive && currentButtonMode === 'mic') {\n stopRecordingFlow();\n }\n updateMicButtonState();\n});\n\nmicButton.addEventListener('touchstart', (e) => {\n if (micButton.disabled || !speechAPIEnabled) return;\n e.preventDefault();\n isMicButtonPressed = true;\n if (currentButtonMode === 'mic') {\n startRecordingFlow();\n }\n updateMicButtonState();\n}, { passive: false });\n\nmicButton.addEventListener('touchend', (e) => {\n if (micButton.disabled || !speechAPIEnabled) return;\n e.preventDefault();\n isMicButtonPressed = false;\n\n if (isRecognitionActive && currentButtonMode === 'mic') {\n stopRecordingFlow();\n }\n updateMicButtonState();\n}, { passive: false });\n\n\n// --- Dynamic Mic Button State (Mic vs. Send) ---\nfunction updateMicButtonState() {\n const micIcon = micButton.querySelector('i');\n if (!micIcon) return;\n\n if ((isMicButtonPressed && speechAPIEnabled) || (isRecognitionActive && speechAPIEnabled)) {\n currentButtonMode = 'mic';\n micIcon.classList.remove('fa-paper-plane', 'fa-arrow-right', 'fa-spinner', 'fa-spin');\n micIcon.classList.add('fa-microphone');\n micIcon.style.color = '#fff';\n micButton.style.backgroundColor = '#a78bfa';\n micButton.setAttribute('aria-label', 'Listening... Tap to stop');\n return;\n }\n\n const targetMode = userInput.value.trim() === '' ? 'mic' : 'send';\n\n if (currentButtonMode !== targetMode) {\n currentButtonMode = targetMode;\n\n if (currentButtonMode === 'mic') {\n micIcon.classList.remove('fa-paper-plane', 'fa-arrow-right', 'fa-spinner', 'fa-spin');\n micIcon.classList.add('fa-microphone');\n micIcon.style.color = '#000';\n micButton.style.backgroundColor = '#ffb978';\n micButton.setAttribute('aria-label', 'Start voice input');\n micButton.disabled = !speechAPIEnabled;\n } else { // currentButtonMode === 'send'\n micIcon.classList.remove('fa-microphone', 'fa-spinner', 'fa-spin');\n micIcon.classList.add('fa-arrow-right');\n micIcon.style.color = '#fff';\n micButton.style.backgroundColor = '#a78bfa';\n micButton.setAttribute('aria-label', 'Send message');\n micButton.disabled = false;\n }\n }\n}\n\n\n// --- Global Initialization ---\n\n// Listen for input changes to update button state\nuserInput.addEventListener('input', () => {\n userInput.style.height = 'auto';\n userInput.style.height = userInput.scrollHeight + 'px';\n if (!isRecognitionActive && !isMicButtonPressed) {\n updateMicButtonState();\n }\n});\n\n// Initial state setup once DOM is ready\ndocument.addEventListener('DOMContentLoaded', () => {\n if (micButton && micButton.style.display !== 'none') {\n updateMicButtonState();\n }\n});\n\nsetTimeout(updateMicButtonState, 100);\n\n// NEW SECTION: Suggestion Button Click Handlers\ndocument.addEventListener('DOMContentLoaded', () => {\n // We need to add a class to these buttons in your HTML to easily select them.\n // E.g., \n const suggestionButtons = document.querySelectorAll('.suggestion-button'); // Corrected querySelectorAll to use a dedicated class\n\n suggestionButtons.forEach(button => {\n button.addEventListener('click', () => {\n userInput.value = button.textContent; // Overwrite textbox with button text\n userInput.dispatchEvent(new Event('input')); // Trigger input event for height adjustment and button state update (to 'send')\n\n // Optional: You might want to automatically send the message after populating\n // if this is the desired UX for suggestion clicks. If so, uncomment the line below.\n // sendMessage();\n });\n });\n});"}}],"id":"9eqcf401","_elType":"CONTAINER","component_path":"container","style":{"display":"flex","flexDirection":"column","flexWrap":"wrap","padding":[["top","10px"],["bottom","10px"]],"flexBasis":"100%","alignItems":"stretch"}}],"id":"9jmero10","_elType":"CONTAINER","component_path":"container","style":{"display":"flex","flexDirection":"row","flexWrap":"wrap","padding":[["top","10px"],["left","10px"],["right","10px"],["bottom","10px"]],"flexBasis":"100%","justifyContent":"center"}}],"id":"fbg391w3","type":"section","_elType":"SECTION","component_path":"section","pseudoClass":{"before":{"style":{"__gradientType":"simple"}}}}],"advanced":{"headerInject":""},"settings":{"meta":{"title":"WedSwipe – AI Wedding Matchmaker Powered by SmartSwipe Engine","description":"WedSwipe™ is redefining wedding planning through hyper-personalized AI. Our SmartSwipeEngine™ understands your taste, style, and vision — helping you discover venues, inspiration, and products you’ll love.","og:title":"WedSwipe™ — The AI Matchmaker for Weddings, Style & Beyond","og:description":"Powered by our SmartSwipeEngine™, WedSwipe™ helps couples swipe, speak, or search to discover venues, inspiration, and hyper-personalized recommendations — instantly.","og:image":"https://cdn.cmsfly.com/686837406806e70012f70479/images/wedswipe-ZRmDg.svg"},"additionalMeta":{"schema":"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"WebSite\",\n \"name\": \"WedSwipe\",\n \"url\": \"https://wedswipe.com\",\n \"description\": \"WedSwipe™ is the AI-powered wedding planning experience. Swipe and match with your dream venue instantly.\",\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"WedSwipe\"\n }\n}"}}}