\n \n

\n );\n}\n\nfunction WelcomePopup({ onClose }) {\n const [headlines, setHeadlines] = React.useState([\n \"35 Years of Proven Financial Expertise\",\n \"Trusted Advisory Since 1989\", \n \"Delivering Consistent Investment Success\"\n ]);\n\n React.useEffect(() => {\n async function generateHeadlines() {\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n \n const response = await openai.chat.completions.create({\n messages: [\n { \n role: \"system\", \n content: \"Generate 3 compelling marketing headlines for a financial advisory firm with 35 years of experience, focusing on trust, expertise, and success.\" \n }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 60\n });\n\n const generatedHeadlines = response.choices[0].message.content\n .split('\\n')\n .filter(headline => headline.trim().length > 0)\n .slice(0, 3);\n\n setHeadlines(generatedHeadlines);\n } catch (error) {\n console.error(\"Failed to generate headlines\", error);\n }\n }\n\n generateHeadlines();\n }, []);\n\n return (\n

\n \n

Capital Multipliers

Your Financial Growth Partner

\n \n

🏆 Established Since 1989

\n \n

\n {headlines.map((headline, index) => (\n

\n ✨\n {headline}\n

\n ))}\n

\n \n \n

\n );\n}\n\nfunction App() {\n const [showWelcomePopup, setShowWelcomePopup] = React.useState(true);\n\n const handleWelcomePopupClose = () => {\n setShowWelcomePopup(false);\n };\n\n return (\n

\n \n {showWelcomePopup && }\n {!showWelcomePopup && (\n

Capital Multipliers

Transforming Investments, Maximizing Returns Since 1989

\n\n

Our Investment Services

Comprehensive Financial Solutions

\n {[\n { \n icon: \"🏆\", \n title: \"Market Expertise\", \n description: \"Deep Market Understanding\",\n details: [\n \"Strategic Investment Insights\",\n \"Risk-Adjusted Recommendations\",\n \"Advanced Market Analysis\"\n ]\n },\n { \n icon: \"💼\", \n title: \"Personalized Strategies\", \n description: \"Tailored Investment Plans\",\n details: [\n \"Individual Portfolio Analysis\",\n \"Custom Investment Roadmaps\",\n \"Adaptive Financial Planning\"\n ]\n },\n { \n icon: \"📈\", \n title: \"Performance Tracking\", \n description: \"Consistent High-Performance\",\n details: [\n \"Regular Portfolio Monitoring\",\n \"Quarterly Performance Reviews\",\n \"Proactive Rebalancing\"\n ]\n },\n { \n icon: \"🤝\", \n title: \"Transparent Advisory\", \n description: \"Ethical Investment Guidance\",\n details: [\n \"Full Disclosure Policy\",\n \"No Hidden Charges\",\n \"Client-Centric Approach\"\n ]\n }\n ].map((service, index) => (\n

{service.icon}

{service.title}

{service.description}

{detail}

\n ))}\n

\n\n

Let's Grow Together

\n 📞 Call Now\n ✉️ Email Us\n

\n\n \n

\n )}\n

\n );\n}\n\nexport { App };\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { \n client(); \n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const host = request.headers.get(\"host\");\n \n console.log(`Received request for host: ${host}, path: ${url.pathname}`);\n\n const css = `\n :root {\n --primary-color: #2c3e50;\n --secondary-color: #3498db;\n --accent-color: #2ecc71;\n --background-color: #ecf0f1;\n --text-color: #333;\n --white: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n overflow-x: hidden;\n }\n\n /* Welcome Popup Styles */\n .welcome-popup-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n animation: fadeIn 0.5s ease-out;\n }\n\n .welcome-popup-container {\n width: 90%;\n max-width: 500px;\n perspective: 1000px;\n }\n\n .welcome-popup {\n background: var(--white);\n border-radius: 15px;\n box-shadow: 0 20px 50px rgba(0,0,0,0.2);\n padding: 30px;\n position: relative;\n transform-style: preserve-3d;\n transform: \n perspective(1000px) \n rotateX(15deg) \n rotateY(10deg);\n transition: all 0.6s ease;\n animation: popupEntrance 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;\n }\n\n .popup-close {\n position: absolute;\n top: 15px;\n right: 15px;\n background: none;\n border: none;\n cursor: pointer;\n }\n\n .close-icon {\n font-size: 24px;\n color: var(--primary-color);\n transition: transform 0.3s ease;\n }\n\n .close-icon:hover {\n transform: rotate(180deg);\n }\n\n .popup-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .popup-title {\n color: var(--secondary-color);\n font-size: 2rem;\n margin-bottom: 10px;\n }\n\n .popup-subtitle {\n color: var(--primary-color);\n opacity: 0.7;\n }\n\n .established-badge {\n text-align: center;\n background-color: #f1f1f1;\n padding: 10px;\n border-radius: 5px;\n margin-bottom: 20px;\n font-weight: bold;\n }\n\n .dynamic-headlines {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .headline-item {\n display: flex;\n align-items: center;\n background-color: #f9f9f9;\n padding: 10px;\n border-radius: 5px;\n }\n\n .headline-icon {\n margin-right: 10px;\n font-size: 1.2rem;\n }\n\n .popup-action-btn {\n width: 100%;\n padding: 12px;\n background-color: var(--secondary-color);\n color: var(--white);\n border: none;\n border-radius: 5px;\n margin-top: 20px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n .popup-action-btn:hover {\n background-color: var(--primary-color);\n }\n\n /* Main Content Styles */\n .hero-section {\n background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));\n color: var(--white);\n text-align: center;\n padding: 100px 20px;\n }\n\n .hero-title {\n font-size: 3rem;\n margin-bottom: 20px;\n }\n\n .hero-subtitle {\n font-size: 1.2rem;\n }\n\n .services-section {\n padding: 50px 20px;\n }\n\n .section-title {\n text-align: center;\n color: var(--primary-color);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n text-align: center;\n color: var(--text-color);\n margin-bottom: 40px;\n }\n\n .service-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n\n .service-card {\n background: var(--white);\n border-radius: 10px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .service-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n }\n\n .service-title {\n color: var(--secondary-color);\n margin-bottom: 10px;\n }\n\n .service-details {\n list-style-type: none;\n margin-top: 15px;\n }\n\n .service-detail-item {\n margin: 10px 0;\n color: var(--text-color);\n }\n\n .contact-section {\n background: var(--background-color);\n text-align: center;\n padding: 50px 20px;\n }\n\n .contact-actions {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 20px;\n }\n\n .contact-btn {\n display: inline-block;\n padding: 12px 24px;\n background-color: var(--secondary-color);\n color: var(--white);\n text-decoration: none;\n border-radius: 5px;\n transition: background-color 0.3s ease;\n }\n\n .contact-btn:hover {\n background-color: var(--primary-color);\n }\n\n .site-footer {\n background: var(--primary-color);\n color: var(--white);\n text-align: center;\n padding: 20px;\n }\n\n .whatsapp-float {\n position: fixed;\n bottom: 20px;\n right: 20px;\n width: 60px;\n height: 60px;\n background-color: #25D366;\n color: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n z-index: 1000;\n cursor: pointer;\n animation: float 2s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n @keyframes popupEntrance {\n from {\n opacity: 0;\n transform: \n perspective(1000px) \n rotateX(90deg) \n rotateY(45deg) \n translateZ(-300px) \n scale(0.5);\n }\n to {\n opacity: 1;\n transform: \n perspective(1000px) \n rotateX(0deg) \n rotateY(0deg) \n translateZ(0) \n scale(1);\n }\n }\n\n /* Responsive Design */\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2rem;\n }\n\n .hero-subtitle {\n font-size: 1rem;\n }\n\n .service-grid {\n grid-template-columns: 1fr;\n }\n\n .contact-actions {\n flex-direction: column;\n }\n\n .welcome-popup {\n width: 95%;\n max-width: 95%;\n margin: 0 auto;\n transform: none;\n }\n }\n `;\n\n return new Response(`\n \n \n \n \n Capital Multipliers - Expert Market Analysis\n \n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \n 'Content-Type': 'text/html',\n 'Cache-Control': 'no-cache, no-store, must-revalidate',\n 'Pragma': 'no-cache',\n 'Expires': '0'\n }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/vinaybjp12/capitalMultipliers/code/main.tsx","extension","actionData","errors"]