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

86
template-parts/footer/footer.php Normal file
View File

@@ -0,0 +1,86 @@
<footer class="border-t-2 border-yellow-300">
<div class="bg-stone-100 pt-8 px-4">
<div class="max-w-4xl mx-auto shadow-lg">
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2889.28922291068!2d-79.64344858443677!3d43.60051927912309!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b40a38da446e7%3A0x5bc5f3951046ed3e!2sharpLabs+Inc.!5e0!3m2!1sen!2sca!4v1534253008040" width="100%" height="200" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
<div class="max-w-7xl py-8 mx-auto grid grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Contact Us -->
<div>
<p class="text-xl font-medium">Contact Us</p>
<ul class="py-8 space-y-2">
<li>
<a href="https://calendly.com/harplabs/discovery" class="flex space-x-4">
<i class="bi-telephone-fill"></i>
<p>Free Consultation Call</p>
</a>
</li>
<li>
<a href="<?= esc_url(get_permalink('12')); ?>" class="flex space-x-4">
<i class="bi-envelope-fill"></i>
<p>Start A Conversation</p>
</a>
</li>
</ul>
</div>
<!-- Hours -->
<div>
<p class="text-xl font-medium">Hours</p>
<div class="py-8">
<ul class="space-y-2 lg:space-y-0">
<li class="lg:flex lg:space-x-4 lg:space-y-0">
<span class="font-bold">Mon - Fri:</span>
<p>9:00 am - 5:00 pm</p>
</li>
<li class="lg:flex lg:space-x-4 lg:space-y-0">
<span class="font-bold">Weekends:</span>
<p class="text-red-500 font-bold">Closed</p>
</li>
</ul>
</div>
</div>
<!-- Connect -->
<div>
<p class="text-xl font-medium">Connect With Us</p>
<div class="py-8 text-white">
<ul class="grid grid-cols-2 lg:grid-cols-4 gap-2 items-center justify-center">
<li class="relative p-4 bg-stone-900 hover:bg-stone-600 rounded-md flex items-center justify-center">
<a href="https://www.facebook.com/harplabs/" aria-label="Facebook" class="absolute inset-0 flex items-center justify-center w-full h-full">
<i class="bi-facebook"></i>
</a>
</li>
<li class="relative p-4 bg-stone-900 hover:bg-stone-600 rounded-md flex items-center justify-center">
<a href="https://twitter.com/harplabsinc" aria-label="Twitter/X" class="absolute inset-0 flex items-center justify-center w-full h-full">
<i class="bi-twitter-x"></i>
</a>
</li>
<li class="relative p-4 bg-stone-900 hover:bg-stone-600 rounded-md flex items-center justify-center">
<a href="https://ca.linkedin.com/company/harplabs-inc" aria-label="Instagram" class="absolute inset-0 flex items-center justify-center w-full h-full">
<i class="bi bi-linkedin"></i></i>
</a>
</li>
<li class="relative p-4 bg-stone-900 hover:bg-stone-600 rounded-md flex items-center justify-center">
<a href="https://www.youtube.com/@harpLabs" aria-label="Youtube" class="absolute inset-0 flex items-center justify-center w-full h-full">
<i class="bi-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="bg-stone-900 text-white py-4 px-4">
<div class="max-w-7xl mx-auto lg:flex flex-1 items-center justify-between space-y-4 lg:space-y-0 lg:space-x-16">
<ul class="lg:flex lg:space-x-4">
<li><a href="<?= esc_url(get_permalink('4830')); ?>">Terms and Conditions</a></li>
<li><a href="<?= esc_url(get_permalink('4832')); ?>">Privacy Policy</a></li>
</ul>
<p class="underline">
<?php echo date("Y"); ?> © Harplabs Inc.
</p>
</div>
</div>
</footer>

136
template-parts/header/default-navigation.php Normal file
View File

