Viewing file:  88c378f21eed756bbcb1f3174c793e10.php (22.77 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php $__env->startSection('css'); ?>
<style>
.p-150 {
padding-top: 150px !important;
}
.bg-color-gradient-to-t {
background: linear-gradient(to top, #458f7f, #3b9f6a);
background-clip: border-box;
-webkit-background-clip: border-box;
}
.text-GWPColor {
--tw-text-opacity: 1;
color: rgb(95 187 174/var(--tw-text-opacity)) !important;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('main-section'); ?>
<main class="flex-grow p-150">
<section class=" text-white bg-navy-blue">
<div class="w-full bg-navy-blue py-5">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-GWPColor mb-8">Welcome To GWP</h2>
<div class="relative overflow-hidden rounded-lg shadow-xl">
<div class="flex transition-transform duration-500 ease-in-out" style="transform:translateX(-0%)">
<div class="w-full flex-shrink-0">
<div class="relative h-[400px]">
<div class="absolute inset-0 bg-gradient-to-t from-GWPColor to-green-400 opacity-70 bg-color-gradient-to-t">
</div>
<div
class="absolute top-10 right-14 transform translate-x-0 w-[300px] h-[300px] rounded-full ">
<img alt="Secure Business Payment Solutions for your needs" loading="lazy"
decoding="async" data-nimg="fill"
class="transition-opacity duration-500 ease-in-out rounded-lg"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent"
sizes="100vw"
src="<?php echo e(asset('image/2879855.jpg')); ?>">
</div>
<div class="hidden md:block">
<div class="absolute bottom-0 left-0 p-6 text-white">
<h3 class="text-2xl font-semibold mb-2">Secure Business Payment
Solutions for your needs</h3>
<p class="text-lg max-w-2xl">GWP offers a reliable and secure online
payment infrastructure for startups and enterprise-level businesses.
</p><a href="https://mymerchant.gwp.vc/register"><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 mt-4 text-paycombatColor p-5">Register
Now</button></a>
</div>
</div>
<div class="md:hidden">
<div
class="absolute inset-0 flex items-center justify-center p-6 transition-opacity duration-300 ease-in-out opacity-0 hover:opacity-100 sm:opacity-100 bg-black bg-opacity-50">
<div
class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg text-center sm:bg-transparent sm:dark:bg-transparent">
<h3 class="text-2xl font-semibold mb-2 text-gray-900 dark:text-white">
Secure Business Payment Solutions for your needs</h3>
<p class="text-lg text-gray-700 dark:text-gray-300 mb-4">GWP offers
a reliable and secure online payment infrastructure for startups
and enterprise-level businesses.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w-full flex-shrink-0">
<div class="relative h-[400px]">
<div class="absolute inset-0 bg-gradient-to-t from-GWPColor to-green-400 opacity-70 bg-color-gradient-to-t">
</div>
<div
class="absolute top-10 right-14 transform translate-x-0 w-[300px] h-[300px] rounded-full ">
<img alt="Marketing Services" loading="lazy" decoding="async" data-nimg="fill"
class="transition-opacity duration-500 ease-in-out rounded-lg"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent"
sizes="100vw"
src="<?php echo e(asset('image/marketing_Strategy.jpg')); ?>">
</div>
<div class="hidden md:block">
<div class="absolute bottom-0 left-0 p-6 text-white">
<h3 class="text-2xl font-semibold mb-2">Marketing Services</h3>
<p class="text-lg max-w-2xl">We offer marketing services for all your
business needs. Our 360 marketing campaign covers ATL, SEO, direct
marketing, brand activations, BTL, targeted campaigns, trade shows,
and more.</p><a
href="http://gwp.vc/paycombat-service/marketing-service"><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 mt-4 text-paycombatColor p-5">Learn
More</button></a>
</div>
</div>
<div class="md:hidden">
<div
class="absolute inset-0 flex items-center justify-center p-6 transition-opacity duration-300 ease-in-out opacity-0 hover:opacity-100 sm:opacity-100 bg-black bg-opacity-50">
<div
class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg text-center sm:bg-transparent sm:dark:bg-transparent">
<h3 class="text-2xl font-semibold mb-2 text-gray-900 dark:text-white">
Marketing Services</h3>
<p class="text-lg text-gray-700 dark:text-gray-300 mb-4">We offer
marketing services for all your business needs. Our 360
marketing campaign covers ATL, SEO, direct marketing, brand
activations, BTL, targeted campaigns, trade shows, and more.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w-full flex-shrink-0">
<div class="relative h-[400px]">
<div class="absolute inset-0 bg-gradient-to-t from-GWPColor to-green-400 opacity-70 bg-color-gradient-to-t">
</div>
<div
class="absolute top-10 right-14 transform translate-x-0 w-[300px] h-[300px] rounded-full ">
<img alt="Consulting Services" loading="lazy" decoding="async" data-nimg="fill"
class="transition-opacity duration-500 ease-in-out rounded-lg"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent"
sizes="100vw"
src="<?php echo e(asset('image/Consulting_Service.jpg')); ?>">
</div>
<div class="hidden md:block">
<div class="absolute bottom-0 left-0 p-6 text-white">
<h3 class="text-2xl font-semibold mb-2">Consulting Services</h3>
<p class="text-lg max-w-2xl">Optimise and enhance your products in new
or challenging markets. Our team of experts can help you with your
business strategy, marketing, and product development.</p><a
href="http://gwp.vc/paycombat-service/consulting-service"><button
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 mt-4 text-paycombatColor p-5">Learn
More</button></a>
</div>
</div>
<div class="md:hidden">
<div
class="absolute inset-0 flex items-center justify-center p-6 transition-opacity duration-300 ease-in-out opacity-0 hover:opacity-100 sm:opacity-100 bg-black bg-opacity-50">
<div
class="bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg text-center sm:bg-transparent sm:dark:bg-transparent">
<h3 class="text-2xl font-semibold mb-2 text-gray-900 dark:text-white">
Consulting Services</h3>
<p class="text-lg text-gray-700 dark:text-gray-300 mb-4">Optimise
and enhance your products in new or challenging markets. Our
team of experts can help you with your business strategy,
marketing, and product development.</p>
</div>
</div>
</div>
</div>
</div>
</div><button id="prevSlide"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow-sm h-9 w-9 absolute bottom-0 right-16 z-10 transform -translate-y-1/2 bg-black text-navy-blue hover:bg-teal-100 hover:text-black"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-chevron-left h-6 w-6">
<path d="m15 18-6-6 6-6"></path>
</svg><span class="sr-only">Previous slide</span></button><button id="nextSlide"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow-sm h-9 w-9 absolute bottom-0 right-4 z-10 transform -translate-y-1/2 bg-black text-navy-blue hover:bg-teal-100 hover:text-black"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-chevron-right h-6 w-6">
<path d="m9 18 6-6-6-6"></path>
</svg><span class="sr-only">Next slide</span></button>
</div>
<div class="flex justify-center mt-4"><button class="h-2 w-2 rounded-full mx-1 bg-teal-500"><span
class="sr-only">Slide
<!-- -->1</span></button><button class="h-2 w-2 rounded-full mx-1 bg-gray-300"><span
class="sr-only">Slide <!-- -->2</span></button><button
class="h-2 w-2 rounded-full mx-1 bg-gray-300"><span class="sr-only">Slide
<!-- -->3</span></button></div>
</div>
</div>
</section>
<section class="py-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-extrabold text-gray-900 text-center mb-12 dark:text-white">Our Services
</h2>
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
<div>
<div class="bg-white shadow-lg rounded-lg p-6 dark:bg-gray-900 dark:shadow-slate-950"><img
src="<?php echo e(asset('image/integration.svg')); ?>" alt="Easy Integration"
class="flex items-center justify-center w-12 h-12 mb-4">
<h3 class="text-xl font-semibold text-gray-900 mb-2 dark:text-white">Easy Integration
</h3>
<p class="text-gray-600 dark:text-white">Seamlessly integrate GWP's payment
solutions with your online business to provide a smooth checkout experience for your
customers.</p>
</div>
</div>
<div>
<div class="bg-white shadow-lg rounded-lg p-6 dark:bg-gray-900 dark:shadow-slate-950"><img
src="<?php echo e(asset('image/billing.svg')); ?>" alt="Flexible Billing"
class="flex items-center justify-center w-12 h-12 mb-4">
<h3 class="text-xl font-semibold text-gray-900 mb-2 dark:text-white">Flexible Billing
</h3>
<p class="text-gray-600 dark:text-white">Customize your billing cycles and payment plans
to suit your business model and meet the needs of your customers.</p>
</div>
</div>
<div>
<div class="bg-white shadow-lg rounded-lg p-6 dark:bg-gray-900 dark:shadow-slate-950"><img
src="<?php echo e(asset('image/secure.svg')); ?>" alt="Securre Transactions"
class="flex items-center justify-center w-12 h-12 mb-4">
<h3 class="text-xl font-semibold text-gray-900 mb-2 dark:text-white">Securre
Transactions</h3>
<p class="text-gray-600 dark:text-white">Protect your customers' sensitive payment
information with our advanced security measures and encryption technologies.</p>
</div>
</div>
<div>
<div class="bg-white shadow-lg rounded-lg p-6 dark:bg-gray-900 dark:shadow-slate-950"><img
src="<?php echo e(asset('image/support.svg')); ?>" alt="Suppport 24/7"
class="flex items-center justify-center w-12 h-12 mb-4">
<h3 class="text-xl font-semibold text-gray-900 mb-2 dark:text-white">Suppport 24/7</h3>
<p class="text-gray-600 dark:text-white">Our dedicated support team is available round
the clock to assist you with any payment-related issues or inquiries.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gray-100 py-20 dark:bg-gray-900 dark:text-white dark:shadow-slate-950">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 dark:shadow-slate-950 ">
<h2 class="text-3xl font-extrabold text-gray-900 text-center mb-12 dark:text-white">What Our
Customers Say</h2>
<div class="grid grid-cols-1 gap-8 lg:grid-cols-3 dark:shadow-slate-950">
<div class="">
<div
class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-900 dark:shadow-slate-950 text-gray-900 dark:text-gray-100">
<p class="text-gray-600 italic mb-4 dark:text-white">"<!-- -->GWP has
revolutionized the way we handle payments. It's secure, reliable, and
incredibly easy to use.<!-- -->"</p>
</div>
</div>
<div class="">
<div
class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-900 dark:shadow-slate-950 text-gray-900 dark:text-gray-100">
<p class="text-gray-600 italic mb-4 dark:text-white">"<!-- -->I highly recommend
GWP to any business looking for a trustworthy payment service provider. They have
exceeded our expectations.<!-- -->"</p>
</div>
</div>
<div class="">
<div
class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-900 dark:shadow-slate-950 text-gray-900 dark:text-gray-100">
<p class="text-gray-600 italic mb-4 dark:text-white">"<!-- -->Using GWP has
significantly improved our checkout process. Our customers love the convenience and
security it offers.<!-- -->"</p>
</div>
</div>
<div class="">
<div
class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-900 dark:shadow-slate-950 text-gray-900 dark:text-gray-100">
<p class="text-gray-600 italic mb-4 dark:text-white">"<!-- -->GWP's customer
support team has been exceptional. They are always responsive and go above and
beyond to assist us.<!-- -->"</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-paycombatColor text-white py-20 dark:bg-gray-950">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center ">
<h2 class="text-3xl font-extrabold sm:text-4xl">Ready to Take Control of Your Finances?</h2>
<p class="mt-4 text-xl">Join thousands of satisfied users and start your journey to financial
success today.</p>
<div class="mt-8 flex justify-center">
<div class="inline-flex rounded-md shadow gap-4"></div>
</div>
</div>
</section>
</main>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
<script>
document.addEventListener("DOMContentLoaded", () => {
const slider = document.querySelector(".flex.transition-transform");
const slides = slider.querySelectorAll(".w-full.flex-shrink-0");
const prevBtn = document.getElementById("prevSlide");
const nextBtn = document.getElementById("nextSlide");
const dots = document.querySelectorAll(".flex.justify-center.mt-4 button");
let currentIndex = 0;
const totalSlides = slides.length;
function updateSlider() {
slider.style.transform = `translateX(-${currentIndex * 100}%)`;
dots.forEach((dot, i) => {
if (i === currentIndex) {
dot.classList.add("bg-teal-500");
dot.classList.remove("bg-gray-300");
} else {
dot.classList.remove("bg-teal-500");
dot.classList.add("bg-gray-300");
}
});
}
prevBtn.addEventListener("click", () => {
currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;
updateSlider();
});
nextBtn.addEventListener("click", () => {
currentIndex = (currentIndex + 1) % totalSlides;
updateSlider();
});
dots.forEach((dot, index) => {
dot.addEventListener("click", () => {
currentIndex = index;
updateSlider();
});
});
updateSlider(); // initialize
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\projects\laravel\gwp\resources\views/font/index.blade.php ENDPATH**/ ?>
|