PageSourceSearch

https://brianriant.vercel.app/

html brianriant.vercel.app collected 2026-10-03 06:18:45 UTC 101,217 bytes, 20 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1
1d42j26j_y-zz.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="stylesheet" href="/_next/static/chunks/0hzts_6xhu_oj.
1css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/3qm714za83nz8.js"/>
1<script src="/_next/static/chunks/0f87bwk0gazn2.js" async=""></script>
1<script src="/_next/static/chunks/2fj3pogg1l47x.js" async=""></script>
1<script src="/_next/static/chunks/3hkyltp-kqbzx.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-22shfu2msgfdg.js" async=""></script>
1<script src="/_next/static/chunks/27k-8pem0igqd.js" async=""></script>
1<script src="/_next/static/chunks/3a5bdhwy0e1k2.js" async=""></script>
1<script src="/_next/static/chunks/1zq_ld0h_my8r.js" async=""></script>
1<script src="/_next/static/chunks/3iwj9bx_951ue.js" async=""></script>
1<script src="/_next/static/chunks/25_10d1c0b9wv.js" async=""></script>
1<link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><meta name="next-size-adjust" content=""/><title>Brian Riant | An Experienced Software Developer</title><meta name="description" content="Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information."/><meta name="author" content="Brian Riant"/><meta name="keywords" content="Brian Riant,brianriant,brian,riant,Software Developer,web developer,portfolio,self-taught developer,JavaScript,React,N
1ode.js,web development,web design,front-end developer,back-end developer,mobile app developer,Flutter,React Native,Next.js developer,AI integration,TypeScript expert,React developer Kenya,full-stack development Kiambu,web performance optimization,responsive web design,API development,database architecture,UI/UX design"/><meta name="robots" content="index, follow"/><meta name="google-site-verification" content="google-site-verification=your-google-verification-code"/><meta name="yandex-verification" content="your-yandex-verification-code"/><meta name="bing" content="your-bing-verification-code"/><meta property="og:title" content="Brian Riant | An Experienced Software Developer"/><meta property="og:description" content="Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information."/><meta property="og:url" content="https://brianriant.vercel.app"/><meta property="og:site_name" content="Brian Riant Portfolio"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png"/><meta property="og:image:width" content="2400"/><meta property="og:image:height" content="1260"/><meta property="og:image:alt" content="Brian Riant Profile Image"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@brianriant"/><meta name="twitter:creator" content="@brianriant"/><meta name="twitter:title" content="Brian Riant | An Experienced Software Developer"/><meta name="twitter:description" content="Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information."/><meta name="twitter:image" content="https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png"/><meta name="twitter:image:alt" content="Brian Riant Profile Image"/><meta name="twitter:image:width" content="2400"/><meta name="twitter:image:height" content="1260"/><link rel="icon" href="/favicon.ico?favicon.0nck31xhwhd_9.ico" sizes="48x48" type="image/x-icon"/>
1<script defer="" src="https://cloud.umami.is/script.js" data-website-id="467662c8-caee-4bca-8a44-d0026a97c931"></script>
1<script>
2              (function() {
3                function getCookie(name) {
4                  const value = document.cookie.match('(^|;)\s*' + name + '\s*=\s*([^;]+)');
5                  return value ? value.pop() : null;
6                }
7                const theme = getCookie('theme') || 'light';
8                if (theme === 'dark') {
9                  document.documentElement.classList.add('dark');
10                  document.body.classList.add('dark');
11                }
12              })();
13            </script>
13<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
13</head><body class="inter_e2473468-module__7NREva__className antialiased leading-8 overflow-x-hidden dark:bg-darkTheme dark:text-white"><div hidden=""><!--$--><!--/$--></div><nav class="fixed w-full px-4 md:px-5 lg:px-8 py-4 flex justify-between items-center z-50 font-bold text-xs lg:text-sm bg-transparent shadow-black/20 dark:bg-darkHover/20 dark:shadow-white/10
14        "><a href="/#top"><img alt="Logo" loading="lazy" width="336" height="81" decoding="async" data-nimg="1" class="w-28 cursor-pointer lg:w-32 xl:w-36 2xl:w-40" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=750&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=750&amp;q=75"/></a><ul class="hidden md:flex items-center gap-6 lg:gap-8
15          rounded-full px-12 py-3  shadow-lg bg-opacity-50 dark:border dark:border-white/50 "><li><a href="/#" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Home</a></li><li><a href="/#about" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">About</a></li><li><a href="/#services" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Services</a></li><li><a href="/#projects" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Work</a></li><li><a href="/blog" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Blog</a></li><li><a href="/#contact" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2 ">Contact</a></li></ul><div class="flex items-center gap-4"><button aria-label="Toggle Dark Mode" class="w-6 h-6" disabled=""><div class="w-6 h-6"></div></button><a class="hidden lg:flex items-center gap-3 px-10 py-2.5 border-2 border-gray-500 rounded-full ml-4 font-inter dark:border-white/50 hover:underline text-green-500 shadow-green-400 shadow-sm" href="/#contact">Contact<img alt="Contact Icon" loading="lazy" width="39" height="39" decoding="async" data-nimg="1" class="w-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=96&amp;q=75"/></a><button class="block md:hidden ml-3" aria-label="Open Menu"><img alt="Menu Icon" loading="lazy" width="72" height="58" decoding="async" data-nimg="1" class="w-6" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmenu-black.03__dawdjump9.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmenu-black.03__dawdjump9.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmenu-black.03__dawdjump9.png&amp;w=256&amp;q=75"/></button></div><ul class="fixed md:hidden flex flex-col gap-4 px-10 py-20 -right-64 top-0 bottom-0 w-64 h-screen bg-green-50 transition-transform duration-500 z-50 dark:bg-darkHover dark:text-white"><button class="absolute right-6 top-6" aria-label="Close Menu"><img alt="Close Icon" loading="lazy" width="29" height="29" decoding="async" data-nimg="1" class="w-5" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclose-black.3vg1c3t5xg39t.png&amp;w=32&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclose-black.3vg1c3t5xg39t.png&amp;w=64&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fclose-black.3vg1c3t5xg39t.png&amp;w=64&amp;q=75"/></button><li><a href="/#" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Home</a></li><li><a href="/#about" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">About</a></li><li><a href="/#services" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Services</a></li><li><a href="/#projects" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Work</a></li><li><a href="/blog" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Blog</a></li><li><a href="/#contact" class="font-inter hover:underline text-green-500 hover:decoration-dotted dark:hover:decoration-white decoration-green-400 hover:decoration-2">Contact</a></li></ul></nav><div class="fixed top-0 w-11/12 pointer-events-none -z-10 dark:hidden">
15<img alt="Background" loading="lazy" width="1920" height="1080" decoding="async" data-nimg="1" class="object-cover" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fheader-bg-color.1o1_vr9yis-gd.png&amp;w=3840&amp;q=75"/></div><section class="font-semibold max-w-3xl w-11/12 mx-auto text-left flex flex-col items-start gap-6 pt-24 lg:max-w-6xl" style="opacity:0"><div style="opacity:0;transform:scale(0.8)"><img alt="Brian Riant profile" width="512" height="517" decoding="async" data-nimg="1" class="rounded-full w-32 shadow-md shadow-green-400/60 hover:shadow-green-400/80 transition-shadow duration-300" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 320&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAA00lEQVR42gHIADf/AGxCLng+H4JoVn1oWW9aTGVRQ29aSltLQADEuq6jgGiOg3h0amCMemuVfmt9Z1dtWUoAr5qHp4t2eHNsOi8qSDctjHNgeGNTU0E1ALWtnoRfSIJ1alg/M0AoHks4LVFBNUo9MwC5tKWFYEmCcmVeRDc1HxZBHA1LJBM9IhYAwbqthWBJbmZfRTgyLxwUg0EgsEsXqV0xALernoxvXLCxrJKPi3FgVJ6LfLJ/W8WOZwBvZl+hm5S4urbByci2vbqtqaN8XUleQjKsn1AZy8F87gAAAABJRU5ErkJggg==&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fprofile-img.41j5mu_6hf42t.png&amp;w=3840&amp;q=75"/></div><h3 class="flex items-end gap-2 text-xl text-gray-700 dark:text-white/80" style="opacity:0;transform:translateY(20px)">Hi, I&#x27;m<!-- --> <span class="underline decoration-wavy decoration-green-400 decoration-2">Brian Riant</span> <span class="inline-block origin-bottom"><img alt="Greeting hand icon" width="56" height="57" decoding="async" data-nimg="1" class="w-6" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fhand-icon.32xjwe43k_vzt.png&amp;w=3840&amp;q=75"/></span></h3><h1 class="text-3xl md:text-4xl" style="opacity:0;transform:translateY(20px)">Experienced AI-driven<!-- -->
15 <span class="underline decoration-wavy decoration-green-400 decoration-2">Software Developer</span> <!-- -->based in Kiambu, kenya.</h1><p class="font-inter text-gray-600 leading-relaxed dark:text-white/80" style="opacity:0;transform:translateY(20px)">With a passion for creating beautiful and functional websites and applications. 💻 I have experience in building web and mobile applications using modern technologies like React, Next.js, Express.js, Flutter and React Native. ✨ I am always eager to learn new things and improve my skills and undestanding across both traditional development and artificial intelligence domains. 🚀</p><div class="flex flex-row items-center gap-4 mt-2 text-xs md:text-sm" style="opacity:0;transform:translateY(20px)"><a href="#contact" class="px-10 py-3 border border-white bg-black text-green-500 flex items-center rounded-full gap-2 hover:bg-gray-900 transition-all duration-300 dark:bg-transparent dark:border-white/50" tabindex="0">Contact Me<img alt="Right arrow for Contact Me" width="33" height="22" decoding="async" data-nimg="1" class="w-4" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-white.1-n5hdw_k160c.png&amp;w=3840&amp;q=75"/></a><a href="/resume" target="_blank" rel="noopener noreferrer" class="px-10 py-3 border border-gray-500 flex items-center rounded-full gap-2 hover:border-gray-700 transition-all duration-300 dark:bg-green-100  text-green-500" tabindex="0">View Cv<img alt="Download icon" width="44" height="44" decoding="async" data-nimg="1" class="w-4" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdownload-icon.2knyypab2kadb.png&amp;w=3840&amp;q=75"/></a></div><div class="flex items-center gap-6 mt-2" style="opacity:0;transform:translateY(20px)"><a href="https://www.linkedin.com/in/brianriant" target="_blank" rel="noopener noreferrer" class="transition-transform" tabindex="0"><img alt="LinkedIn profile" loading="lazy" width="512" height="512" decoding="async" data-nimg="1" class="w-8 dark:hover:filter dark:invert transition-all duration-300" style="color:transparent" src="/_next/static/media/logo-linkedin.2z2i-zprhgrip.svg"/></a><a href="https://github.com/brianriant" target="_blank" rel="noopener noreferrer" class="transition-transform" tabindex="0"><img alt="GitHub profile" loading="lazy" width="512" height="512" decoding="async" data-nimg="1" class="w-8 dark:hover:filter dark:invert transition-all duration-300" style="color:transparent" src="/_next/static/media/logo-github.2odj77wd2_73r.svg"/>
15</a></div></section><section id="about" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28" style="opacity:0;transform:translateY(20px)"><h4 class="mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wavy decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">Introduction</h4><h2 class="text-5xl font-inter text-gray-900 dark:text-white/90" style="opacity:0;transform:translateY(20px)">About Me</h2><div class="flex w-full flex-col lg:flex-row items-center gap-20 my-20" style="opacity:0;transform:translateY(20px)"><div class="w-full lg:w-72 max-w-none" style="opacity:0;transform:translateY(20px)"><img alt="user image" width="512" height="750" decoding="async" data-nimg="1" class="w-full rounded-3xl shadow-lg shadow-green-400" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 200 320&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/wAARCAAIAAUDAREAAhEBAxEB/9sAQwAKBwcIBwYKCAgICwoKCw4YEA4NDQ4dFRYRGCMfJSQiHyIhJis3LyYpNCkhIjBBMTQ5Oz4+PiUuRElDPEg3PT47/9sAQwEKCwsODQ4cEBAcOygiKDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDEfQ72a1gkk1aKFCDsjKg7fUH0Pb8K53Tiuh0qrJ6XP//Z&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fuser-image.0_di63a-jklfe.jpg&amp;w=3840&amp;q=75"/></div><div class="flex-1" style="opacity:0;transform:translateY(20px)"><p class="mb-10 max-w-2xl font-inter text-gray-600 leading-relaxed dark:text-white/80">I am a passionate<!-- --> <span class="underline decoration-wavy decoration-2 decoration-green-400">AI driven Software Developer</span> <!-- -->specializing in modern web technologies and scalable applications 🚀. With expertise in both<!-- --> <span class="underline decoration-wavy decoration-2 decoration-green-400">frontend (React.js, Next.js, TypeScript)</span> <!-- -->and<!-- -->
15 <span class="underline decoration-wavy decoration-2 decoration-green-400">backend (Node.js, Express.js)</span> <!-- -->development, I create seamless, responsive web experiences. 💻 My work includes building e-commerce platforms, educational applications, and dynamic portfolio websites using the latest industry practices. 🛠️ I excel in database design, API development, and implementing robust authentication systems. Always exploring new technologies and frameworks, I&#x27;m committed to writing clean, maintainable code and delivering high-performance applications. ✨</p><ul class="grid grid-cols-1 sm:grid-cols-3 gap-6 max-w-2xl mt-6 lg:text-sm text-xs" style="opacity:0;transform:translateY(20px)"><li class="border-[0.5px] shadow-md shadow-green-400 border-gray-400 rounded-xl p-6 cursor-pointer hover:bg-lightHover hover:shadow-black dark:border-white dark:hover:shadow-white dark:hover:bg-darkHover/50" style="opacity:0;transform:translateY(20px)"><img alt="Languages" width="48" height="46" decoding="async" data-nimg="1" class="w-7 mt-3" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1
15d42j26j_y-zz.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcode-icon.1d42j26j_y-zz.png&amp;w=3840&amp;q=75"/><h3 class="my-4 font-semibold text-gray-700 dark:text-white">Languages</h3><p class="text-gray-600 text-sm dark:text-white/80">JavaScript with Typescript</p></li><li class="border-[0.5px] shadow-md shadow-green-400 border-gray-400 rounded-xl p-6 cursor-pointer hover:bg-lightHover hover:shadow-black dark:border-white dark:hover:shadow-white dark:hover:bg-darkHover/50" style="opacity:0;transform:translateY(20px)"><img alt="Education" width="58" height="50" decoding="async" data-nimg="1" class="w-7 mt-3" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedu-icon.2970q96hmxz24.png&amp;w=3840&amp;q=75"/><h3 class="my-4 font-semibold text-gray-700 dark:text-white">Education</h3><p class="text-gray-600 text-sm dark:text-white/80">B.Sc. Industrial Mathematics - current</p></li><li class="border-[0.5px] shadow-md shadow-green-400 border-gray-400 rounded-xl p-6 cursor-pointer hover:bg-lightHover hover:shadow-black dark:border-white dark:hover:shadow-white dark:hover:bg-darkHover/50" style="opacity:0;transform:translateY(20px)"><img alt="Projects" width="52" height="48" decoding="async" data-nimg="1" class="w-7 mt-3" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fproject-icon.2ksqyk-5wc8_q.png&amp;w=3840&amp;q=75"/><h3 class="my-4 font-semibold text-gray-700 dark:text-white">Projects</h3><p class="text-gray-600 text-sm dark:text-white/80">Built more than 6 projects</p></li></ul></div></div><h4 class="my-4 text-gray-700 font-inter dark:text-white/80" style="opacity:0;transform:translateY(20px)">Tools I Use</h4><ul class="flex items-center flex-wrap gap-4" style="opacity:0;transform:translateY(20px)"><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="67" height="67" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fvscode.0qwvs08p20kum.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypescript.0m_5t0my7226-.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpostgresql.42fjap6xq3f24.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fexpress.2q4ri82olp2gz.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnextjs.0e_s_7gyrxlrc.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="512" height="512" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact.3gxak74x8ah2y.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="72" height="70" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffirebase.21n7bn8qs20ku.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="70" height="70" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmongodb.37_1voojoasg6.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="92" height="92" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffigma.2ukjluenme0z9.png&amp;w=3840&amp;q=75"/></li><li class="flex items-center justify-center w-14 aspect-square border border-gray-400 rounded-lg cursor-pointer" style="opacity:0;transform:translateY(20px)"><img alt="tool" width="80" height="80" decoding="async" data-nimg="1" class="w-5 sm:w-7" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgit.1wvbcxmwau591.png&amp;w=3840&amp;q=75"/></li></ul><h4 class="my-4 text-gray-700 font-inter dark:text-white/80" style="opacity:0;transform:translateY(20px)">My Faith I&#x27;m Brian Riant in Christ<!-- --> </h4><div class="my-8 p-4 rounded-2xl bg-gradient-to-r from-green-100 to-gray-50 dark:from-gray-900 dark:bg-darkHover shadow-lg" style="opacity:0;transform:translateY(20px)"><blockquote class="relative border-b-2 border-green-400 pb-4" style="opacity:0;transform:translateY(20px)"><span class="absolute top-0 left-0 text-6xl t
15ext-green-400 opacity-20">&quot;</span><p class="pt-8 px-4 text-xs md:text-sm lg:text-lg text-gray-700 dark:text-white/90 font-inter italic">Jesus saith unto him, I am the way, the truth, and the life: no man cometh unto the Father, but by me.</p><footer class="mt-4 text-right text-gray-600 dark:text-white/70"><cite class="block font-semibold">John 14:6 KJV</cite></footer></blockquote><blockquote class="relative" style="opacity:0;transform:translateY(20px)"><span class="absolute top-0 left-0 text-6xl text-green-400 opacity-20">&quot;</span><p class="pt-8 px-4 text-xs md:text-sm lg:text-lg text-gray-700 dark:text-white/90 font-inter italic">For I am not ashamed of the gospel of Christ: for it is the power of God unto salvation to every one that believeth.</p><footer class="mt-4 text-right text-gray-600 dark:text-white/70"><cite class="block font-semibold">Romans 1:16 KJV</cite></footer></blockquote></div></section><section id="services" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28" style="opacity:0;transform:translateY(20px)"><h4 class="mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wavy decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">What I Offer</h4><h2 class="text-5xl mb-2 font-inter text-gray-900 dark:text-white/90" style="opacity:0;transform:translateY(20px)">My Services</h2><p class="mb-10 max-w-2xl font-inter text-gray-600 leading-relaxed dark:text-white/80" style="opacity:0;transform:translateY(20px)">I offer a variety of services to help you build a strong online presence and grow your business. Here are some of the services I provide:</p><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-10" style="opacity:0;transform:translateY(20px)"><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white  " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Web Design &amp; Development" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&amp;w=96&amp;q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Web Design &amp; Development</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Crafting responsive, user-friendly websites tailored to your business needs. From front-end design to back-end functionality, I deliver seamless web experiences.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Book a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white  " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Mobile App Development" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-icon.0cfgwfozjo49j.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-icon.0cfgwfozjo49j.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmobile-icon.0cfgwfozjo49j.png&amp;w=96&amp;q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Mobile App Development</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Building cross-platform mobile applications that are fast, intuitive, and scalable. Whether it’s iOS or Android, I create apps that users love.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Book a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white  " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="UI/UX Design" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fui-icon.2ft_b10n770m1.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fui-icon.2ft_b10n770m1.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fui-icon.2ft_b10n770m1.png&amp;w=96&amp;q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">UI/UX Design</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Designing visually appealing and user-centric interfaces that enhance engagement and drive conversions. Let’s create experiences that leave a lasting impression.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Schedule a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white  " style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Graphics Design" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphics-icon.3jmk-gqi7n2n3.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphics-icon.3jmk-gqi7n2n3.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphics-icon.3jmk-gqi7n2n3.png&amp;w=96&amp;q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Graphics Design</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Creating stunning visuals that communicate your brand’s story. From logos to marketing materials, I bring your ideas to life with creativity and precision.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Request a Design<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75"/></a></div><div class="border shadow-md shadow-green-400 border-gray-400 dark:border-gray-700 rounded-lg px-8 py-12 cursor-pointer hover:bg-lightHover hover:shadow-black dark:hover:bg-darkHover dark:hover:shadow-white  lg:col-span-2 md:col-span-2" style="opacity:0;transform:translateY(20px)"><div class=""><img alt="Search Engine Optimization (SEO)" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="size-10" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fweb-icon.3maw5tjjr00ma.png&amp;w=96&amp;q=75"/> </div><h3 class="my-4 text-lg font-semibold text-gray-700 dark:text-white">Search Engine Optimization (SEO)</h3><p class="text-gray-600 text-sm leading-6 dark:text-white/80">Desiging and implementing SEO strategies to improve your website&#x27;s visibility and ranking on search engines. I help you reach your target audience effectively. Let your busness be found by the right people.</p><a href="https://cal.com/brianriant" class="flex items-center gap-2 text-sm mt-5 text-green-600 hover:text-green-700 dark:text-green-400 dark:hover:text-green-300">Schedule a Call<img alt="read more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="w-3 h-3" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow.3x2xksjnkfaw7.png&amp;w=32&amp;q=75"/></a></div></div></section><section id="projects" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28 text-xs" style="opacity:0;transform:translateY(20px)"><h4 class="mb-2 text-lg font-inter text-gray-700 dark:text-white/80 underline decoration-wav
15y decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">What I&#x27;ve Built</h4><h2 class="text-5xl font-intertext-gray-900 dark:text-white/90  " style="opacity:0;transform:translateY(20px)">My Latest Work</h2><p class="mb-12 max-w-2xl mt-5 font-inter text-gray-600 dark:text-white/80 leading-relaxed" style="opacity:0;transform:translateY(20px)">I have worked on a variety of projects, ranging from personal projects to client work. Here are some of the projects I have worked on:</p><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-10 " style="opacity:0;transform:translateY(20px)"><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover
16               dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="Ecomshop Project" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fecomshop.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fecomshop.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fecomshop.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fecomshop.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fecomshop.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fecomshop.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fecomshop.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fecomshop.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fecomshop.png&amp;w=3840&amp;q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">Ecomshop Project</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A responsive web ecommerce application that sells ecommerce website templates and themes.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">React.js</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Typescript</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Vite.js</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">React Router</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Css</span></div></div><div class="flex gap-4"><a href="https://github.com/brianriant/ecomshop" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">View Code<img alt="View Code" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a><a href="https://ecomshop-orpin.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover
17               dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="TafutaTutor App" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Ftafutatutor.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Ftafutatutor.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Ftafutatutor.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Ftafutatutor.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Ftafutatutor.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Ftafutatutor.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Ftafutatutor.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Ftafutatutor.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Ftafutatutor.png&amp;w=3840&amp;q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">TafutaTutor App</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A web application that connects students with tutors in their area.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Javascript</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://github.com/brianriant/tafutatutor" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">view Code<img alt="view Code" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a><a href="https://tafutatutor.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover
18               dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="This Portfolio" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fportfolio.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fportfolio.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fportfolio.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fportfolio.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fportfolio.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fportfolio.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fportfolio.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fportfolio.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fportfolio.png&amp;w=3840&amp;q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">This Portfolio</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A portfolio website that showcases my work and skills as a developer.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Framer motion</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://github.com/brianriant/brianriant_portfolio" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">View Code<img alt="View Code" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a><a href="https://brianriant.vercel.app/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover
19               dark:hover:bg-darkHover text-xs " style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="Learningflex" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Flearningflex.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Flearningflex.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Flearningflex.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Flearningflex.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Flearningflex.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Flearningflex.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Flearningflex.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Flearningflex.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Flearningflex.png&amp;w=3840&amp;q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">Learningflex</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A revolutionary educational platform that adapts to your learning style, helps you master new subjects faster, and provides personalized guidance every step of the way.</p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Framer motion</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://www.learningflex.org/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a></div></div></div><div class="border shadow-md shadow-green-400 border-gray-400 rounded-lg px-8 py-12 hover:shadow-black cursor-pointer hover:bg-lightHover
20               dark:hover:bg-darkHover text-xs lg:col-span-2 md:col-span-2" style="opacity:0;transform:translateY(20px)"><div class="grid gap-4"><div class="relative w-auto rounded-lg overflow-hidden"><img alt="Talligo" loading="lazy" width="800" height="500" decoding="async" data-nimg="1" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Ftallingo.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Ftallingo.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Ftallingo.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Ftallingo.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Ftallingo.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Ftallingo.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Ftallingo.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Ftallingo.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Ftallingo.png&amp;w=3840&amp;q=75"/></div><div class="grid gap-2"><h3 class="text-2xl font-semibold">Talligo</h3><p class="text-gray-600 dark:text-slate-400 lg:text-sm">A Professional real estate data and analytics platform for investors and developers. </p></div><div class="grid"><div class="flex flex-wrap gap-2"><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Next.js</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Framer motion</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">Tailwind CSS</span><span class="bg-green-100 text-green-800  px-3 py-1 rounded-full  transition duration-300 transform hover:bg-green-200">TypeScript</span></div></div><div class="flex gap-4"><a href="https://www.talligo.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2  border-2 border-gray-700 rounded-full py-1 px-5 hover:bg-black text-green-500 dark:border-white">Live Demo<img alt="Live Demo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-2" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Farrow-icon.2k80b7ygp2ju8.png&amp;w=32&amp;q=75"/></a></div></div></div></div><a href="/projects" class="w-max flex items-center justify-center gap-2 text-green-500 border-[0.5px] border-gray-700 rounded-full py-3 px-10 my-20 hover:bg-lightHover  dark:border-white dark:hover:bg-darkHover" style="opacity:0;transform:translateY(20px)">Show more<img alt="show more" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="size-4" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=32&amp;q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=32&amp;q=75"/></a></section><section id="contact" aria-labelledby="contact-title" class="max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left mt-20 scroll-m-28 text-xs" style="opacity:0;transform:translateY(20px)">
20<section class="Toastify" aria-live="polite" aria-atomic="false" aria-relevant="additions text" aria-label="Notifications Alt+T"></section><h4 id="contact-title" class=" mb-2 text-lg font-inter text-gray-700 dark:text-white/80  underline decoration-wavy decoration-green-400 decoration-2" style="opacity:0;transform:translateY(20px)">Connect With Me</h4><h2 class="text-5xl font-inter text-gray-900 dark:text-white/90" style="opacity:0;transform:translateY(20px)">Get in Touch</h2><p class="mb-12 lg:text-sm  max-w-2xl  mt-5 font-inter text-gray-600 leading-relaxed dark:text-white/80" style="opacity:0;transform:translateY(20px)">Feel free to reach out to me for any inquiries, collaborations, or just to say hello. I&#x27;m always open to discussing new projects, creative ideas, or opportunities to be part of your vision. Let&#x27;s connect and create something amazing together!</p><form class="max-w-2xl  " aria-label="Contact Form" style="opacity:0;transform:translateY(20px)"><div class="grid grid-cols-1  lg:grid-cols-2 gap-6 mt-10 mb-8 lg:text-sm"><input type="text" placeholder="Enter your name" required="" aria-label="Name" class="w-full p-3 outline-none border border-gray-300 rounded-full  invalid:text-pink-600 focus:border-green-500 focus:outline focus:outline-green-500  dark:bg-darkHover/30 dark:border-white/90  dark:text-white/80" style="opacity:0;transform:translateY(20px)" name="name"/><input type="email" placeholder="Enter your email" required="" aria-label="Email" class="w-full p-3 outline-none border border-gray-300 invalid:text-pink-600 focus:border-green-500 focus:outline focus:outline-green-500  rounded-full bg-white dark:bg-darkHover/30 dark:border-white/90 dark:text-white/80 " style="opacity:0;transform:translateY(20px)" name="email"/></div><textarea name="message" rows="6" placeholder="Enter your message" required="" aria-label="Message" class=" w-full p-4 outline-none border border-gray-300 rounded-xl bg-white mb-6 invalid:text-pink-600 focus:border-green-500 focus:outline focus:outline-green-500  focus:invalid:outline-pink-500focus:border-black dark:bg-darkHover/30 dark:border-white/90 dark:text-white/80 " style="opacity:0;transform:translateY(20px)"></textarea><button type="submit" aria-label="Submit Form" class="py-3 px-8 flex items-center gap-2 bg-black text-green-500 rounded-full hover:bg-black/90 transition duration-300 dark:bg-transparent dark:border-[0.5px] dark:hover:bg-darkHover" style="opacity:0;transform:translateY(20px)">Send Now<img alt="Submit" loading="lazy" width="33" height="22" decoding="async" data-nimg="1" class="w-4" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fright-arrow-bold.3vjjhbulpdnp1.png&amp;w=3840&amp;q=75"/></button></form></section><!--$--><!--/$--><footer class="mt-20 mb-10 max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left"><div class="font-xs lg:font-sm"><img alt="logo" loading="lazy" width="336" height="81" decoding="async" data-nimg="1" class="w-36 -ml-4 mb-2" style="color:transparent" sizes="100vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3hpke6hafwz7_.png&amp;w=3840&amp;q=75"/></div><div class="flex flex-col lg:flex-row items-center justify-between border-t border-gray-400 mt-12 py-6 leading-relaxed"><p class="text-center lg:text-left mb-4 lg:mb-0">© <!-- -->2026<!-- --> Brian Riant. All rights reserved.</p><ul class="flex flex-wrap gap-6 lg:gap-10 items-center justify-start mt-4 lg:justify-end leading-relaxed"><li><a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@BrianRiant" aria-label="Brian Riant&#x27;s YouTube" class="hover:underline text-green-500 transition-all duration-300">YouTube</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/brianriant" aria-label="Brian Riant&#x27;s LinkedIn" class="hover:underline text-green-500 transition-all duration-300">LinkedIn</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/brianriant" aria-label="Brian Riant&#x27;s GitHub" class="hover:underline text-green-500 transition-all duration-300">GitHub</a></li><li><a target="_blank" rel="noopener noreferrer" href="https://linktr.ee/brianriant" aria-label="Brian Riant&#x27;s Linktree" class="hover:underline text-green-500 transition-all duration-300">Linktree</a></li></ul></div></footer><!--$--><!--/$-->
20<script src="/_next/static/chunks/3qm714za83nz8.js" id="_R_" async=""></script>
20<script>(self.__next_f=self.__next_f||[]).push([0])</script>
20<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[90725,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"DarkModeProvider\"]\n4:I[18075,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\"]\n5:I[17651,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\"]\n7:I[99430,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"SpeedInsights\"]\n8:I[43503,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"ClientPageRoot\"]\n9:I[31713,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\",\"/_next/static/chunks/1zq_ld0h_my8r.js\",\"/_next/static/chunks/3iwj9bx_951ue.js\",\"/_next/static/chunks/25_10d1c0b9wv.js\"],\"default\"]\na:I[75699,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\nd:I[75699,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"ViewportBoundary\"]\nf:I[75699,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"MetadataBoundary\"]\n11:I[77421,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\",1]\n12:I[47137,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"default\"]\n13:I[30383,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"Image\"]\n14:I[65174,[\"/_next/static/chunks/27k-8pem0igqd.js\",\"/_next/static/chunks/3a5bdhwy0e1k2.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/0hzts_6xhu_oj.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
20<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0hzts_6xhu_oj.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/27k-8pem0igqd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3a5bdhwy0e1k2.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"scroll-smooth\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"defer\":true,\"src\":\"https://cloud.umami.is/script.js\",\"data-website-id\":\"467662c8-caee-4bca-8a44-d0026a97c931\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              (function() {\\n                function getCookie(name) {\\n                  const value = document.cookie.match('(^|;)\\\\s*' + name + '\\\\s*=\\\\s*([^;]+)');\\n                  return value ? value.pop() : null;\\n                }\\n                const theme = getCookie('theme') || 'light';\\n                if (theme === 'dark') {\\n                  document.documentElement.classList.add('dark');\\n                  document.body.classList.add('dark');\\n                }\\n              })();\\n            \"}}]]}],[\"$\",\"body\",null,{\"className\":\"inter_e2473468-module__7NREva__className antialiased leading-8 overflow-x-hidden dark:bg-darkTheme dark:text-white\",\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$L3\",[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$L6\"]}],[\"$\",\"$L7\",null,{}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{\"Component\":\"$9\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":null}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1zq_ld0h_my8r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/3iwj9bx_951ue.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/25_10d1c0b9wv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0hzts_6xhu_oj.
20css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"WqiCgEZWEWZvizMxLceVR\"}\n"])</script>
20<script>self.__next_f.push([1,"3:[\"$\",\"$L12\",null,{\"initialTheme\":\"light\",\"isDarkMode\":false}]\n"])</script>
20<script>self.__next_f.push([1,"6:[\"$\",\"footer\",null,{\"className\":\"mt-20 mb-10 max-w-3xl w-11/12 lg:max-w-6xl mx-auto font-bold items-start text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-xs lg:font-sm\",\"children\":[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/logo.3hpke6hafwz7_.png\",\"width\":336,\"height\":81,\"blurWidth\":8,\"blurHeight\":2,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAYAAABllJ3tAAAATUlEQVR42gFCAL3/AAICAiwGBgaQBQUFcAMDAzwDAwM6AwMDPAQEBFQBAQEUAAICAjcICAixBwcHoQgICKkICAiqBwcHlAcHB6AEJQdGziwHq7G++s4AAAAASUVORK5CYII=\"},\"alt\":\"logo\",\"className\":\"w-36 -ml-4 mb-2\",\"quality\":75,\"sizes\":\"100vw\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row items-center justify-between border-t border-gray-400 mt-12 py-6 leading-relaxed\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-center lg:text-left mb-4 lg:mb-0\",\"children\":[\"© \",2026,\" Brian Riant. All rights reserved.\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-wrap gap-6 lg:gap-10 items-center justify-start mt-4 lg:justify-end leading-relaxed\",\"children\":[[\"$\",\"li\",\"0\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://www.youtube.com/@BrianRiant\",\"aria-label\":\"Brian Riant's YouTube\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"YouTube\"}]}],[\"$\",\"li\",\"1\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://www.linkedin.com/in/brianriant\",\"aria-label\":\"Brian Riant's LinkedIn\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"LinkedIn\"}]}],[\"$\",\"li\",\"2\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://github.com/brianriant\",\"aria-label\":\"Brian Riant's GitHub\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"GitHub\"}]}],[\"$\",\"li\",\"3\",{\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"href\":\"https://linktr.ee/brianriant\",\"aria-label\":\"Brian Riant's Linktree\",\"className\":\"hover:underline text-green-500 transition-all duration-300\",\"children\":\"Linktree\"}]}]]}]]}]]}]\n"])</script>
20<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes\"}]]\nc:null\n"])</script>
20<script>self.__next_f.push([1,"10:[[\"$\",\"title\",\"0\",{\"children\":\"Brian Riant | An Experienced Software Developer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Brian Riant\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"Brian Riant,brianriant,brian,riant,Software Developer,web developer,portfolio,self-taught developer,JavaScript,React,Node.js,web development,web design,front-end developer,back-end developer,mobile app developer,Flutter,React Native,Next.js developer,AI integration,TypeScript expert,React developer Kenya,full-stack development Kiambu,web performance optimization,responsive web design,API development,database architecture,UI/UX design\"}],[\"$\",\"meta\",\"4\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"5\",{\"name\":\"google-site-verification\",\"content\":\"google-site-verification=your-google-verification-code\"}],[\"$\",\"meta\",\"6\",{\"name\":\"yandex-verification\",\"content\":\"your-yandex-verification-code\"}],[\"$\",\"meta\",\"7\",{\"name\":\"bing\",\"content\":\"your-bing-verification-code\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Brian Riant | An Experienced Software Developer\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:url\",\"content\":\"https://brianriant.vercel.app\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:site_name\",\"content\":\"Brian Riant Portfolio\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"1260\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"Brian Riant Profile Image\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:site\",\"content\":\"@brianriant\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:creator\",\"content\":\"@brianriant\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Brian Riant | An Experienced Software Developer\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"Discover the portfolio of Brian Riant, an experienced Software Developer specializing in modern web technologies. Explore projects, services, skills, and contact information.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image\",\"content\":\"https://brianriant.vercel.app/_next/static/media/profile-og.0mt8r7zzdve51.png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:alt\",\"content\":\"Brian Riant Profile Image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:height\",\"content\":\"1260\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0nck31xhwhd_9.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"$L14\",\"28\",{}]]\n"])</script>
20</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.