WordPress_Themes/harpLabs_Inc
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first theme commit

Browse Source
This commit is contained in:
Prospect
2024-05-03 01:55:19 -04:00
commit 3d9ef61176
153 changed files with 53926 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
template-parts/partials/book-a-meeting-button.php Normal file
View File

@@ -0,0 +1,13 @@
<?php
/**
* Book a meeting Button
*
* @package ThemeStarter
*/
?>
<div class="flex items-center gap-x-6">
<a href="https://calendly.com/harplabs/discovery" class="w-full text-center rounded-md border border-black bg-yellow-300 px-8 py-2.5 text-sm font-semibold shadow-sm hover:bg-stone-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-yellow-600 uppercase">Book a discovery call</a>
</div>

33
template-parts/partials/client-grid.php Normal file
View File

@@ -0,0 +1,33 @@
<?php
/**
* Client grid template.
*
* @package ThemeStarter
*/
?>
<ul class="grid grid-cols-3 md:grid-cols-6 2xl:grid-cols-12 gap-4 items-center justify-items-center filter grayscale">
<?php
$args = array(
'post_type' => 'clients',
'posts_per_page' => 12,
'orderby' => 'date',
'order' => 'ASC',
);
$query = new WP_Query($args);
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post(); ?>
<li>
<a target="_blank" href="<?= get_field('client_website') ?>"><img src="<?= get_field("client_logo"); ?>" alt="<?= the_title() ?> logo"></a>
</li>
<?php }
wp_reset_postdata();
} else {
// No posts found
}
?>
</ul>

44
template-parts/partials/faqs-loop.php Normal file
View File

@@ -0,0 +1,44 @@
<?php
/**
* FAQ template.
*
* @package ThemeStarter
*/
?>
<ul class="px-4">
<?php
$args = array(
'post_type' => 'faqs',
'posts_per_page' => -1,
'orderby' => 'date',
'order' => 'ASC',
);
$query = new WP_Query($args);
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post(); ?>
<li class="accordion bg-stone-200 rounded-md mb-4">
<div class="flex px-2 py-4 justify-between relative">
<h3 class="font-bold text-lg pr-6"><?php the_title() ?></h3>
<button aria-label="Accordion Dropdown Toggle" class="accordion-toggle absolute inset-0">
<i class="fas fa-chevron-down items-center ml-auto rounded-md px-2.5 py-2" aria-hidden="true"></i>
<i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
</button>
</div>
<div class="accordion-content pb-8">
<div>
<p> <?= get_field("faq_answer"); ?></p>
</div>
</div>
</li>
<?php }
wp_reset_postdata();
} else {
// No posts found
}
?>
</ul>

13
template-parts/partials/get-a-quote-button.php Normal file
View File

@@ -0,0 +1,13 @@
<?php
/**
* Get A Quote Button
*
* @package ThemeStarter
*/
?>
<div class="flex items-center gap-x-6">
<a href="<?= get_permalink('4828') ?>" class="w-full text-center rounded-md border border-black bg-stone-100 px-8 py-2.5 text-sm font-semibold shadow-sm hover:bg-stone-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-yellow-600 uppercase">Get A Quote</a>
</div>

26
template-parts/partials/get-started-cta.php Normal file
View File

@@ -0,0 +1,26 @@
<?php
/**
* Get Started Call To Action
*
* @package ThemeStarter
*/
?>
<section class="bg-black ">
<div class="py-16 px-4 max-w-7xl mx-auto">
<div class="text-white text-center">
<h1 class="text-2xl lg:text-4xl font-bold mb-4">Start Your Project Risk-Free.</h1>
<p class="text-lg lg:text-xl font-medium max-w-3xl mx-auto">Let's bring your project to life! Get started risk-free. Get a quote for your project, book a meeting or submit and inquiry to receive a response from our team.</p>
</div>
<ul class="space-y-4 mt-4">
<li class="flex items-center justify-center"><?php get_template_part('template-parts/partials/book-a-meeting-button'); ?></li>
<li class="flex items-center justify-center"><?php get_template_part('template-parts/partials/get-a-quote-button'); ?></li>
</ul>
</div>
</section>

