function MainComponent() { const testimonials = [ { id: 1, text: "Wow! Received a stunning website for free.", author: "Scene Partner", rating: 5, source: "Clutch" } ]; const exampleWorks = [ { title: 'Ecommerce', image: 'ecommerce-example.jpg', alt: 'Ecommerce website example' }, { title: 'Social Media', image: 'social-media-example.jpg', alt: 'Social media website example' } ]; const reviews = [ { id: 1, author: "Jane Doe", text: "I was waiting for the catch. I still can't believe I got an incredible website for free.", rating: 5, source: "Google" } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center bg-purple-900 text-white py-16 px-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl mb-4 font-bold", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "GET A PROFESSIONAL WEBSITE FOR FREE AND JUMPSTART YOUR BUSINESS."), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat nibh tristique ipsum."), /*#__PURE__*/ React.createElement("img", { src: "hero-image.jpg", alt: "Professional website presentation", className: "mx-auto my-6", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-10 my-12", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-5xl font-bold", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "10,124"), /*#__PURE__*/ React.createElement("p", { className: "text-base", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "PROJECTS DONE")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-5xl font-bold", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "3,698"), /*#__PURE__*/ React.createElement("p", { className: "text-base", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "HAPPY CLIENTS")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-5xl font-bold", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("p", { className: "text-base", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "UNSATISFIED CLIENTS"))), /*#__PURE__*/ React.createElement("button", { className: "bg-orange-500 rounded-full px-12 py-2", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "GET STARTED")), /*#__PURE__*/ React.createElement("div", { className: "py-16 px-4 bg-white text-gray-800", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-3xl font-bold mb-12", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "WE'RE GOING TO TELL YOU IN A HUGE SECRET..."), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, testimonials.map((testimonial)=>/*#__PURE__*/ React.createElement("div", { key: testimonial.id, className: "rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("blockquote", { className: "font-normal mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, testimonial.text), /*#__PURE__*/ React.createElement("footer", { className: "text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, testimonial.author), ", ", /*#__PURE__*/ React.createElement("cite", { __source: { fileName: "", lineNumber: 59, columnNumber: 56 }, __self: this }, testimonial.source)))))), /*#__PURE__*/ React.createElement("div", { className: "py-16 bg-purple-700 text-white", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, reviews.map((review)=>/*#__PURE__*/ React.createElement("div", { key: review.id, className: "rounded-lg shadow-lg p-6 bg-purple-800", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("blockquote", { className: "font-normal mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, review.text), /*#__PURE__*/ React.createElement("footer", { className: "text-sm", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, review.author), " - ", /*#__PURE__*/ React.createElement("cite", { __source: { fileName: "", lineNumber: 73, columnNumber: 52 }, __self: this }, review.source)))))), /*#__PURE__*/ React.createElement("div", { className: "py-16 px-4 bg-white text-gray-800", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center text-3xl font-bold mb-12", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "TAKE A LOOK AT FEW EXAMPLES"), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, exampleWorks.map((work)=>/*#__PURE__*/ React.createElement("div", { key: work.title, className: "rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: work.image, alt: work.alt, className: "w-full", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("figcaption", { className: "py-4 text-center font-medium", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, work.title))))), /*#__PURE__*/ React.createElement("div", { className: "relative bg-purple-900 text-white py-16 px-4", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -top-16 right-0 transform translate-x-1/4", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "decorative-element.png", alt: "Decorative design element", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "APPLY NOW"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "p-2 rounded-lg", placeholder: "Full Name", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "p-2 rounded-lg", placeholder: "Email", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", className: "p-2 rounded-lg", placeholder: "Tell us about your project", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-orange-500 rounded-full px-8 py-2", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "SEND APPLICATION")), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-16 left-0 transform -translate-x-1/4", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "decorative-element.png", alt: "Decorative design element", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-purple-900 text-white py-8", __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-8 px-4", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, "© 2023 The Free Website Guys. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "col-span-1", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "PRIVACY POLICY")), /*#__PURE__*/ React.createElement("div", { className: "col-span-1", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "TERMS OF SERVICE"))))); }