import React from "react"

function IntroductionPage() {
  return (
    <div className="flex flex-wrap justify-center gap-4 pb-10 ml-0 lg:ml-10">
      <div className="w-full p-4 space-y-4 mt-5">
      <h2 className="text-2xl font-bold">Introduction</h2>
        <p className="text-lg text-balance text-lg text-muted-foreground">
          Beautiful collection of 50+ building blocks and website templates.
        </p>
        <p className="leading-7 tracking-tight font-[500]">
          Easy UI is a <b>collection of re-usable 50+ templates</b> and <b>building blocks</b> that you can use into your web apps.
        </p>
        <p className="leading-7 tracking-tight font-[500]">It helps you:</p>
        <ul className="list-disc pl-5 space-y-2 leading-7 tracking-tight font-[500]">
          <li> Save 100+ hours of work</li>
          <li> No need to learn advanced animations</li>
          <li> Easy to configure and change</li>
          <li> 1-click download and setup</li>
          <li> 5 minutes to update the text and images</li>
          <li> Deploy live to Vercel</li>
        </ul>
        <h2 className="text-2xl font-bold pt-10">Philosophy</h2>
        <p>
          <b>The philosophy behind Easy UI is rooted in simplicity and efficiency. As a developer, I&apos;ve always believed in the power of good design and user experience.</b> However, I also understand the challenges and time constraints that come with creating visually appealing and functional web applications. That&apos;s why I created Easy UI.
        </p>
        <p>
          <b>My goal with Easy UI is to provide a straightforward solution for developers and designers alike. </b>Whether you&apos;re working on a personal project, a startup, or for a client, Easy UI offers a foundation that can be easily adapted and customized to fit your needs.
        </p>
        <p>
          <b>It&apos;s not just about saving time; it&apos;s about maintaining a high standard of quality without the need to reinvent the wheel for every new project.</b>
        </p>
        <p>
          <b>I&apos;ve focused on making Easy UI as accessible as possible.</b> This means clear documentation, simple configuration, and a community-driven approach to improvements and support. I believe that by sharing resources and tools, we can all achieve more, faster, and with better results.
        </p>
        <p>
          In essence, Easy UI is my contribution to a more collaborative and efficient future in web development. It&apos;s about enabling creators to bring their visions to life with less friction and more joy in the process.
        </p>
        <p>
          Easy UI templates draw inspiration from many well-regarded templates in the industry.
        </p>
      </div>
    </div>
  )
}

export default IntroductionPage

