function Vyve({ age, onAgeChange, height, onHeightChange, weight, onWeightChange, steps, onStepsChange, onCalculate, showPopup, setShowPopup, email, onEmailChange, onSave, calculatedPrice, isAnnual, loading }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white rounded-xl shadow-xl p-6", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 text-center mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "See how much your active lifestyle rewards you"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Age", value: age, onChange: (e)=>onAgeChange(e.target.value), className: "p-3 border border-gray-300 rounded-lg w-full focus:ring-2 focus:ring-[#00A67E] focus:border-transparent text-black", name: "age", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Height (cm)", value: height, onChange: (e)=>onHeightChange(e.target.value), className: "p-3 border border-gray-300 rounded-lg w-full focus:ring-2 focus:ring-[#00A67E] focus:border-transparent text-black", name: "height", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Weight (kg)", value: weight, onChange: (e)=>onWeightChange(e.target.value), className: "p-3 border border-gray-300 rounded-lg w-full focus:ring-2 focus:ring-[#00A67E] focus:border-transparent text-black", name: "weight", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Average Daily Steps", value: steps, onChange: (e)=>onStepsChange(e.target.value), className: "p-3 border border-gray-300 rounded-lg w-full focus:ring-2 focus:ring-[#00A67E] focus:border-transparent text-black", name: "steps", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-[#00A67E]", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "From 100€"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "per month")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-black text-white font-medium py-3 px-4 rounded-lg hover:bg-gray-800 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed", onClick: onCalculate, disabled: loading, __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, loading ? "Calculating..." : "Calculate My Rate")), showPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50 p-4", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl w-full max-w-md", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-black mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "Save Your Rate"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium text-black mb-6", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Your ", isAnnual ? "annual" : "monthly", " premium:", " ", calculatedPrice, "€", isAnnual ? "/year" : "/month"), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Enter your email", value: email, onChange: (e)=>onEmailChange(e.target.value), className: "w-full p-3 border border-gray-300 rounded-lg mb-6 focus:ring-2 focus:ring-[#00A67E] focus:border-transparent text-black placeholder-black", name: "emailSaveRate", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onSave, className: "flex-1 bg-[#00A67E] text-white font-medium px-4 py-3 rounded-lg hover:bg-[#008c69] transition-colors duration-200", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Save My Rate"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPopup(false), className: "flex-1 border border-gray-300 px-4 py-3 rounded-lg hover:bg-gray-50 transition-colors duration-200 text-black", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, "Close")))))); } function VyveStory() { const [age, setAge] = React.useState(""); const [height, setHeight] = React.useState(""); const [weight, setWeight] = React.useState(""); const [steps, setSteps] = React.useState(""); const [showPopup, setShowPopup] = React.useState(false); const [email, setEmail] = React.useState(""); const [calculatedPrice, setCalculatedPrice] = React.useState(null); const [isAnnual, setIsAnnual] = React.useState(false); const [loading, setLoading] = React.useState(false); const handleCalculate = async ()=>{ setLoading(true); try { const response = await fetch("/api/insurance-premium-calculator", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ age, height, weight, dailySteps: steps }) }); const data = await response.json(); if (data.error) { alert(data.error); } else { let price = data.price; if (isAnnual) { price = price * 12 * 0.9; } setCalculatedPrice(price.toFixed(2)); setShowPopup(true); } } catch (error) { alert("An error occurred while calculating your rate"); } finally{ setLoading(false); } }; const handleSave = async ()=>{ if (!email) { alert("Please enter your email"); return; } try { await fetch("/api/insurance-premium-calculator", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ age, height, weight, dailySteps: steps, email }) }); alert("Your rate has been saved!"); setShowPopup(false); } catch (error) { alert("An error occurred while saving your rate"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 191, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Vyve, { age: age, onAgeChange: setAge, height: height, onHeightChange: setHeight, weight: weight, onWeightChange: setWeight, steps: steps, onStepsChange: setSteps, onCalculate: handleCalculate, showPopup: showPopup, setShowPopup: setShowPopup, email: email, onEmailChange: setEmail, onSave: handleSave, calculatedPrice: calculatedPrice, isAnnual: isAnnual, loading: loading, __source: { fileName: "", lineNumber: 192, columnNumber: 7 }, __self: this })); } function Header({ logoSrc, logoAlt, isMenuOpen, onMenuToggle }) { return /*#__PURE__*/ React.createElement("nav", { className: "relative", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-4 bg-[#232226]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc, alt: logoAlt, className: "h-16", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: onMenuToggle, className: "flex items-center gap-2 bg-[#4CAF50] text-white px-4 py-2 rounded hover:bg-[#388E3C]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Menu ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 12, columnNumber: 16 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full right-0 w-64 bg-[#232226] p-4 z-50 animate-fadeIn shadow-lg rounded-l-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://my.vyve.app/sign-up", className: "flex items-center gap-3 bg-[#C4FF93] text-black px-6 py-2 rounded-lg hover:bg-[#9FCC74] transition-colors font-medium text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Sign Me Up")), /*#__PURE__*/ React.createElement("a", { href: "/how-it-works", className: "flex items-center gap-3 text-white hover:text-[#C4FF93] transition duration-300 py-2 border-b border-gray-700", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "How it works")), /*#__PURE__*/ React.createElement("a", { href: "/coverage", className: "flex items-center gap-3 text-white hover:text-[#C4FF93] transition duration-300 py-2 border-b border-gray-700", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "Coverage")), /*#__PURE__*/ React.createElement("a", { href: "https://my.vyve.app/account", className: "flex items-center gap-3 text-white hover:text-[#C4FF93] transition duration-300 py-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "My Account"))))); } function HeaderStory() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { logoSrc: "https://ucarecdn.com/6e8b3575-d05b-4350-8d86-c4818a878529/-/format/auto/", logoAlt: "VYVE Logo", isMenuOpen: isMenuOpen, onMenuToggle: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); } function WebsiteFooterDesign({ linksSection1, linksSection2, socialLinks }) { return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/6e8b3575-d05b-4350-8d86-c4818a878529/-/format/auto/", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("footer", { className: "bg-black text-white py-8", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 max-w-7xl", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-3", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, linksSection1.map((link, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "hover:text-[#C4FF93]", __source: { fileName: "", lineNumber: 17, columnNumber: 21 }, __self: this }, link.text))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-3", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Community"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, linksSection2.map((link, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link.href, className: "hover:text-[#C4FF93]", __source: { fileName: "", lineNumber: 30, columnNumber: 21 }, __self: this }, link.text))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-3", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "Follow Us"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, socialLinks.map((link, index)=>/*#__PURE__*/ React.createElement("a", { href: link.href, className: "hover:text-[#C4FF93] text-xl", key: index, __source: { fileName: "", lineNumber: 42, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${link.iconClass}`, __source: { fileName: "", lineNumber: 47, columnNumber: 21 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 pt-8 border-t border-gray-800", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, `© ${new Date().getFullYear()} VYVE. All rights reserved.`))))); } function WebsiteFooterDesignStory() { const linksSection1 = [ { href: "/about-us", text: "About Us" }, { href: "/privacy", text: "Privacy Policy" }, { href: "/terms", text: "Terms and Conditions" }, { href: "/guidelines", text: "Community Guidelines" } ]; const linksSection2 = [ { href: "https://strava.com/clubs/vyve", text: "VYVE Strava Club" }, { href: "/blog", text: "Blog" }, { href: "/member-stories", text: "Member Stories" }, { href: "/live-longer", text: "Live Longer" } ]; const socialLinks = [ { href: "https://www.instagram.com/vyve.app/", iconClass: "fab fa-instagram" }, { href: "https://linkedin.com/company/vyve-app", iconClass: "fab fa-linkedin" }, { href: "https://strava.app.link/KQUnIEWrwOb", iconClass: "fab fa-strava" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WebsiteFooterDesign, { linksSection1: linksSection1, linksSection2: linksSection2, socialLinks: socialLinks, __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const [searchQuery, setSearchQuery] = React.useState(""); const [expandedQuestions, setExpandedQuestions] = React.useState([]); const toggleQuestion = (id)=>{ setExpandedQuestions((prev)=>prev.includes(id) ? prev.filter((qId)=>qId !== id) : [ ...prev, id ]); }; const questions = [ { id: 1, question: "What is VYVE Insurance?", answer: "VYVE Insurance offers health coverage that rewards your active lifestyle. We provide comprehensive health insurance with unique benefits for people who maintain an active and healthy lifestyle, offering up to 20% cashback on premiums for staying active." }, { id: 2, question: "How does the activity tracking work?", answer: "We integrate with popular fitness apps and devices to track your daily activity levels. The more active you are, the more you can save on your premiums. We look at metrics like daily steps, workout frequency, and overall activity levels to calculate your rewards." }, { id: 3, question: "What's covered under the Gold Plan?", answer: "Our Gold Plan provides comprehensive coverage with a maximum limit of €750,000 per policy year. This includes in-patient and day-patient benefits, covered in full for hospital accommodation, nursing fees, drugs, and surgical charges. Organ transplants are covered up to €200,000, and psychiatric treatment is covered up to €5,000 for a maximum of 28 days." }, { id: 4, question: "What outpatient benefits are included?", answer: "Under the Gold Plan, outpatient benefits are covered up to €2,500. This includes medical consultations, diagnostic tests, physiotherapy (sublimited to €500), alternative therapies (sublimited to €500), and health checks up to €200." }, { id: 5, question: "Are pre-existing conditions covered?", answer: "Pre-existing conditions from the last 5 years are initially excluded but may become eligible for coverage if you remain symptom, treatment, and advice-free for 2 continuous years after your policy start date." }, { id: 6, question: "What maternity benefits are included?", answer: "The Gold Plan covers normal pregnancy and childbirth up to €2,500, with complications covered up to €2,500. Birth defects are covered up to €10,000, and newborn care is covered in full." }, { id: 7, question: "What dental coverage is provided?", answer: "Dental benefits are covered at 75% up to €500. This includes routine treatment coverage, emergency treatment within the annual limit, surgical procedures, and in-patient emergency dental care is covered in full." }, { id: 8, question: "What emergency and travel coverage is included?", answer: "Emergency and travel coverage is provided up to €30,000, covering treatment outside your area for up to 30 days. Medical evacuation and compassionate visits are covered in full." }, { id: 9, question: "Are chronic conditions covered?", answer: "Chronic conditions are covered up to €30,000. This includes acute episodes within normal benefits, ongoing monitoring up to the lifetime limit, and regular reviews and medication within limits." }, { id: 10, question: "What additional benefits are included?", answer: "Additional benefits include home nursing coverage, local ambulance covered in full, and hormone replacement up to €250. The plan also includes terminal illness coverage up to €30,000 for palliative care and end-stage treatment." }, { id: 11, question: "How do I file a claim?", answer: "Filing a claim is simple. Log into your VYVE dashboard and click 'Make a claim.' You'll need to provide your medical report (including symptoms, diagnosis, and treatment), any medical invoices showing what you paid, relevant receipts, and your bank account information. Claims are typically processed within 21 days." }, { id: 12, question: "Can I use any medical provider?", answer: "Yes, you can visit any licensed hospital, clinic, or doctor of your choice, whether private or public. While we can provide recommendations, the final choice is always yours. For treatments expected to cost over €500, please contact us for pre-approval and direct billing options." }, { id: 13, question: "Is COVID-19 covered?", answer: "Yes, COVID-19 is covered like any other illness for medically necessary treatment and tests, as long as it wasn't contracted before your coverage start date and doesn't fall under any other policy exclusion." }, { id: 14, question: "What sports activities are covered?", answer: "We cover a wide range of recreational sports and activities including running, cycling, swimming, yoga, and many more. High-risk activities and professional sports are excluded. Contact us for a complete list of covered activities." }, { id: 15, question: "Am I covered while visiting my home country?", answer: "Yes, you're covered for incidental visits home. For every 90 days, you're covered for up to 30 days in your home country for unforeseen eligible medical conditions. Coverage is void if you stay longer than 30 days but resumes once you leave." }, { id: 16, question: "How long is my coverage valid?", answer: "Your coverage can be automatically extended every 4 weeks until you cancel or reach 364 days. After 364 days, you'll need to purchase a new policy. You have 60 days after your policy ends to file claims for eligible expenses incurred during the active policy period." }, { id: 17, question: "What happens in an emergency?", answer: "In a medical emergency, contact local emergency services or go to the nearest hospital. You can visit any licensed facility of your choice. For treatments over €500, contact our 24/7 support team for direct billing arrangements. Otherwise, you can pay and claim reimbursement later." }, { id: 18, question: "How are activity rewards calculated?", answer: "Activity rewards are calculated based on your daily steps, workout frequency, and overall activity levels. Members can earn up to 20% cashback on their premiums by maintaining an active lifestyle and keeping claims below 55% of premiums." } ]; const filteredQuestions = questions.filter((q)=>q.question.toLowerCase().includes(searchQuery.toLowerCase()) || q.answer.toLowerCase().includes(searchQuery.toLowerCase())); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 129, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/b5bb0f39-cc3c-4463-bc00-37cc8e03274b/-/format/auto/", __source: { fileName: "", lineNumber: 130, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap'); `), /*#__PURE__*/ React.createElement(Header, { logoSrc: "https://ucarecdn.com/6e8b3575-d05b-4350-8d86-c4818a878529/-/format/auto/", logoAlt: "VYVE Logo", isMenuOpen: isMenuOpen, onMenuToggle: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 138, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#C4FF93] py-16", __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-roboto font-black text-center mb-8", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, "Frequently Asked Questions"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search FAQ", className: "w-full p-4 border border-gray-200 rounded-lg mb-8 focus:ring-2 focus:ring-[#00A67E] focus:border-transparent", onChange: (e)=>setSearchQuery(e.target.value), __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, filteredQuestions.map((section, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b border-gray-100 last:border-0", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleQuestion(section.id), className: "w-full flex justify-between items-center py-4 text-left", __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-lg pr-8", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, section.question), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${expandedQuestions.includes(section.id) ? "up" : "down"} text-[#00A67E]`, __source: { fileName: "", lineNumber: 170, columnNumber: 21 }, __self: this })), expandedQuestions.includes(section.id) && /*#__PURE__*/ React.createElement("div", { className: "pb-4 text-gray-600", __source: { fileName: "", lineNumber: 175, columnNumber: 21 }, __self: this }, section.answer))))))), /*#__PURE__*/ React.createElement(WebsiteFooterDesign, { title: "About Us", linksSection1: [ { href: "/team", text: "Team" }, { href: "/building-in-public", text: "Building in Public" }, { href: "/privacy-policy", text: "Privacy Policy" }, { href: "/terms", text: "Terms of Service" } ], linksSection2: [ { href: "/member-stories", text: "Member Stories" }, { href: "/blog", text: "Blog" }, { href: "/faqs", text: "FAQs" }, { href: "/guidelines", text: "Community Guidelines" } ], linksSection3: [ { href: "/terms", text: "Terms and Conditions" }, { href: "/privacy", text: "Privacy Policy" }, { href: "/faqs", text: "FAQs" } ], socialLinks: [ { href: "https://www.instagram.com/vyve.app/", iconClass: "fab fa-instagram" }, { href: "https://linkedin.com/company/vyve-app", iconClass: "fab fa-linkedin" }, { href: "https://strava.app.link/KQUnIEWrwOb", iconClass: "fab fa-strava" } ], sectionTitles: { section1: "About Us", section2: "Community", section3: "Legal", section4: "Follow Us" }, copyrightText: "© 2025 VYVE. All rights reserved.", __source: { fileName: "", lineNumber: 184, columnNumber: 7 }, __self: this })); }