type="button" onClick={() => router.push('/docs')}

className="focus:outline-none w-full flex-none rounded-lg border border-transparent bg-gray-900 py-3 px-6 text-lg font-semibold leading-6 text-white shadow-md transition-colors duration-200 hover:bg-gray-700 hover:shadow-xl focus:ring-2 focus:ring-gray-900 focus:ring-offset-2 focus:ring-offset-white sm:w-auto"

type="button" onClick={() => router.push('/about')}

type="button" onClick={() => router.push('/sponsors')}

<section className="relative z-10 mx-auto max-w-screen-lg text-center xl:max-w-screen-xl">

<div className="px-10 sm:px-6 md:px-8">

<BigText

as="h2"

className="mb-8 text-left text-4xl text-gray-900 dark:text-white sm:text-center"

>

<Widont>“ Education should be free. ”</Widont> <p className="mt-0 sm:mt-1"></p>

</BigText>

<figure>

<blockquote>

<Paragraph className="mx-auto mb-6 max-w-4xl text-left">

<Widont>

Education is the greatest weapon in this era for the people. But, sadly, these

days it&apos;s governed by corruption. Today with growing technologies everyone in

a country must learn to code. As it is difficult to get 100% free coding

education, they are unable to achieve it. Maybe, if coding education is free, then

the country will be a developed country which will lead the country in the right

direction and get prosperity.

</Widont>

<br />

<br />

As{' '}

<span className="bg-gradient-to-br from-green-400 to-cyan-500 bg-clip-text font-extrabold text-transparent">

Java

</span>{' '}

is one of the most widely used programming languages, it should be learned by all

for free. By building{' '}

<span className="bg-gradient-to-br from-sky-400 to-indigo-500 bg-clip-text font-extrabold text-transparent">

Javaistic

</span>

, we&apos;re doing just that. We&apos;re abstracting the complexity of getting free

education needed by all by giving you a world-class educational experience for free.

</Paragraph>

</blockquote>

<figcaption className="flex flex-wrap items-center justify-center pt-4 font-medium sm:text-xl">

<div className="h-24 w-24 rounded-full border-4 border-sky-400 object-cover object-center p-1">

<Image

src={require('@/img/uiuxarghya.jpg').default}

alt="Creator of Javaistic"

className=" rounded-full bg-sky-400 "

width={100}

height={100}

quality={100}

layout="responsive"

blurDataURL={require('@/img/uiuxarghya.jpg').default}

placeholder="blur"

loading="lazy"

/>

</div>

<div className="flex flex-col pl-4 text-left">

<NextLink href="https://twitter.com/uiuxarghya">

<a className="font-extrabold text-gray-900 hover:underline dark:text-white">

Arghya Ghosh

</a>

</NextLink>

<p className="text-base font-semibold text-sky-500">Creator of Javaistic</p>

</div>

</figcaption>

</figure>

</div>

</section>