function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "relative min-h-screen bg-[#2b1810] bg-cover bg-center", style: { backgroundImage: "url(/wooden-background.jpg)" }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/7d324225-30f6-45fd-aed8-1da226bbc10e/-/format/auto/", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 left-0 right-0 bg-black bg-opacity-80 p-4 z-50 backdrop-blur-sm", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col sm:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/367848cd-47e6-4519-aa18-f691c7f92cbf/-/format/auto/", alt: "JayceePEE Book DIY Logo showing a black book icon with the text 'Do it for yourself'", className: "h-[40px] w-auto mb-4 sm:mb-0", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-mono text-white hover:text-[#00ff00] transition-colors duration-300", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "font-mono text-white hover:text-[#00ff00] transition-colors duration-300", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "font-mono text-white hover:text-[#00ff00] transition-colors duration-300", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "font-mono text-white hover:text-[#00ff00] transition-colors duration-300", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 pt-32 pb-32 flex flex-col md:flex-row items-center justify-center gap-12", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 space-y-8", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3 bg-black bg-opacity-60 p-8 rounded-lg backdrop-blur-sm", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-mono text-2xl md:text-4xl text-white leading-relaxed", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "I was stuck and needed"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-2xl md:text-4xl text-white leading-relaxed", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "some inspiration,"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-2xl md:text-4xl text-white leading-relaxed", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "resources and connections"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-2xl md:text-4xl text-white leading-relaxed", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "to write this"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-2xl md:text-4xl text-white leading-relaxed", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "book.....until I met"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-2xl md:text-4xl text-white leading-relaxed text-[#00ff00]", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Five Stars Book-DIY")), /*#__PURE__*/ React.createElement("div", { className: "relative group", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/vintage-typewriter.jpg", alt: "Vintage typewriter on wooden desk", className: "rounded-lg shadow-2xl w-full max-w-[500px] transition-transform duration-300 group-hover:scale-105", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-30 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 flex justify-center", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black bg-opacity-80 p-8 rounded-lg shadow-2xl max-w-[450px] backdrop-blur-sm", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, [ ...Array.from({ length: 5 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("i", { key: i, className: "fas fa-star text-yellow-400 text-4xl hover:scale-110 transition-transform duration-300", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("h2", { className: "text-[#00ff00] text-3xl font-mono text-center mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Five Stars App Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00] text-xl font-mono text-center border-t border-[#00ff00] pt-4 mb-8", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "POSSIBILITIES REIMAGINED"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://fivestarstalemate.created.app/", target: "_blank", rel: "noopener noreferrer", className: "inline-block bg-[#00ff00] hover:bg-[#00cc00] text-black font-mono px-10 py-4 text-xl rounded-lg transition-all duration-300 shadow-lg hover:shadow-[#00ff00]/50 hover:-translate-y-1", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, "Start Creating Magic"))))), /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 space-y-2 bg-black bg-opacity-80 backdrop-blur-sm mt-16", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-mono text-white text-sm", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, "© 2025 All footage rights reserved"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-[#00ff00] text-sm", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, "Powered by Five Stars App Solutions AI Builder"))); }