function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] text-white font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1d1d1f] fixed w-full z-50", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-12", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-8", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-apple text-2xl", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { className: "text-sm hover:text-gray-300", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Store"), /*#__PURE__*/ React.createElement("a", { className: "text-sm hover:text-gray-300", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Mac"), /*#__PURE__*/ React.createElement("a", { className: "text-sm hover:text-gray-300", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "iPad"), /*#__PURE__*/ React.createElement("a", { className: "text-sm hover:text-gray-300", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "iPhone"), /*#__PURE__*/ React.createElement("a", { className: "text-sm hover:text-gray-300", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Watch"), /*#__PURE__*/ React.createElement("a", { className: "text-sm hover:text-gray-300", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, "Vision")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-8", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-magnifying-glass", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-bag-shopping", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-[980px] mx-auto pt-16", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-24", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/vision-pro-header.jpg", alt: "Vision Pro advertisement", className: "w-full", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-5xl font-semibold mt-8", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Vision Pro"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl mt-2 text-gray-400", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Welcome to the era of spatial computing."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-xl mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Learn more >")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-16 bg-[#1d1d1f]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/iphone15-pro.jpg", alt: "iPhone 15 Pro", className: "w-full", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-4xl font-semibold mt-8", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "iPhone 15 Pro"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-2 text-gray-400", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Titanium. So strong. So light. So Pro."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-lg mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Learn more >")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-16 bg-[#1d1d1f]", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/iphone15.jpg", alt: "iPhone 15", className: "w-full", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-4xl font-semibold mt-8", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "iPhone 15"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-2 text-gray-400", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "New camera. New design. Newphoria."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-lg mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Learn more >"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4 mt-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-16 bg-[#1d1d1f]", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/apple-watch-red.jpg", alt: "Red Apple Watch", className: "w-full", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-semibold mt-8", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "WATCH"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-2 text-gray-400", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "Smarter. Brighter. Mightier."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-lg mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Learn more >")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-16 bg-[#1d1d1f]", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/apple-watch-black.jpg", alt: "Black Apple Watch", className: "w-full", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-semibold mt-8", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "WATCH ULTRA"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-2 text-gray-400", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Next level adventure."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-lg mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Learn more >"))), /*#__PURE__*/ React.createElement("div", { className: "mt-24 mb-12", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-semibold text-center mb-12", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "More to explore"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-12 bg-[#1d1d1f]", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/apple-card.jpg", alt: "Apple Card", className: "w-full", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "text-2xl font-semibold mt-6", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, "Apple Card"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mt-2 text-gray-400", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, "Get up to 3% Daily Cash back with every purchase."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-lg mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "Apply now >")), /*#__PURE__*/ React.createElement("div", { className: "text-center py-12 bg-[#1d1d1f]", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/trade-in.jpg", alt: "iPhone Trade-In", className: "w-full", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "text-2xl font-semibold mt-6", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Apple Trade In"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mt-2 text-gray-400", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, "Get $180-$620 in credit when you trade in iPhone 11 or higher."), /*#__PURE__*/ React.createElement("a", { className: "text-[#2997ff] text-lg mt-4 inline-block hover:underline", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "See what your device is worth >")))))); }