Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/ecommerce/storage/framework/views/ |
<?php $__env->startSection('title', 'Welcome to EtiqaFinans'); ?>
<?php $__env->startSection('contents'); ?>
<div class="website-banner position-relative">
<div style="background: url('frontend/svg/banner-bg.svg') white">
<div class="container d-none d-sm-block">
<div class="row">
<div class="col-sm-6" style="z-index: 2">
<h1 class="text-e-primary font-weight-bold h1 font-value-serif">Buy Now</h1>
<h2 class="font-weight-bold h1">Pay at your Convenience</h2>
<h6 class="mb-4 font-weight-normal h6" style="line-height: 34px;">
The economic downturn should not be the reason
why you don't fulfill your dreams. Why wait
when you can obtain what you want right now?
</h6>
<div class="my-4">
<a href="<?php echo route('home'); ?>" class="btn btn-success btn-lg mr-4">Start Shopping</a>
<a href="<?php echo route('register.form'); ?>" style="color: #FFCC4D">Create Account <span class="ti-arrow-right"></span></a>
</div>
<div class="py-4 d-flex align-items-center h6">
<span><?php echo svg_html('shield-tick', 'pr-2', 45, 45); ?></span><span class="pr-4">Zero Interest</span>
<span><?php echo svg_html('card-tick', 'pr-2', 45, 45); ?></span><span class="">No Hidden Charges</span>
</div>
</div>
<div class="col-sm-6 text-right">
<img src="frontend/img/etiqa-banner.png" class="img-fluid" />
</div>
</div>
</div>
<div class="container d-block d-sm-none">
<div class="row">
<div class="col-sm-12 text-right">
<img src="frontend/img/etiqa-banner.png" class="img-fluid" />
</div>
<div class="col-sm-12" style="z-index: 2">
<h1 class="text-e-primary font-weight-bold h1">Buy Now</h1>
<h2 class="font-weight-bold h1">Pay at your Convenience</h2>
<h6 class="mb-4 font-weight-normal h6" style="line-height: 34px;">
The economic downturn should not be the reason
why you don't fulfill your dreams. Why wait
when you can obtain what you want right now?
</h6>
<div class="my-4">
<a href="#" class="btn btn-success btn-lg mr-4">Start Shopping</a>
<a href="#" style="color: #FFCC4D">Create Account <span class="ti-arrow-right"></span></a>
</div>
<div class="py-4 d-flex align-items-center">
<span><?php echo svg_html('shield-tick', 'pr-2', 45, 45); ?></span><span class="pr-4">Zero Interest</span>
<span><?php echo svg_html('card-tick', 'pr-2', 45, 45); ?></span><span class="">No Hidden Charges</span>
</div>
</div>
</div>
</div>
</div>
<div class="rect d-none d-sm-block"></div>
<div class="rect-xs d-block d-sm-none"></div>
</div>
<div class="website-section how-it-works position-relative" style="padding-bottom: 0;">
<div
style="background: linear-gradient(186.41deg, rgba(3, 214, 117, 0) 10.84%, rgba(3, 214, 117, 0.667604) 94.15%, #03D675 118.98%);opacity: 0.16; position: absolute;left: 0; top: 0; width: 100%; height: 100%;">
</div>
<div class="container d-none d-sm-block">
<div class="row">
<div class="col-sm-6">
<?php echo svg_html('mobile2', '', 423.5, 423.5); ?>
</div>
<div class="col-sm-6 how-it-works">
<div class="section-head">
<h5 style="color:#FFCC4D;">Easy payback <span class="pl-2 fire-svg"><?php echo svg_html('fire'); ?></span></h5>
<h3>How it Works</h3>
</div>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active font-value-serif" id="tab-1" data-toggle="tab" role="tab" href="#tab-pane-1">1</a>
</li>
<li class="nav-item">
<a class="nav-link font-value-serif" id="tab-2" data-toggle="tab" role="tab" href="#tab-pane-2">2</a>
</li>
<li class="nav-item">
<a class="nav-link font-value-serif" id="tab-3" data-toggle="tab" role="tab" href="#tab-pane-3">3</a>
</li>
<li class="nav-item">
<a class="nav-link font-value-serif" id="tab-4" data-toggle="tab" role="tab" href="#tab-pane-4">4</a>
</li>
</ul>
<div class="tab-content mt-4">
<div class="tab-pane fade show active" id="tab-pane-1" role="tabpanel" aria-labelledby="tab-1">
<h4 class="text-e-primary mb-4">Sign Up/Sign In</h4>
<div class="font-px-22">
Set up your account if you are here for the first time or login.
</div>
</div>
<div class="tab-pane fade" id="tab-pane-2" role="tabpanel" aria-labelledby="tab-2">
<h4 class="text-e-primary mb-4">Fill your cart and proceed to checkout</h4>
<div class="font-px-22">
Browse your favourite asset or item. Add to cart and then proceed to checkout with EtiqaFinans.
</div>
</div>
<div class="tab-pane fade" id="tab-pane-3" role="tabpanel" aria-labelledby="tab-3">
<h4 class="text-e-primary mb-4">Choose how you Pay.</h4>
<div class="font-px-22">
Awesome! Select any of our payment options by selecting the Buy Now Pay Later (BNPL) or Organized Group Mutual Ownership (OGMO)
</div>
</div>
<div class="tab-pane fade" id="tab-pane-4" role="tabpanel" aria-labelledby="tab-4">
<h4 class="text-e-primary mb-4">Great! you made it</h4>
<div class="font-px-22">
It's that easy, isn't it. Now Click the confirm order button to submit your purchase. Congratulations!! Sit back relax and enjoy payment with ease.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container d-block d-sm-none">
<div class="row">
<div class="col-sm-6 mb-4">
<div class="section-head">
<h5 style="color:#FFCC4D;">Easy payback <span class="pl-2 fire-svg"><?php echo svg_html('fire'); ?></span></h5>
<h3>How it Works</h3>
</div>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" id="tab-xs-1" data-toggle="tab" role="tab" href="#tab-pane-xs-1">1</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-xs-2" data-toggle="tab" role="tab" href="#tab-pane-xs-2">2</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-xs-3" data-toggle="tab" role="tab" href="#tab-pane-xs-3">3</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-xs-4" data-toggle="tab" role="tab" href="#tab-pane-xs-4">4</a>
</li>
</ul>
<div class="tab-content mt-4">
<div class="tab-pane fade show active" id="tab-pane-xs-1" role="tabpanel" aria-labelledby="tab-xs-1">
<h4 class="text-e-primary mb-4">Sign Up/Sign In</h4>
<div class="font-px-22">
Set up your account if you are here for the first time or login.
</div>
</div>
<div class="tab-pane fade" id="tab-pane-xs-2" role="tabpanel" aria-labelledby="tab-xs-2">
<h4 class="text-e-primary mb-4">Fill your carts and select EtiqaFinans at Checkout</h4>
<div class="font-px-22">
Browse your favourite asset or item. Add to cart and then proceed to checkout with EtiqaFinans.
</div>
</div>
<div class="tab-pane fade" id="tab-pane-xs-3" role="tabpanel" aria-labelledby="tab-xs-3">
<h4 class="text-e-primary mb-4">Choose how you Pay.</h4>
<div class="font-px-22">
Awesome! Select any of our payment options by selecting the Buy Now Pay Later (BNPL) or Organized Group Mutual Ownership (OGMO)
</div>
</div>
<div class="tab-pane fade" id="tab-pane-xs-4" role="tabpanel" aria-labelledby="tab-xs-4">
<h4 class="text-e-primary mb-4">Great! you made it</h4>
<div class="font-px-22">
It's that easy, isn't it. Now Click the confirm order button to submit your purchase. Congratulations!! Sit back relax and enjoy payment with ease.
</div>
</div>
</div>
</div>
<?php
$time = time();
?>
<div class="col-sm-6 text-center">
<?php echo svg_html('mobile2', '', 300, 423.5, [
'image0_361_3710' => "image_{$time}",
'pattern0' => "pattern_{$time}"
]); ?>
</div>
</div>
</div>
</div>
<div class="website-section shop-with-etiqa">
<div class="container">
<div class="row">
<div class="col-sm-6 mb-4">
<div class="section-head">
<h5 style="color:#FFCC4D;">Flash Sales <span class="pl-2 fire-svg"><?php echo svg_html('fire'); ?></span></h5>
<h3>Own with EtiqaFinans</h3>
</div>
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" role="tab" href="#houses">Housing</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" role="tab" href="#automobile">Automobile</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" role="tab" href="#appliances">Home appliances</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" role="tab" href="#furnitures">Furniture</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" role="tab" href="#electronics">Electronics</a>
</li>
</ul>
<div class="tab-content mt-4">
<div class="tab-pane fade show active" id="houses" role="tabpanel" aria-labelledby="tab-1">
<h4 class="text-e-primary mb-4">Own your dream purchases now</h4>
<div class="font-px-22">
With as low as nothing, you can get a head start with EtiqaFinans. Select your assets, choose a circle, and own at your convenience with ease, no hustle no tussle.
</div>
<a href="<?php echo e(route('product-cat', ['slug' => 'housing'])); ?>" class="mt-2 btn btn-lg btn-success">Start shopping</a>
</div>
<div class="tab-pane fade" id="automobile" role="tabpanel" aria-labelledby="tab-2">
<h4 class="text-e-primary mb-4">Own your dream purchases now</h4>
<div class="font-px-22">
With as low as nothing, you can get a head start with EtiqaFinans. Select your assets, choose a circle, and own at your convenience with ease, no hustle no tussle.
</div>
<a href="<?php echo e(route('product-cat', ['slug' => 'automobile'])); ?>" class="mt-2 btn btn-lg btn-success">Start shopping</a>
</div>
<div class="tab-pane fade" id="appliances" role="tabpanel" aria-labelledby="tab-3">
<h4 class="text-e-primary mb-4">Own your dream purchases now</h4>
<div class="font-px-22">
With as low as nothing, you can get a head start with EtiqaFinans. Split your payments, choose a payment plan and pay at your convenience with ease, no hustle no tussle.
</div>
<a href="<?php echo e(route('product-cat', ['slug' => 'home-appliances'])); ?>" class="mt-2 btn btn-lg btn-success">Start shopping</a>
</div>
<div class="tab-pane fade" id="furnitures" role="tabpanel" aria-labelledby="tab-4">
<h4 class="text-e-primary mb-4">Own your dream purchases now</h4>
<div class="font-px-22">
With as low as nothing, you can get a head start with EtiqaFinans. Split your payments, choose a payment plan and pay at your convenience with ease, no hustle no tussle.
</div>
<a href="<?php echo e(route('product-cat', ['slug' => 'furniture'])); ?>" class="mt-2 btn btn-lg btn-success">Start shopping</a>
</div>
<div class="tab-pane fade" id="electronics" role="tabpanel" aria-labelledby="tab-5">
<h4 class="text-e-primary mb-4">Own your dream purchases now</h4>
<div class="font-px-22">
With as low as nothing, you can get a head start with EtiqaFinans. Split your payments, choose a payment plan and pay at your convenience with ease, no hustle no tussle.
</div>
<a href="<?php echo e(route('product-cat', ['slug' => 'electronics'])); ?>" class="mt-2 btn btn-lg btn-success">Start shopping</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-sm-6">
<img src="<?php echo asset('frontend/img/shop-with-etiqa.png'); ?>" class="img-fluid" style="width: 100%" />
</div>
</div>
</div>
</div>
<div class="website-section">
<div class="container">
<div class="row d-none d-sm-block">
<h5>Our Partners</h5>
<div id="carousel_vendor" class="carousel slide" data-ride="carousel" data-interval="30000" style="z-index: 1">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<?php $__currentLoopData = $vendors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vendor): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-sm-2">
<div class="d-flex position-relative" style="height: 120px">
<a
target="_blank"
href="https://<?php echo e($vendor['url']); ?>"
class="text-center vertical-center horizontal-center"
>
<img
style="max-height: 120px;"
src="<?php echo e($vendor['image'] ?: 'images/hello-icon-128.png'); ?>"
class="img-fluid" />
</a>
</div>
</div>
<?php if($loop->iteration % 6 === 0 && $loop->iteration < count($vendors)): ?>
</div>
</div>
<div class="carousel-item">
<div class="row">
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<a class="carousel-control-prev" href="#carousel_vendor" role="button" data-slide="prev">
<span class="ti-angle-left text-e-primary font-px-22" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel_vendor" role="button" data-slide="next">
<span class="ti-angle-right text-e-primary font-px-22" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="container d-block d-sm-none">
<div class="row">
<h5>Our Partners</h5>
<div id="carousel_vendor_sm" class="carousel slide" data-ride="carousel" data-interval="30000" style="z-index: 1">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<?php $__currentLoopData = $vendors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vendor): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col">
<div class="d-flex position-relative" style="height: 120px">
<a
target="_blank"
href="https://<?php echo e($vendor['url']); ?>"
class="text-center vertical-center horizontal-center"
>
<img
style="max-height: 120px;"
src="<?php echo e($vendor['image'] ?: 'images/hello-icon-128.png'); ?>"
class="img-fluid" />
</a>
</div>
</div>
<?php if($loop->iteration % 3 === 0 && $loop->iteration < count($vendors)): ?>
</div>
</div>
<div class="carousel-item">
<div class="row">
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<a class="carousel-control-prev" href="#carousel_vendor_sm" role="button" data-slide="prev">
<span class="ti-angle-left text-e-primary font-px-22" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel_vendor_sm" role="button" data-slide="next">
<span class="ti-angle-right text-e-primary font-px-22" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-coming-soon" style="padding-top: 170px;">
<div style="background: black; color: #fff">
<div class="container">
<div class="row">
<div class="col-sm-6 my-4">
<div class="section-head">
<h5 style="color:#FFCC4D;">Easy payback <span class="pl-2 fire-svg"><?php echo svg_html('fire'); ?></span></h5>
<h3>Download EtiqaFinans Mobile app</h3>
</div>
<div class="my-4">
Experience the best of financial freedom.<br />
Pay wherever you are.<br />
Whenever you want with ease
</div>
<div class="my-4 d-none d-sm-block">
<a href="#0" class="btn btn-etiqa-yellow btn-lg mr-4">Join Our Waitlist</a>
<a href="#0" style="color: #FFCC4D">We will soon be available on the app stores</a>
</div>
<div class="my-4 d-block d-sm-none">
<a href="#0" class="btn btn-etiqa-yellow btn-lg mr-4 d-block mb-2">Join Our Waitlist</a>
<a href="#0" class="d-block" style="color: #FFCC4D">We will soon be available on the app stores</a>
</div>
</div>
<div class="col-sm-6 mb-5">
<img src="frontend/img/app-mobile.png" class="mobile-app img-fluid" width=500 height=700 />
</div>
</div>
</div>
</div>
</div>
<div class="website-section faq" style="padding-top: 170px;">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center section-head">
<h3>Frequently Asked Questions</h3>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div id="accordion" class="faq mt-4">
<?php $__currentLoopData = $generalFaqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="card rounded-12 mb-4 bg-transparent">
<div class="px-4 py-2 collapsed" data-toggle="collapse"
data-target="#general_collapse_<?php echo e($loop->iteration); ?>" aria-expanded="false"
aria-controls="collapseOne">
<button class="btn btn-success">
</button>
<button class="btn btn-link text-left" style="width: 80%; font-size: 16px;">
<?php echo e($faq['question']); ?>
</button>
</div>
<div id="general_collapse_<?php echo e($loop->iteration); ?>" class="collapse"
aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body" style="font-size: 16px;">
<?php echo $faq['answer']; ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<div class="col-sm-6 d-none d-sm-block">
<?php echo svg_html('question', 'img-fluid', 415, 415); ?>
</div>
</div>
<div class="row">
<div class="col text-center">
<a href="<?php echo e(route('website.faq')); ?>" class="btn btn-success btn-lg">Have more questions? click here!</a>
</div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('scripts'); ?>
<script>
// bootstrapTabControl(".testimonials");
$(function () {
var tabChange = function () {
var tabs = $('.how-it-works .nav-pills li');
var active = tabs.find('a.active');
var next = active.closest('li').next('li').length ? active.closest('li').next('li').find('a') : tabs.filter(':first-child').find('a');
// Use the Bootsrap tab show method
next.tab('show');
};
// Tab Cycle function
var tabCycle = setInterval(tabChange, 5000);
// Tab click event handler
$('.how-it-works a').on('click', function (e) {
e.preventDefault();
// Stop the cycle
clearInterval(tabCycle);
// Show the clicked tabs associated tab-pane
$(this).tab('show');
// Start the cycle again in a predefined amount of time
setTimeout(function () {
//tabCycle = setInterval(tabChange, 5000);
}, 15000);
});
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('website.partials.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/ecommerce/resources/views/website/home.blade.php ENDPATH**/ ?>