<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<?php echo $__env->yieldPushContent("title"); ?>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- css -->
<link rel="stylesheet" href="<?php echo e(asset('public/backend/css/style.css')); ?>">
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.four-not-four-content .title{
color: #ffffff;
font-family: "Josefin Sans", sans-serif;
font-weight: 700;
}
.four-not-four-content .four-not-four-btn{
margin-top: 20px;
}
.four-not-four-content .four-not-four-btn a{
background: #5B6A9E;
border-radius: 60px;
color: #ffffff;
padding: 20px 40px 15px 40px;
font-family: "Josefin Sans", sans-serif;
font-size: 18px;
font-weight: 600;
text-align: center;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
position: relative;
padding-right: 80px;
}
.four-not-four-content .four-not-four-btn a::before{
position: absolute;
content: "";
top: 30px;
right: 40px;
width: 30px;
height: 2px;
background-color: #ffffff;
}
.four-not-four-content .four-not-four-btn a::after{
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
content: "";
display: block;
height: 7px;
pointer-events: none;
position: absolute;
margin-top: -1px;
right: 40px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 7px;
}
</style>
</head>
<body>
<?php echo $__env->yieldContent("content"); ?>
<?php echo $__env->yieldPushContent("script"); ?>
<script>
class electricity {
constructor(selector) {
this.svg = document.querySelector(selector);
this.run();
}
render() {
let d = this.calculatePoints(0, 0, 500, 80);
this.svg.querySelectorAll('path')[0].setAttribute('d', d);
this.svg.querySelectorAll('path')[1].setAttribute('d', d);
}
calculatePoints(x, y, width, height) {
let points = [[x, height / 2]];
let maxPoints = 10;
let chunkRange = width / maxPoints;
for (let i = 0; i < maxPoints; i++) {
let cx = chunkRange * i + Math.cos(i) * chunkRange;
let cy = Math.random() * height;
points.push([cx, cy]);
}
points.push([width, height / 2]);
let d = points.map(point => point.join(','));
return 'M' + d.join(',');
}
run() {
let fps = 25,
now,
delta,
then = Date.now(),
interval = 1000 / fps,
iteration = 0,
loop = () => {
requestAnimationFrame(loop);
now = Date.now();
delta = now - then;
if (delta > interval) {
then = now - delta % interval;
// update stuff
this.render(iteration++);
}
};
loop();
}}
new electricity('svg');
</script>
</body>
</html>
<?php /**PATH /home/kueuepay/public_html/resources/views/errors/custom-layouts.blade.php ENDPATH**/ ?>
Save Cards
Simplify your payment experience by securely saving your card on our platform. After your initial transaction, you can choose to store your card details safely for future use. This feature eliminates the need to re-enter your payment information each time, making checkouts faster while keeping your data secure with advanced encryption and robust security measures.