80
template-parts/partials/menu-accordion-loop.php Normal file
View File

@@ -0,0 +1,80 @@
<?php
/**
* Menu Accordion template.
*
* @package ThemeStarter
*/
?>
<ul role="list" class="space-y-2">
<?php
// Get the menu items
$main_menu_items = wp_get_nav_menu_items('agency-menu');
// Initialize an empty array to store the menu structure
$menu_structure = array();
// Iterate through each menu item to build the menu structure
foreach ($main_menu_items as $menu_item) {
// If the menu item has no parent, add it as a root level item
if ($menu_item->menu_item_parent == 0) {
$menu_structure[$menu_item->ID] = array(
'title' => $menu_item->title,
'url' => $menu_item->url,
'children' => array()
);
} else {
// If the menu item has a parent, add it as a child of its parent
$parent_id = $menu_item->menu_item_parent;
$menu_structure[$parent_id]['children'][] = array(
'title' => $menu_item->title,
'url' => $menu_item->url
);
}
}
// Loop through menu items with no parents (parents are the "parent" items)
foreach ($menu_structure as $menu_item_id => $menu_item_data) {
$menuItemTitle = $menu_item_data['title'];
$menuItemSlug = $menu_item_data['url'];
?>
<li class="accordion">
<div class="flex px-2 hover:bg-stone-200 rounded-md justify-between">
<a href="<?php echo $menuItemSlug; ?>" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
<p><?php echo $menuItemTitle ?></p>
</a>
<?php if (!empty($menu_item_data['children'])) { ?>
<button aria-label="Accordion Dropdown Toggle" class="accordion-toggle">
<i class="fas fa-chevron-down items-center ml-auto rounded-md px-2.5 py-2" aria-hidden="true"></i>
<i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
</button>
<?php } ?>
</div>
<?php
// Check if there are children for this menu item
if (!empty($menu_item_data['children'])) {
?>
<ul class="accordion-content space-y-2">
<?php
// Loop through children
foreach ($menu_item_data['children'] as $child) {
$childTitle = $child['title'];
$childUrl = $child['url'];
?>
<li class="hover:bg-yellow-100 rounded-md">
<a class="inset-0 flex px-4 py-2" href="<?php echo $childUrl ?>"><?php echo $childTitle ?></a>
</li>
<?php
}
?>
</ul>
<?php
}
?>
</li>
<?php
}
?>
</ul>

28
template-parts/partials/page-header.php Normal file
View File

@@ -0,0 +1,28 @@
<?php
/**
* Page header template.
*
* @package ThemeStarter
*/
$pageHeaderBG = has_post_thumbnail() ? get_the_post_thumbnail_url(get_the_ID(), 'full') : get_template_directory_uri() . '/assets/images/bgs/harplabsbg.png';
if (is_home()) {
$pageTitle = get_the_title(get_option('page_for_posts', true));
$pageHeaderBG = has_post_thumbnail() ? get_the_post_thumbnail_url(get_option('page_for_posts'), 'full') : get_template_directory_uri() . '/assets/images/bgs/harplabsbg.png';
} else if (is_archive()) {
$pageTitle = get_the_archive_title();
} else {
$pageTitle = get_the_title();
}
?>
<section class="page-header" style="background-image: url('<?= $pageHeaderBG ?>')">
<div class="max-w-7xl mx-auto flex items-center h-28 lg:h-44 py-8 px-4 xl:px-0">
<h1 class="text-2xl lg:text-4xl font-bold"><?= $pageTitle ?></h1>
</div>
</section>

49
template-parts/partials/process-general.php Normal file
View File

