function NavBar() { return /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#1a1a1a] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex items-center space-x-6 text-white font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center hover:text-[#4CAF50] transition-colors", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-xl", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center hover:text-[#4CAF50] transition-colors", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dumbbell text-xl mr-2", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }), "Equipment")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center hover:text-[#4CAF50] transition-colors", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-running text-xl mr-2", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), "Positions")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center hover:text-[#4CAF50] transition-colors", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stopwatch text-xl mr-2", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }), "Training")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center hover:text-[#4CAF50] transition-colors", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-apple-alt text-xl mr-2", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }), "Diet"))))); } function NavBarStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NavBar, { __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[600px] w-full relative", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/football-hero.jpg", alt: "Football players in action during an intense match", className: "w-full h-full object-cover brightness-75", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl text-white font-bold font-roboto text-center px-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Master the Beautiful Game"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-roboto text-[#333333] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Welcome to Football Excellence"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] font-crimson-text max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Whether you're just starting or looking to enhance your skills, we're here to guide you through every aspect of football. From basic techniques to advanced strategies, discover the joy of the world's most popular sport.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f8f8] p-6 rounded-lg text-center hover:shadow-lg transition duration-300", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-running text-4xl text-[#4a90e2] mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "Basic Skills"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "Master fundamental techniques and movements")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f8f8] p-6 rounded-lg text-center hover:shadow-lg transition duration-300", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tactics text-4xl text-[#4a90e2] mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "Game Strategy"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Learn tactical approaches and team plays")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f8f8] p-6 rounded-lg text-center hover:shadow-lg transition duration-300", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-4xl text-[#4a90e2] mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Team Training"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, "Develop teamwork and communication skills")))))); }