@@ -0,0 +1,136 @@
<?php
/**
* Header Navigation template.
*
* @package ThemeStarter
*/
require_once(get_theme_file_path('/includes/helper_functions.php'));
?>
<!-- <header class="mb-32 lg:mb-44 shadow-lg"> -->
<header class="shadow-lg">
<!-- Header -->
<nav id="header-nav" class="w-full top-0 z-50">
<section class="relative">
<?php get_search_form(); ?>
<!-- Top Banner -->
<div id="top-banner" class="bg-stone-800 px-4 open">
<div class="max-w-7xl mx-auto py-4">
<ul class="flex justify-between items-center text-white align-middle content-center">
<li>
<a href="https://maps.app.goo.gl/BoaahZWWMvaWoGsx5" class="flex space-x-4">
<i class="bi-geo-alt-fill"></i>
<p class="hidden lg:block">
55 Village Centre Place, Suite 200, Mississauga, ON L4Z 1V9
</p>
</a>
</li>
<li class="relative">
<button id="hours-dropdown-toggle" class="flex space-x-4" aria-label="Hours Dropdown">
<i class="bi-clock-fill"></i>
<p id="todays-business-hours" class="hidden lg:block font-medium">Business Hours</p>
<i class="bi-caret-down-fill hours-dropdown-icon"></i>
</button>
<div id="hours-dropdown-menu" class="hidden top-full right-0 text-black absolute z-50 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5">
<div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="hours-dropdown-toggle">
<div class="px-4 py-2 text-sm" role="none">
<p class="font-bold text-xl">Hours</p>
<p class="mt-1">
<span class="font-bold">Mon - Fri:</span> 9:00 am - 5:00 pm
</p>
<p class="mt-1">
<span class="font-bold">Weekends:</span> <span class="text-red-500">Closed</span>
</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- Core Nav -->
<div class="relative p-4 bg-white backdrop-blur-lg w-full shadow-md">
<div class="relative z-50 flex justify-between max-w-7xl mx-auto">
<!-- Header Logo -->
<a class="relative z-50 flex items-center space-x-4" href="<?php echo get_site_url(); ?>">
<img class="lg:hidden" width="35px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/harplabs-icon.svg" alt="Harplabs Inc Icon" />
<img class="hidden lg:block" width="200px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/harplabs-logo-dark.png" alt="Harplabs Inc Dark Logo" />
</a>
<!-- Header Buttons -->
<div class="flex space-x-8 items-center">
<a href="https://calendly.com/harplabs/discovery"><i class="md:hidden bi bi-calendar2-plus text-2xl"></i></a>
<a href="<?= get_permalink('4828') ?>"><i class="md:hidden bi bi-tags text-2xl"></i></a>
<div class="hidden md:block items-center justify-center"><?php get_template_part('template-parts/partials/book-a-meeting-button'); ?></div>
<div class="hidden md:block">
<?php get_template_part('template-parts/partials/get-a-quote-button'); ?>
</div>
<div class="flex relative">
<button aria-label="Search Toggle" id="toggle-search">
<i class="bi bi-search"></i>
</button>
</div>
<div class="flex relative">
<button aria-label="Mobile Menu Toggle" id="toggle-nav" class="toggle-menu">
<i></i> <i></i>
</button>
</div>
</div>
</div>
</div>
<!-- Agency Menu -->
<div class="hidden lg:block bg-stone-100 px-4 shadow-lg border-b-2 border-yellow-300">
<div class="max-w-7xl mx-auto">
<?php $args = [
'menu' => "Agency Menu",
'menu_class' => "w-full flex items-center justify-between px-4",
'container_class' => "flex justify-between items-center text-xl text-stone-800 align-middle content-center",
];
wp_nav_menu($args); ?>
</div>
</div>
</section>
</nav>
<div id="header-padder"></div>
<!-- Slide Out Section -->
<section id="slide-out-menu" class="fixed z-50 top-0 bg-gray-200 bg-opacity-80 backdrop-blur-sm w-10/12 sm:w-3/5 lg:w-2/5 xl:w-4/12 2xl:w-3/12 h-full px-2">
<nav class="h-full space-y-8 overflow-x-hidden overflow-y-scroll no-scrollbar pt-12 pb-28">
<!-- Menu Section -->
<div>
<div class="mb-2">
<a href="<?= esc_url(get_home_url()); ?>" class="flex items-center justify-center space-x-4 ">
<img class="w-2/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/harplabs-logo-dark.png" alt="Harplabs Inc Full Logo" />
</a>
</div>
<div class="mx-auto mb-4 w-11/12 h-1 border-t border-stone-400"></div>
<?php get_template_part('template-parts/partials/menu-accordion-loop')
?>
</div>
<div class="mt-10 space-y-2 md:flex md:space-x-2 md:space-y-0 px-4">
<?php get_template_part('template-parts/partials/book-a-meeting-button') ?>
<?php get_template_part('template-parts/partials/get-a-quote-button') ?>
</div>
</nav>
</section>
</header>

64
template-parts/header/lander-navigation.php Normal file
View File

@@ -0,0 +1,64 @@
<?php
/**
* Header Navigation template.
*
* @package ThemeStarter
*/
require_once(get_theme_file_path('/includes/helper_functions.php'));
?>
<!-- <header class="mb-32 lg:mb-44 shadow-lg"> -->
<header class="shadow-lg">
<!-- Header -->
<nav id="header-nav" class="w-full top-0 z-50">
<section class="relative">
<?php get_search_form(); ?>
<!-- Core Nav -->
<div class="relative p-4 bg-white backdrop-blur-lg w-full shadow-md">
<div class="relative z-50 flex justify-between max-w-7xl mx-auto">
<!-- Header Logo -->
<a class="relative z-50 flex items-center space-x-4" href="<?php echo get_site_url(); ?>">
<img class="lg:hidden" width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/harplabs-icon.svg" alt="Harplabs Inc Icon" />
<img class="hidden lg:block" width="200px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/harplabs-logo-dark.png" alt="Harplabs Inc Dark Logo" />
</a>
</div>
</section>
</nav>
<div id="header-padder"></div>
<!-- Slide Out Section -->
<section id="slide-out-menu" class="fixed z-50 top-0 bg-gray-200 bg-opacity-80 backdrop-blur-sm w-10/12 sm:w-3/5 lg:w-2/5 xl:w-4/12 2xl:w-3/12 h-full px-2">
<nav class="h-full space-y-8 overflow-x-hidden overflow-y-scroll no-scrollbar pt-12 pb-28">
<!-- Menu Section -->
<div>
<div class="mb-2">
<a href="<?= esc_url(get_home_url()); ?>" class="flex items-center justify-center space-x-4 ">
<img class="w-2/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/harplabs-logo-dark.png" alt="Harplabs Inc Full Logo" />
</a>
</div>
<div class="mx-auto mb-4 w-11/12 h-1 border-t border-stone-400"></div>
<?php get_template_part('template-parts/partials/menu-accordion-loop')
?>
</div>
<?php
get_template_part('template-parts/partials/start-a-conversation-button');
?>
</nav>
</section>
</header>

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>