@@ -0,0 +1,49 @@
<?php
/**
* Process General template.
*
* @package ThemeStarter
*/
?>
<!-- Why Us -->
<section class="py-12">
<div class="mb-12 text-center text-inherit">
<p class="font-bold mb-4 text-3xl md:text-4xl lg:text-5xl text-gray-900 tracking-tight"><?php _e('The Simple 5 Step Process', 'harplabs'); ?></p>
<div class="bg-yellow-300 h-0.5 mx-auto w-28"></div>
</div>
<ul class="mt-10 max-w-7xl mx-auto py-8 px-4 grid lg:grid-cols-5 gap-8 items-center justify-center leading-7 text-gray-600">
<li class="text-center text-gray-900">
<i class="text-7xl bi bi-pen"></i>
<p class="text-lg font-semibold md:text-2xl my-2">Design</p>
<p>The planning, expectation management, content architecture, and the design of your project.</p>
</li>
<li class="text-center text-gray-900">
<i class="text-7xl bi bi-file-code-fill"></i>
<p class="text-lg font-semibold md:text-2xl my-2">Develop</p>
<p>A dedicated manager expertly matched to your needs, initiates the development process.</p>
</li>
<li class="text-center text-gray-900">
<i class="text-7xl bi bi-check-circle"></i>
<p class="text-lg font-semibold md:text-2xl my-2">Test</p>
<p>Rigorous testing ensures the seamless functionality and quality assurance of your project.</p>
</li>
<li class="text-center text-gray-900">
<i class="text-7xl bi bi-rocket"></i>
<p class="text-lg font-semibold md:text-2xl my-2">Launch</p>
<p>We propel your project into the digital sphere, orchestrating a successful and impactful launch.</p>
</li>
<li class="text-center text-gray-900">
<i class="text-7xl bi bi-wrench"></i>
<p class="text-lg font-semibold md:text-2xl my-2">Maintain</p>
<p>Our commitment extends beyond launch as we diligently maintain and optimize your project.</p>
</li>
</ul>
</section>

17
template-parts/partials/start-a-conversation-button.php Normal file
View File

@@ -0,0 +1,17 @@
<?php
/**
* Start A Conversation Button
*
* @package ThemeStarter
*/
?>
<div>
<a class="flex justify-center" href="<?= esc_url(get_permalink('12')); ?>">
<button aria-label="Start a Conversation" class="py-2 pl-16 relative pr-4 rounded-md bg-yellow-300 text-black">
<i class="absolute left-2 text-2xl -top-1 rounded-md p-2 bg-stone-300 bi-megaphone-fill"></i>Start A Conversation
</button>
</a>
</div>

57
template-parts/partials/technologies-ticker.php Normal file
View File

@@ -0,0 +1,57 @@
<?php
/**
* Technologies Ticker
*
* @package ThemeStarter
*/
?>
<?php
$args = array(
'post_type' => 'technologies',
'posts_per_page' => -1,
'orderby' => 'rand',
'order' => 'ASC',
);
$query = new WP_Query($args);
if ($query->have_posts()) { ?>
<!-- Announcement Ticker -->
<div class="bg-yellow-100">
<div class="font-medium overflow-hidden flex items-center mx-auto py-4">
<div class="ticker-tape">
<?php while ($query->have_posts()) { ?>
<?php $query->the_post(); ?>
<?php get_template_part('template-parts/partials/technology-ticker-image') ?>
<?php } ?>
</div>
<div class="ticker-tape" aria-hidden="true">
<?php while ($query->have_posts()) { ?>
<?php $query->the_post(); ?>
<?php get_template_part('template-parts/partials/technology-ticker-image') ?>
<?php } ?>
</div>
<div class="ticker-tape" aria-hidden="true">
<?php while ($query->have_posts()) { ?>
<?php $query->the_post(); ?>
<?php get_template_part('template-parts/partials/technology-ticker-image') ?>
<?php } ?>
</div>
</div>
</div>
<?php }
wp_reset_postdata(); {
// No posts found
}
?>

11
template-parts/partials/technology-ticker-image.php Normal file
View File

@@ -0,0 +1,11 @@
<?php
/**
* Technologies Ticker
*
* @package ThemeStarter
*/
?>
<img src="<?= get_field('technology_image') ?>" alt="<?= the_title() ?> logo" class="max-h-8 px-4 lg:w-full lg:max-h-12 lg:px-8">

41
template-parts/partials/testimonials-loop.php Normal file
View File

