File: /var/www/viitorcloud.stgviitor.com/Viitorcloud3.0-wp/wp-content/themes/viitorcloud/footer.php
<?php
/**
* The template for displaying the footer
*
* Contains the closing of the #content div and all content after.
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package viitorcloud
*/
?>
<footer>
<button
id="scrollTopBtn"
aria-label="Scroll to top"
class="transition03 opacity-0 invisible fixed bottom-[35px] lg:bottom-12 right-5 md:right-8 h-10 w-10
bg-grey-100 flex items-center justify-center rounded z-[21] hover:bg-primary-400">
<svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 96 960 960" width="30" fill="var(--white)" class="transition03">
<path d="m296 711-56-56 240-240 240 240-56 56-184-184-184 184Z"></path>
</svg>
</button>
<div class="pt-10 text-white bg-black-800">
<div class="container">
<div class="pb-5 border-b border-black-700">
<div class="flex-wrap items-center justify-between md:flex">
<p class="heading xl:text-h5 md:text-body4 text-body5 flex-1 inline-block mr-0 text-transparent normal-case bg-gradient-to-r from-teal-400 via-teal-500 to-teal-600 bg-clip-text md:mr-5"><?php echo esc_html(get_field('footer_description', 'option') ?: "We're a forward-thinking enterprise software development company, driven by a vision for the future."); ?></p>
</div>
</div>
</div>
</div>
<div class="py-5 text-white xl:pt-4 xl:pb-4 md:py-4 bg-black-800">
<div class="container">
<p class="heading xl:text-body4 md:text-body5 text-body6 mb-5 font-light text-white">Featured links</p>
<div class="flex flex-wrap items-center justify-between mb-5 text-center">
<div class="inline-flex flex-col flex-wrap text-center">
<?php
$menu_locations = get_nav_menu_locations();
// Footer Menu 1
if (isset($menu_locations['footer_menu_1'])) :
$menu_items = wp_get_nav_menu_items($menu_locations['footer_menu_1']);
if ($menu_items) :
$total = count($menu_items);
echo '<div class="inline-flex flex-wrap items-center w-full xl:w-auto md:pb-0">';
foreach ($menu_items as $index => $item) :
$title = esc_html($item->title);
$url = esc_url($item->url);
echo '<a aria-label="' . esc_attr($title) . '" href="' . $url . '" class="my-0.5 mr-4 md:my-0 text-grey-500 hover:text-white text-body7">' . $title . '</a>';
if ($index !== $total - 1) :
echo '<span class="pr-3 text-grey-500">|</span>';
endif;
endforeach;
echo '</div>';
endif;
endif;
?>
<?php
// Footer Menu 2
if (isset($menu_locations['footer_menu_2'])) :
$menu_items = wp_get_nav_menu_items($menu_locations['footer_menu_2']);
if ($menu_items) :
$total = count($menu_items);
echo '<div class="inline-flex flex-wrap items-center w-full mt-3 xl:w-auto md:pb-0">';
foreach ($menu_items as $index => $item) :
$title = esc_html($item->title);
$url = esc_url($item->url);
echo '<a aria-label="' . esc_attr($title) . '" class="mr-4 text-grey-500 hover:text-white text-body7" href="' . $url . '">' . $title . '</a>';
if ($index !== $total - 1) :
echo '<span class="pr-3 text-grey-500">|</span>';
endif;
endforeach;
echo '</div>';
endif;
endif;
?>
</div>
<div class="inline-flex mt-2 md:mt-3 lg:mt-0">
<?php
$social_links = get_field('social_links', 'option');
if ($social_links) :
foreach ($social_links as $link) :
$logo = $link['upload_logo'];
$social_handle_link = $link['social_handle_link'];
$aria_label = isset($logo['alt']) && !empty($logo['alt']) ? esc_attr($logo['alt']) : 'Social link';
if ($logo && $social_handle_link) :
?>
<a target="_blank" aria-label="<?php echo $aria_label; ?>" class="inline-flex items-center justify-center w-8 h-8 mt-2 mr-3 rounded xl:my-0 bg-black-700 hover:bg-verdigris-900" href="<?php echo esc_url($social_handle_link); ?>">
<img src="<?php echo esc_url($logo['url']); ?>" alt="<?php echo esc_attr($logo['alt']); ?>" class="object-contain" />
</a>
<?php
endif;
endforeach;
endif;
?>
</div>
</div>
<div class="pt-4 mb-3 border-t border-black-700">
<div class="grid grid-cols-12">
<div class="col-span-12 lg:col-span-6">
<div class="flex flex-wrap items-center justify-between">
<?php
$footer_copyright = get_field('footer_copyright', 'option');
if ($footer_copyright) :
echo '<p class="heading text-body8 text-grey-500">' . wp_kses_post($footer_copyright) . '</p>';
else :
?>
<p class="heading text-body8 text-grey-500 ">*All logos, products and company names mentioned are trademarks™ or registered® trademarks of their respective holders. Please write to <a href="mailto:support@viitorcloud.com?subject=Support Request to ViitorCloud"><span class="heading text-body8 underline text-verdigris-900">support@viitorcloud.com</span></a> for any concerns.</p>
<?php endif; ?>
</div>
</div>
<div class="col-span-12 lg:col-span-6">
<div class="flex items-center justify-start mt-3 gap-x-2 lg:justify-end xl:mt-0">
<?php
$footer_logos = get_field('footer_logos', 'option');
if ($footer_logos) :
foreach ($footer_logos as $logo_item) :
$logo = $logo_item['upload_logo'];
if ($logo) :
?>
<div class="relative inline-flex">
<img alt="<?php echo esc_attr($logo['alt'] ?: 'logo'); ?>" loading="lazy" width="50" height="24" decoding="async" data-nimg="1" class="w-auto min-h-[24px]" style="color:transparent" src="<?php echo esc_url($logo['url']); ?>">
</div>
<?php
endif;
endforeach;
endif;
?>
</div>
<div class="flex items-center justify-start w-full mt-3 lg:justify-end">
<p class="heading text-body8 text-grey-500 ">© <?php echo date('Y'); ?> <?php echo esc_html(get_bloginfo('name')); ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-4">
<div class="h-1 bg-indigo-900"></div>
<div class="h-1 bg-crayola-900"></div>
<div class="h-1 bg-verdigris-900"></div>
<div class="h-1 bg-indigo-800"></div>
</div>
</footer>
<!-- Trigger Button -->
<?php
require get_template_directory() . '/inc/modals/inquiry.php'; ?>
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>