167 lines
8.1 KiB
HTML
167 lines
8.1 KiB
HTML
<!-- wp:group {"className":"hero-section reveal","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group hero-section reveal">
|
|
<!-- wp:columns {"verticalAlignment":"center"} -->
|
|
<div class="wp-block-columns are-vertically-aligned-center">
|
|
<!-- wp:column {"verticalAlignment":"center"} -->
|
|
<div class="wp-block-column create-vertically-aligned-center">
|
|
<!-- wp:heading {"level":1} -->
|
|
<h1 class="wp-block-heading">Hi, I'm Bilal Taha</h1>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.5rem"}}} -->
|
|
<p style="font-size:1.5rem">Software Engineer specializing in <strong>Next.js</strong>, <strong>TypeScript</strong>, and <strong>Flutter</strong>. I build modern, scalable, and user-centric digital experiences.</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:buttons -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
|
|
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" href="/projects/">View My Work</a></div>
|
|
<!-- /wp:button -->
|
|
<!-- wp:button {"className":"is-style-outline"} -->
|
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="/contact/">Get In Touch</a></div>
|
|
<!-- /wp:button -->
|
|
<!-- wp:button {"className":"is-style-outline"} -->
|
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">Download Resume</a></div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"verticalAlignment":"center","width":"30%"} -->
|
|
<div class="wp-block-column are-vertically-aligned-center" style="flex-basis:30%">
|
|
<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
|
|
<figure class="wp-block-image size-slug-large is-style-rounded"><img src="/assets/pasted-20260201-115553-f0fcf40c.png" alt="Bilal Taha Profile"/></figure>
|
|
<!-- /wp:image -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
|
|
<!-- wp:spacer {"height":"80px"} -->
|
|
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group reveal">
|
|
<h2 class="wp-block-heading">What I Do</h2>
|
|
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"2rem","left":"2rem"}}}} -->
|
|
<div class="wp-block-columns">
|
|
<!-- wp:column {"className":"project-card"} -->
|
|
<div class="wp-block-column project-card">
|
|
<h3 class="wp-block-heading"><i class="fas fa-laptop-code"></i> Frontend</h3>
|
|
<p>Crafting responsive and interactive user interfaces using React, Next.js, and Tailwind CSS.</p>
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"project-card"} -->
|
|
<div class="wp-block-column project-card">
|
|
<h3 class="wp-block-heading"><i class="fas fa-server"></i> Backend</h3>
|
|
<p>Developing robust server-side logic with Node.js and cross-platform mobile apps with Flutter.</p>
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"project-card"} -->
|
|
<div class="wp-block-column project-card">
|
|
<h3 class="wp-block-heading"><i class="fas fa-layer-group"></i> Full-Stack</h3>
|
|
<p>Integrating databases like PostgreSQL and Firebase to deliver end-to-end applications.</p>
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
|
|
<!-- wp:spacer {"height":"80px"} -->
|
|
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group reveal">
|
|
<h2 class="wp-block-heading">My Services</h2>
|
|
<!-- wp:columns -->
|
|
<div class="wp-block-columns">
|
|
<!-- wp:column -->
|
|
<div class="wp-block-column">
|
|
<!-- wp:list -->
|
|
<ul>
|
|
<li><strong>Web Development:</strong> Custom websites built with modern frameworks.</li>
|
|
<li><strong>App Development:</strong> Cross-platform mobile apps for iOS and Android.</li>
|
|
<li><strong>UI/UX Design:</strong> Designing intuitive and beautiful user journeys.</li>
|
|
</ul>
|
|
<!-- /wp:list -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column -->
|
|
<div class="wp-block-column">
|
|
<!-- wp:list -->
|
|
<ul>
|
|
<li><strong>API Integration:</strong> Connecting services for seamless data flow.</li>
|
|
<li><strong>Database Management:</strong> Efficient and secure data storage solutions.</li>
|
|
<li><strong>Cloud Solutions:</strong> Deployment and scaling using AWS and Vercel.</li>
|
|
</ul>
|
|
<!-- /wp:list -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
|
|
<!-- wp:spacer {"height":"80px"} -->
|
|
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group reveal">
|
|
<h2 class="wp-block-heading">Latest Insights</h2>
|
|
<!-- wp:latest-posts {"postsToShow":3,"displayPostContent":true,"excerptLength":20,"displayPostDate":true,"postLayout":"grid","columns":3,"className":"project-card"} /-->
|
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button {"className":"is-style-outline"} -->
|
|
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="/blog/">Read All Posts</a></div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
|
|
<!-- wp:spacer {"height":"80px"} -->
|
|
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group reveal">
|
|
<h2 class="wp-block-heading">Testimonials</h2>
|
|
<!-- wp:columns -->
|
|
<div class="wp-block-columns">
|
|
<!-- wp:column {"className":"project-card"} -->
|
|
<div class="wp-block-column project-card">
|
|
<p>"Bilal is an exceptional developer who consistently delivers high-quality code and innovative solutions. Highly recommended!"</p>
|
|
<p><strong>— Tech Lead, Future Systems</strong></p>
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"className":"project-card"} -->
|
|
<div class="wp-block-column project-card">
|
|
<p>"The attention to detail in the UI/UX design was outstanding. Our users love the new mobile app."</p>
|
|
<p><strong>— Product Manager, Creative Solutions</strong></p>
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
|
|
<!-- wp:spacer {"height":"80px"} -->
|
|
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:group {"className":"reveal","layout":{"type":"constrained","justifyContent":"center"}} -->
|
|
<div class="wp-block-group reveal">
|
|
<h2 class="wp-block-heading" style="text-align:center">Ready to start your project?</h2>
|
|
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
|
|
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" href="/contact/">Hire Me Today</a></div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:group --> |