@@ -0,0 +1,41 @@
<?php
/**
* Testimonial Slider template.
*
* @package ThemeStarter
*/
?>
<ul class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 py-8">
<?php
$args = array(
'post_type' => 'testimonials',
'posts_per_page' => 4,
'orderby' => 'rand',
'order' => 'ASC',
);
$query = new WP_Query($args);
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
?>
<li class="list-none">
<div class="flex flex-col items-center justify-center">
<div class="inline-block relative">
<img src="<?= get_field('testimonial_image') ?>" class="mb-4 mx-auto rounded-full w-44">
</div>
<p class="text-xl font-medium"><?php _e(the_title(), 'harplabs'); ?></p>
<p class="text-lg"><?php _e(get_field('testimonial_position'), 'harplabs'); ?></p>
<p class="text-lg text-stone-400"><?php _e(get_field('testimonial_company_name'), 'harplabs'); ?></p>
<p class="mt-4 mx-auto text-center"><?php _e(get_field('testimonial_review'), 'harplabs'); ?></p>
</div>
</li>
<?php }
wp_reset_postdata();
} else {
// No posts found
}
?>
</ul>

58
template-parts/partials/why-us-general.php Normal file
View File

@@ -0,0 +1,58 @@
<?php
/**
* Why us General template.
*
* @package ThemeStarter
*/
?>
<div class="bg-white p-8">
<div>
<p class="font-medium mb-4 md:text-lg"><?php _e('Extensive Experience', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('Expertise in software development across various needs and requirements', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-white p-8">
<div>
<p class="font-medium mb-4 md:text-lg"><?php _e('Versatile Solutions', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('Serving and catering to over 15 diverse industries challanges', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-white p-8">
<div>
<p class="font-medium mb-4 md:text-lg"><?php _e('Exceptional Client retention', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('HarpLabs client retention rate is a testament to our commitment to quality', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-white p-8">
<div>
<p class="font-medium mb-4 md:text-lg"><?php _e('Products developed', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('We have developed thousands of products from individual features to comprehensive enterprise platforms', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-white p-8">
<div>
<p class="font-medium mb-4 md:text-lg"><?php _e('Client-Centric Approach', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('We prioritize understanding client needs and delivering tailored solutions that exceed expectations.', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-white p-8">
<div>
<p class="font-medium mb-4 md:text-lg"><?php _e('Innovation and Excellence', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('We push the boundaries of innovation to deliver cutting-edge solutions that drive success.', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>

105
template-parts/partials/why-us-testimonial.php Normal file
View File

@@ -0,0 +1,105 @@
<?php
/**
* Why us/ Testimonial template.
*
* @package ThemeStarter
*/
?>
<!-- Testimonials -->
<section id="testimonials">
<div class="py-10">
<div class="flex flex-col max-w-7xl mx-auto px-4 relative z-10">
<div class="text-inherit">
<div class="mb-12 text-center text-inherit">
<p class="font-bold mb-4 text-3xl text-gray-900 tracking-tight sm:text-4xl"><?php _e('Why us?', 'harplabs'); ?></p>
<div class="bg-yellow-300 h-0.5 mx-auto w-28"></div>
</div>
<div class="gap-2 grid items-center lg:grid-cols-3 lg:items-center">
<div class="lg:col-span-2">
<div class="gap-2 grid md:grid-cols-2 items-stretch justify-center">
<!-- Active: "text-yellow-400", Inactive: "text-gray-200" -->
<div class="bg-gray-100 p-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-calendar-check mb-4" viewBox="0 0 16 16">
<path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
</svg>
<p class="font-extrabold text-3xl md:text-4xl"><?php _e('12', 'harplabs'); ?></p>
<p class="font-medium mb-4 md:text-lg"><?php _e('Years in business', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('Over 10 years in business and several decades of experience developing excellence.', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-gray-100 p-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-briefcase mb-4" viewBox="0 0 16 16">
<path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z" />
</svg>
<p class="font-extrabold text-3xl md:text-4xl"><?php _e('15+', 'harplabs'); ?></p>
<p class="font-medium mb-4 md:text-lg"><?php _e('Industries served', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('Navigating and serving over 15 diverse sectors and counting.', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-gray-100 p-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-recycle mb-4" viewBox="0 0 16 16">
<path d="M9.302 1.256a1.5 1.5 0 0 0-2.604 0l-1.704 2.98a.5.5 0 0 0 .869.497l1.703-2.981a.5.5 0 0 1 .868 0l2.54 4.444-1.256-.337a.5.5 0 1 0-.26.966l2.415.647a.5.5 0 0 0 .613-.353l.647-2.415a.5.5 0 1 0-.966-.259l-.333 1.242-2.532-4.431zM2.973 7.773l-1.255.337a.5.5 0 1 1-.26-.966l2.416-.647a.5.5 0 0 1 .612.353l.647 2.415a.5.5 0 0 1-.966.259l-.333-1.242-2.545 4.454a.5.5 0 0 0 .434.748H5a.5.5 0 0 1 0 1H1.723A1.5 1.5 0 0 1 .421 12.24l2.552-4.467zm10.89 1.463a.5.5 0 1 0-.868.496l1.716 3.004a.5.5 0 0 1-.434.748h-5.57l.647-.646a.5.5 0 1 0-.708-.707l-1.5 1.5a.498.498 0 0 0 0 .707l1.5 1.5a.5.5 0 1 0 .708-.707l-.647-.647h5.57a1.5 1.5 0 0 0 1.302-2.244l-1.716-3.004z" />
</svg>
<p class="font-extrabold text-3xl md:text-4xl"><?php _e('96%', 'harplabs'); ?></p>
<p class="font-medium mb-4 md:text-lg"><?php _e('Client retention', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('A staggering 96% clients choose to stay and keep coming back.', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
<div class="bg-gray-100 p-8">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-box-seam mb-4" viewBox="0 0 16 16">
<path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z" />
</svg>
<p class="font-extrabold text-3xl md:text-4xl"><?php _e('1250+', 'harplabs'); ?></p>
<p class="font-medium mb-4 md:text-lg"><?php _e('Products developed', 'harplabs'); ?></p>
<p class="text-gray-500"><?php _e('Thousands of innovative products from features to&nbsp; modules to platforms.', 'harplabs'); ?></p>
<div data-empty-placeholder class="bg-yellow-300 h-1 mt-4"></div>
</div>
</div>
</div>
</div>
<div class="flex flex-col lg:mt-0 mt-12 text-center">
<p class="font-semibold max-w-sm mb-12 mt-4 mx-auto text-2xl text-center"><?php _e('What our clients are saying.', 'harplabs'); ?></p>
<div data-empty-placeholder>
<div class="flex items-center justify-center mb-4">
<!-- Active: "text-yellow-400", Inactive: "text-gray-200" -->
<svg class="text-yellow-400 h-5 w-5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z" clip-rule="evenodd" />
</svg>
<svg class="text-yellow-400 h-5 w-5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z" clip-rule="evenodd" />
</svg>
<svg class="text-yellow-400 h-5 w-5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z" clip-rule="evenodd" />
</svg>
<svg class="text-yellow-400 h-5 w-5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z" clip-rule="evenodd" />
</svg>
<svg class="text-yellow-400 h-5 w-5 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z" clip-rule="evenodd" />
</svg>
</div>
<div class="inline-block relative">
<img src="https://harplabs.com/wp-content/uploads/2023/10/testimonial-sg.jpg" class="mb-4 mx-auto rounded-full w-44">
<img src="https://harplabs.com/wp-content/uploads/2023/10/clutch.png" class="absolute right-3/4 rounded-full top-0 w-20">
</div>
<p class="font-medium"><?php _e('Sherif Gemayel', 'harplabs'); ?></p>
<p class="text-xl"><?php _e('President, Sharp Insurance', 'harplabs'); ?></p>
<p class="font-semibold max-w-sm mt-4 mx-auto text-2xl text-center"><?php _e('&quot;They went over and above expectations to ensure we were happy with the end result.&quot;', 'harplabs'); ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>