You develope your product. I develope your site.

Building sleek high-performance Next.js websites with excellence

A highly customizable stack with zero legacy and great scalability: Next.js, modern CMS solutions, and Markdown for your documentation portal.

Pixel-perfect interface styled with TailwindCSS

Scalable, adaptive and highly customizable styling solution with a tiny CSS bundle size.

Welcome to DotPro by Arif Almas

Design and development of outstanding marketing websites that convert visitors into customers.

1<article className="flex overflow-hidden rounded-2xl">
2  <StaticImage className="h-56 w-52 shrink-0" imgClassName="rounded-l-2xl object-center" src="./illustration.jpg" loading="lazy" alt="" />
3  <div className="bg-white px-7 py-5">
4    <h1 className="max-w-[240px] text-xl font-semibold leading-snug">Welcome to DotPro by Arif Almas</h1>
5    <p className="mt-2 text-sm font-normal text-gray-7">Design and development of outstanding marketing websites that convert visitors into customers.</p>
6    <div className="mt-4 flex items-center justify-between border-t border-t-gray-4 pt-5">
7      <button className="flex h-11 items-center justify-center rounded-lg bg-black px-7 text-sm font-semibold text-white">Follow Me</button>
8      <HeartIcon className="h-11" />

<article className="flex overflow-hidden rounded-2xl">
  <StaticImage className="h-56 w-52 shrink-0" imgClassName="rounded-l-2xl object-center" src="./illustration.jpg" loading="lazy" alt="" />
  <div className="bg-white px-7 py-5">
    <h1 className="max-w-[240px] text-xl font-semibold leading-snug">Welcome to DotPro by Arif Almas</h1>
    <p className="mt-2 text-sm font-normal text-gray-7">Design and development of outstanding marketing websites that convert visitors into customers.</p>
    <div className="mt-4 flex items-center justify-between border-t border-t-gray-4 pt-5">
      <button className="flex h-11 items-center justify-center rounded-lg bg-black px-7 text-sm font-semibold text-white">Follow Me</button>
      <HeartIcon className="h-11" />