function Navigation() { const [isMenuOpen, setIsMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1a1a1a] p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-roboto text-xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Logo"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-xl", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `md:flex ${isMenuOpen ? "block" : "hidden"} absolute md:relative top-16 md:top-0 left-0 md:left-auto w-full md:w-auto bg-[#1a1a1a] md:bg-transparent`, __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-8 p-4 md:p-0", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white hover:text-gray-300 font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/projects", className: "text-white hover:text-gray-300 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Projects")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-white hover:text-gray-300 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Contact")))))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this })); } function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", message: "" }); const handleSubmit = (e)=>{ e.preventDefault(); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto p-6", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12 mt-8", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-montserrat mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "We'd love to hear from you. Send us a message!")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6 bg-white rounded-lg p-8 shadow-md", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", value: formData.name, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", value: formData.message, onChange: handleChange, rows: "5", className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white py-3 px-6 rounded-lg hover:bg-blue-700 transition duration-200", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Send Message ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane ml-2", __source: { fileName: "", lineNumber: 76, columnNumber: 26 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center space-y-4", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-blue-600 text-xl", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "support@example.com")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-blue-600 text-xl", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "+91 7995686260")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-blue-600 text-xl", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Hyderabad, India")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6 mt-6", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-2xl", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://huggingface.co", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-2xl", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://github.com", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github text-2xl", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this })))))); }