function CtaButton({ buttonText, buttonStyle, hoverStyle, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: `${buttonStyle} rounded hover:${hoverStyle}`, onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function CtaButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CtaButton, { buttonText: "Sign up", buttonStyle: "bg-[#007bff] text-white px-6 py-2", hoverStyle: "bg-[#0056b3]", onClick: ()=>{ console.log('Sign up clicked'); }, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(CtaButton, { buttonText: "Get Started", buttonStyle: "bg-white text-[#007bff] px-6 py-3", hoverStyle: "bg-[#f0f0f0]", onClick: ()=>{ console.log('Get Started clicked'); }, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function TestimonialBlock({ testimonials }) { return /*#__PURE__*/ React.createElement("div", { className: "px-4 md:px-12 py-12", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Testimonials"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, testimonials.map((testimonial, index)=>/*#__PURE__*/ React.createElement("blockquote", { key: index, __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, testimonial)))); } function TestimonialBlockStory() { const testimonials = [ '"RentalRiff has been a game-changer for our rental business." - Jess B.', '"Fast, reliable, and affordable services. Highly recommend!" - Mark T.', '"I can\'t imagine managing our properties without them." - Sara P.' ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TestimonialBlock, { testimonials: testimonials, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent() { const [chatInput, setChatInput] = React.useState(''); const [chatMessages, setChatMessages] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const handleChatSubmit = async (event)=>{ event.preventDefault(); if (!chatInput.trim()) return; const newMessage = { role: 'user', content: chatInput }; setChatMessages([ ...chatMessages, newMessage ]); setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ newMessage ], system_prompt: 'Assist user' }) }); const data = await response.json(); if (data.status) { setChatMessages([ ...chatMessages, newMessage, { role: 'assistant', content: data.result } ]); } } catch (error) { console.error('Chat Bot Error:', error); } finally{ setIsLoading(false); } setChatInput(''); }; const testimonials = [ '"RentalRiff has been a game-changer for our rental business." - Jess B.', '"Fast, reliable, and affordable services. Highly recommend!" - Mark T.', '"I can\'t imagine managing our properties without them." - Sara P.' ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-r from-[#f6f9fc] to-[#eef4f7] backdrop-blur-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-5 px-4 md:px-12", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-xl", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "RentalRiff"), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#services", className: "text-[#007bff]", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "#pricing", className: "text-[#007bff]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-[#007bff]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "About")), /*#__PURE__*/ React.createElement(CtaButton, { buttonText: "Sign up", buttonStyle: "bg-[#007bff] text-white px-6 py-2", hoverStyle: "bg-[#0056b3]", onClick: ()=>{}, __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/a-frame-house.jpg", alt: "A-frame house in the suburbs", className: "w-full h-[500px] object-cover", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { id: "services", className: "px-4 md:px-12 py-12", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Emergency Repairs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Regular Maintenance"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Renovation Projects"))), /*#__PURE__*/ React.createElement(TestimonialBlock, { testimonials: testimonials, __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#007bff] text-white px-4 md:px-12 py-12", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Ready to simplify your rental management?"), /*#__PURE__*/ React.createElement(CtaButton, { buttonText: "Get Started", buttonStyle: "bg-white text-[#007bff] px-6 py-3", hoverStyle: "bg-[#f0f0f0]", onClick: ()=>{}, __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("footer", { className: "py-6 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "© 2023 RentalRiff. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 right-4 bg-white rounded p-4 shadow", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Chat with us!"), /*#__PURE__*/ React.createElement("div", { className: "h-40 overflow-y-auto mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, chatMessages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-2 ${msg.role === 'user' ? 'text-right' : ''}`, __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, msg.content))), isLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 82, columnNumber: 23 }, __self: this }, "Loading..."), /*#__PURE__*/ React.createElement("form", { onSubmit: handleChatSubmit, __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "chatInput", className: "border w-full p-2", placeholder: "Ask us anything...", value: chatInput, onChange: (e)=>setChatInput(e.target.value), __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this })))); }