function MainComponent() { const featureList = [ { icon: "fa-solid fa-mountain", description: "Explore the highest peaks" }, { icon: "fa-solid fa-map-marked-alt", description: "Expertly guided tours" }, { icon: "fa-solid fa-compass", description: "Navigation made easy" }, { icon: "fa-solid fa-tree", description: "Immerse in nature" } ]; const renderedFeatures = featureList.map((feature, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${feature.icon} text-xl mb-2 text-white`, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, feature.description))); return /*#__PURE__*/ React.createElement("div", { className: "relative overflow-hidden", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("video", { autoPlay: true, loop: true, muted: true, className: "absolute w-full h-full object-cover", style: { zIndex: -1 }, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "path_to_trekking_video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center text-white font-semibold flex flex-col items-center justify-center h-screen", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-6xl font-bold mb-8", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Trek & Discover"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-4 md:gap-8", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, renderedFeatures)), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, ` body { background-color: transparent; } `)); }