function HeroBanner() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-[600px] relative bg-[url('/images/jordan-hero.jpg')] bg-cover bg-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/50", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative h-full flex flex-col items-center justify-center px-4 md:px-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-crimson-text text-white text-center mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Your Gateway to Jordan"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl font-roboto text-white text-center mb-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Explore Joy, Culture, and Adventure Beyond Amman"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-8 py-3 bg-[#E6B800] hover:bg-[#cc9900] text-white font-roboto rounded-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Plan Your Trip"), /*#__PURE__*/ React.createElement("button", { className: "px-8 py-3 bg-transparent border-2 border-white text-white font-roboto rounded-lg hover:bg-white/10", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Learn More")))); } function HeroBannerStory() { return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(HeroBanner, { __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function Footer() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a1a1a] text-white py-8 font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }), "hello@example.com"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 14, columnNumber: 17 }, __self: this }), "+1 (555) 123-4567"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-location-dot mr-2", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }), "123 Main Street, City, State 12345")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Follow Us"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f text-2xl", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin-in text-2xl", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Download Our App"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/app-store-badge.png", alt: "Download on the App Store", className: "h-10", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/google-play-badge.png", alt: "Get it on Google Play", className: "h-10", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this })))))))); } function FooterStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this })); } function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false); const toggleMenu = ()=>{ setIsMenuOpen(!isMenuOpen); }; return /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md w-full", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto px-4 py-3", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e164fe88-7e04-4af2-9e46-9247612ade7b/-/format/auto/", alt: "Company Logo", className: "h-12 w-auto", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-6", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Explore Jordan"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-gray-700", onClick: toggleMenu, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"} text-xl`, __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden mt-4 space-y-3", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter block text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter block text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter block text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter block text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter block text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Explore Jordan"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-inter block text-gray-700 hover:text-blue-600", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Contact")))); } function HeaderStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this })); } function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", message: "" }); const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text font-bold text-[#2C3E50] mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#64748b] font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), "support@beyondamman.com")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white shadow-md rounded-lg p-8 mb-8", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2C3E50] font-roboto mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", id: "name", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-[#3498DB]", value: formData.name, onChange: (e)=>setFormData({ ...formData, name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2C3E50] font-roboto mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-[#3498DB]", value: formData.email, onChange: (e)=>setFormData({ ...formData, email: e.target.value }), required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#2C3E50] font-roboto mb-2", htmlFor: "message", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { name: "message", id: "message", rows: "4", className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-[#3498DB]", value: formData.message, onChange: (e)=>setFormData({ ...formData, message: e.target.value }), required: true, __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#3498DB] text-white font-roboto py-2 px-4 rounded-md hover:bg-[#2980B9] transition-colors", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Send Message")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#64748b] hover:text-[#3498DB] text-2xl", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#64748b] hover:text-[#3498DB] text-2xl", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#64748b] hover:text-[#3498DB] text-2xl", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#64748b] hover:text-[#3498DB] text-2xl", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement(Footer, { __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this })); }