WedSwipe

{"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":"bbdj39wf","advanced":{"html":"\n\n\n \n \n WedSwipe\n \n \n \n\n \n\n\n\n

\n\n

Loading cards...

\n\n

\n \n

\n\n

\n \n 💖 Reveal My Plan – $0.99\n \n

\n ✨ Just for You. Instantly.\n

\n Venues. Vibes. Magic. All you.\n

\n\n

\n\n \n\n","js":"let cardData = [];\nlet currentIndex = 0;\nlet likes = [];\nlet dislikes = [];\nconst sessionId = `session-${Date.now()}`;\n\nasync function fetchCardData() {\n try {\n // Fetching data from the provided Airtable worker endpoint\n const res = await fetch(\"https://wedswipe-airtable.nameless-bread-6fa6.workers.dev/wedswipe\");\n const json = await res.json();\n const records = json.records || [];\n\n cardData = records\n .filter(r =>\n typeof r[\"Image URL\"] === \"string\" && // Ensure image exists\n r[\"Image URL\"].trim() !== \"\" &&\n Array.isArray(r.Tags) &&\n r.Tags.length > 0\n )\n .map(r => ({\n id: r.ID || r.id,\n name: r.Name || \"Unknown Venue\", // Assuming Airtable provides a 'Name' field\n region: r.Region || \"Unknown Region\", // Assuming Airtable provides a 'Region' field\n image: r[\"Image URL\"].trim(),\n tags: r.Tags,\n cardType: r[\"Card Type\"] || \"Standard\",\n url: r[\"Ad URL\"] || null\n }));\n\n // Display a message if no cards are loaded\n if (cardData.length === 0) {\n document.getElementById(\"wedswipe-container\").innerHTML = \"

No cards to display. Please check the data source.

\";\n document.getElementById(\"finishButton\").style.display = \"none\"; // Hide finish button if no cards\n return;\n }\n\n showCard(0);\n } catch (err) {\n console.error(\"Error fetching cards:\", err);\n document.getElementById(\"wedswipe-container\").innerHTML = \"

Error loading cards. Please try again later.

\";\n }\n}\n\nfunction showCard(index) {\n const card = cardData[index];\n const container = document.getElementById(\"wedswipe-container\");\n\n if (!card) {\n submitSwipeResults(); // Submit results when no more cards\n document.getElementById(\"finishButton\").style.display = \"none\"; // Hide finish button\n\n container.innerHTML = `\n

Thanks for swiping! 💕

Liked: ${likes.length} venues

Disliked: ${dislikes.length} venues

\n \n ← Back to WorldwideWed\n \n \n

\n `;\n\n const cta = document.getElementById(\"post-swipe-offer\");\n if (cta) {\n cta.classList.remove(\"hidden\"); // Show the CTA\n const unlockBtn = document.getElementById(\"unlockPlanBtn\");\n if (unlockBtn) {\n // Pass swipe results as query parameters if needed by Tally form\n unlockBtn.href = `https://tally.so/r/n0YLgA?sessionId=${sessionId}&liked=${likes.join(\",\")}&disliked=${dislikes.join(\",\")}`;\n }\n }\n return;\n }\n\n // Determine border and shadow for Ad cards\n const adBorderClass = card.cardType === \"Ad\" ? \"border-4 border-blue-400\" : \"\";\n const boxShadowClass = card.cardType === \"Ad\" ? \"shadow-blue-500/50\" : \"card-shadow\";\n\n container.innerHTML = `\n

\n \n

\n ${card.cardType === \"Ad\" && card.url\n ? `\n $\"${card.name}\"$ \n `\n : ` $\"${card.name}\"$ `\n }\n \n

${card.name}

${card.location}

\n ${card.tags.map(tag => `${tag}`).join('')}\n

\n ${card.cardType === \"Ad\" ? `\n

\n ` : ''}\n

\n\n \n

\n \n \n

\n `;\n\n // Setup swipe gestures\n const cardEl = document.getElementById(\"card\");\n let startX = 0;\n let currentX = 0;\n let isDragging = false;\n\n cardEl.addEventListener(\"touchstart\", (e) => {\n startX = e.touches[0].clientX;\n isDragging = true;\n cardEl.style.transition = \"none\"; // Disable transition during drag\n });\n\n cardEl.addEventListener(\"touchmove\", (e) => {\n if (!isDragging) return;\n currentX = e.touches[0].clientX;\n const diff = currentX - startX;\n cardEl.style.transform = `translateX(${diff}px) rotate(${diff / 20}deg)`; // Rotate slightly\n });\n\n cardEl.addEventListener(\"touchend\", (e) => {\n isDragging = false;\n cardEl.style.transition = \"transform 0.3s ease-out\"; // Re-enable transition\n const endX = e.changedTouches[0].clientX;\n const diff = endX - startX;\n\n if (diff > 80) { // Swipe right threshold\n cardEl.style.transform = `translateX(500px) rotate(30deg)`;\n setTimeout(handleLike, 300);\n } else if (diff < -80) { // Swipe left threshold\n cardEl.style.transform = `translateX(-500px) rotate(-30deg)`;\n setTimeout(handleDislike, 300);\n } else {\n cardEl.style.transform = `translateX(0px) rotate(0deg)`; // Reset position\n }\n });\n\n // Mouse events for desktop swiping\n cardEl.addEventListener(\"mousedown\", (e) => {\n startX = e.clientX;\n isDragging = true;\n cardEl.style.transition = \"none\";\n });\n\n cardEl.addEventListener(\"mousemove\", (e) => {\n if (!isDragging) return;\n currentX = e.clientX;\n const diff = currentX - startX;\n cardEl.style.transform = `translateX(${diff}px) rotate(${diff / 20}deg)`;\n });\n\n cardEl.addEventListener(\"mouseup\", (e) => {\n isDragging = false;\n cardEl.style.transition = \"transform 0.3s ease-out\";\n const endX = e.clientX;\n const diff = endX - startX;\n\n if (diff > 80) {\n cardEl.style.transform = `translateX(500px) rotate(30deg)`;\n setTimeout(handleLike, 300);\n } else if (diff < -80) {\n cardEl.style.transform = `translateX(-500px) rotate(-30deg)`;\n setTimeout(handleDislike, 300);\n } else {\n cardEl.style.transform = `translateX(0px) rotate(0deg)`;\n }\n });\n\n cardEl.addEventListener(\"mouseleave\", () => { // Reset if mouse leaves card while dragging\n if (isDragging) {\n isDragging = false;\n cardEl.style.transition = \"transform 0.3s ease-out\";\n cardEl.style.transform = `translateX(0px) rotate(0deg)`;\n }\n });\n}\n\nfunction handleLike() {\n likes.push(cardData[currentIndex].id);\n currentIndex++;\n showCard(currentIndex);\n}\n\nfunction handleDislike() {\n dislikes.push(cardData[currentIndex].id);\n currentIndex++;\n showCard(currentIndex);\n}\n\nfunction restartSwipe() {\n currentIndex = 0;\n likes = [];\n dislikes = [];\n\n const finishBtn = document.getElementById(\"finishButton\");\n if (finishBtn) finishBtn.style.display = \"inline-block\";\n\n const cta = document.getElementById(\"post-swipe-offer\");\n if (cta) cta.classList.add(\"hidden\"); // Hide the CTA\n\n showCard(0);\n}\n\nfunction submitSwipeResults() {\n // This is where you'd send the likes/dislikes to your backend\n // for persistent storage, e.g., to Airtable as per your original code.\n // For this mockup, we'll just log it.\n console.log(\"Submitting swipe results:\");\n console.log(\"Session ID:\", sessionId);\n console.log(\"Liked IDs:\", likes);\n console.log(\"Disliked IDs:\", dislikes);\n\n // Original fetch call (uncomment and use in your live environment)\n fetch(\"https://wedswipe-airtable.nameless-bread-6fa6.workers.dev/\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n sessionId,\n liked: likes,\n disliked: dislikes\n })\n }).then(res => {\n if (!res.ok) throw new Error(\"Failed to save swipe results\");\n return res.json();\n }).then(data => {\n console.log(\"Swipe results saved to Airtable:\", data);\n }).catch(err => {\n console.error(\"Error saving to Airtable:\", err);\n });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n fetchCardData();\n\n const finishBtn = document.getElementById(\"finishButton\");\n if (finishBtn) {\n finishBtn.addEventListener(\"click\", () => {\n if (cardData.length === 0) {\n // Using a simple alert for this specific case as it's a dev-time warning\n // For production, consider a custom message box.\n alert(\"Please wait — still loading venues!\");\n return;\n }\n\n if (currentIndex >= cardData.length) return; // Already finished swiping\n\n finishBtn.style.display = \"none\";\n currentIndex = cardData.length; // Force end of cards\n showCard(currentIndex); // Show end-of-swipe message\n });\n }\n});\n","customStyle":{"general":""}}}],"id":"915414ut","_elType":"CONTAINER","component_path":"container","style":{"display":"flex","flexDirection":"column","flexWrap":"wrap","padding":[["top","10px"],["bottom","10px"]],"flexBasis":"100%","alignItems":"stretch"}}],"id":"13y5wms5","_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":"j6tuphom","type":"section","_elType":"SECTION","component_path":"section","pseudoClass":{"before":{"style":{"__gradientType":"simple"}}}}],"settings":{"meta":{"title":"Find Your Wedding Match – Swipe with WedSwipe","description":"Discover stunning wedding venues and styles tailored to your taste. Swipe right to find your dream wedding match with WedSwipe’s AI-powered matchmaker.","og:title":"💖 Swipe to Match with Your Dream Wedding Style","og:description":"Tap, swipe, fall in love. WedSwipe™ helps you discover wedding venues and styles that match your vibe — instantly.\n\n","og:image":"https://cdn.cmsfly.com/686837406806e70012f70479/images/brandmarkdesign7-v2pp1.png"},"additionalMeta":{"canonicalURL":"https://wedswipe.com/swipe","schema":"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"WebApplication\",\n \"name\": \"WedSwipe\",\n \"url\": \"https://wedswipe.com/swipe\",\n \"applicationCategory\": \"Wedding Planning\",\n \"operatingSystem\": \"All\",\n \"description\": \"Swipe your way to the perfect wedding venue. WedSwipe™ uses AI to match couples with venues, styles, and inspiration based on personal taste.\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0.99\",\n \"priceCurrency\": \"USD\"\n },\n \"creator\": {\n \"@type\": \"Organization\",\n \"name\": \"WedSwipe\",\n \"url\": \"https://wedswipe.com\"\n }\n}"}},"advanced":{"headerInject":"\n\n"}}