feat: initial import of the23 theme for lamp-link
This commit is contained in:
eldov
@@ -0,0 +1,65 @@
|
||||
<section class="bg-primary min-vh-100 pt-5">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="row justify-content-center px-0 px-sm-5">
|
||||
<div class="col-12 col-lg-5">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<div class="card border-0 p-5 shadow-sm mt-5">
|
||||
<div class="mb-3">
|
||||
<h6 class="mb-2 fw-bold"><?php ee('Enter your 2FA access code') ?></h6>
|
||||
<p class="text-muted mb-0"><?php ee("The access code can be found on the Authenticator app. Please enter the code shown for this website. If you lost your phone or can't use the app, please contact us.") ?></p>
|
||||
</div>
|
||||
<?php message() ?>
|
||||
<form method="post" action="<?php echo route('login.2fa.validate') ?>">
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" size="6" name="secret" id="input-code" placeholder="e.g.123456" data-mask="000 000" required>
|
||||
<label><?php ee('2FA Access Code') ?></label>
|
||||
</div>
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#recovermodal" class="small text-muted float-end mt-1"><?php ee('Recover 2FA') ?></a>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Validate') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('title') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="modal fade" id="recovermodal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<form action="<?php echo route('login.2fa.recover') ?>" method="post">
|
||||
<?php echo csrf() ?>
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title fw-bold"><?php ee('Reset 2FA') ?></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p><?php ee('To recover your account, you will need your secret key and access to the email address on the account. If you do not have access to the 2FA secret key, please contact us.') ?></p>
|
||||
<div class="form-group mb-3">
|
||||
<label for="email" class="form-label fw-bold d-block mb-2"><?php ee('Email') ?></label>
|
||||
<input type="email" name="email" id="email" placeholder="e.g. email@domain.com" class="form-control p-2">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label for="secret" class="form-label fw-bold d-block mb-2"><?php ee('Secret Key') ?></label>
|
||||
<input type="text" name="secret" id="secret" class="form-control p-2" placeholder="e.g. ABCXYZ123456789">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success" class="btn btn-success"><?php ee('Reset') ?></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,73 @@
|
||||
<section class="bg-primary min-vh-100 pt-5">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="row justify-content-center px-0 px-sm-5">
|
||||
<div class="col-12 col-lg-5">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<div class="card border-0 p-5 shadow-sm mt-5">
|
||||
<div class="mb-3">
|
||||
<h6 class="mb-2 fw-bold"><?php ee('Email Verification') ?></h6>
|
||||
<p class="text-muted mb-4"><?php ee("A verification code has been sent to your email address. Please enter the 6-digit code to complete your login.") ?></p>
|
||||
</div>
|
||||
<?php message() ?>
|
||||
<form method="post" action="<?php echo route('login.email2fa.validate') ?>">
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control p-3" name="code" id="code" data-mask="000 000" placeholder="000 000" required autocomplete="off">
|
||||
<label><?php ee('Email Verification Code') ?></label>
|
||||
</div>
|
||||
<div class="d-flex mt-2">
|
||||
<small class="text-muted ms-auto"><?php ee('Expires in 10 minutes') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Validate') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="resend-form" method="post" action="<?php echo route('login.email2fa.resend') ?>" class="mt-3">
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-flex justify-content-between">
|
||||
<button type="submit" class="btn btn-transparent p-0 text-primary text-decoration-none"><?php ee('Resend Code') ?></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('title') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="modal fade" id="recovermodal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<form action="<?php echo route('login.2fa.recover') ?>" method="post">
|
||||
<?php echo csrf() ?>
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title fw-bold"><?php ee('Reset 2FA') ?></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p><?php ee('To recover your account, you will need your secret key and access to the email address on the account. If you do not have access to the 2FA secret key, please contact us.') ?></p>
|
||||
<div class="form-group mb-3">
|
||||
<label for="email" class="form-label fw-bold d-block mb-2"><?php ee('Email') ?></label>
|
||||
<input type="email" name="email" id="email" placeholder="e.g. email@domain.com" class="form-control p-2">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label for="secret" class="form-label fw-bold d-block mb-2"><?php ee('Secret Key') ?></label>
|
||||
<input type="text" name="secret" id="secret" class="form-control p-2" placeholder="e.g. ABCXYZ123456789">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success" class="btn btn-success"><?php ee('Reset') ?></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,44 @@
|
||||
<section class="bg-primary min-vh-100">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="row justify-content-center px-0 px-sm-5">
|
||||
<div class="col-12 col-lg-5">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center d-block">
|
||||
<?php if(config('logo')): ?>
|
||||
<?php if(config('altlogo') && (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<div class="card border-0 p-5 shadow-sm mt-5">
|
||||
<div class="mb-3 text-center">
|
||||
<h5 class="fw-bold mb-2"><?php ee('Reset Password') ?></h5>
|
||||
<p class="text-muted mb-0"><?php ee("If you forgot your password, you can request a link to reset your password.") ?></p>
|
||||
</div>
|
||||
<?php message() ?>
|
||||
<form method="post" action="<?php echo route('forgot.send') ?>">
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" name="email" id="input-email" placeholder="name@domain">
|
||||
<label><?php ee('Email') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<?php echo \Helpers\Captcha::display('reset') ?>
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Reset Password') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('title') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,74 @@
|
||||
<section class="bg-primary min-vh-100 pt-5">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="row justify-content-center px-0 px-sm-5">
|
||||
<div class="col-12 col-lg-5">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center d-block">
|
||||
<?php if(config('logo')): ?>
|
||||
<?php if(config('altlogo') && (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<div class="card border-0 p-5 shadow-sm mt-5">
|
||||
<div class="text-center mb-3">
|
||||
<h4 class="fw-bold"><?php ee("Join Team") ?></h4>
|
||||
<p><?php ee("Join team and collaborate on everything") ?></p>
|
||||
</div>
|
||||
<?php message() ?>
|
||||
<form method="post" action="<?php echo route('acceptinvitation', [$token]) ?>">
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="email" class="form-control" name="email" disabled value="<?php echo $user->email ?>" id="input-email" placeholder="<?php ee('Please enter a email') ?>">
|
||||
<label><?php ee('Email') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" name="username" value="<?php echo old('username') ?>" id="input-username" placeholder="<?php ee('Please enter a username') ?>">
|
||||
<label><?php ee('Username') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="password" id="input-pass" placeholder="<?php ee('Please enter a valid password.') ?>">
|
||||
<label><?php ee('Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="cpassword" id="input-cpass" placeholder="<?php ee('Please confirm your password.') ?>">
|
||||
<label><?php ee('Confirm Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check my-4">
|
||||
<input class="form-check-input" type="checkbox" id="terms" name="terms" value="1">
|
||||
<?php if($page): ?>
|
||||
<label class="form-check-label" for="terms"><?php ee('I agree to the') ?> <a href="<?php echo route('page', $page->seo) ?>" target="_blank"><?php echo $page->name ?></a>.</label>
|
||||
<?php else: ?>
|
||||
<label class="custom-control-label" for="terms"><?php ee('I agree to the terms and conditions') ?>.</label>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<?php echo \Helpers\Captcha::display('Register') ?>
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Accept') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-center mt-5">
|
||||
<?php ee("Already have an account?") ?> <a href="<?php echo route('login') ?>"><?php ee('Login') ?></a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('title') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,113 @@
|
||||
<a href="<?php echo route('home') ?>" class="position-absolute top-0 start-0 text-dark text-decoration-none d-block ps-4 pt-4" title="<?php echo config('title') ?>">
|
||||
<?php if(config('logo')): ?>
|
||||
<?php if(config('altlogo') && (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<section>
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="col-sm-7 col-lg-6 col-xl-6 py-6 py-md-0">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-11 col-lg-10 col-xl-6">
|
||||
<div class="text-center mb-3">
|
||||
<h4 class="fw-bold"><?php ee('Welcome back') ?></h4>
|
||||
</div>
|
||||
<?php message() ?>
|
||||
<?php if(config("user") && !config("private") && !config("maintenance")): ?>
|
||||
<?php if(config('fb_connect') || config('tw_connect') || config('gl_connect')): ?>
|
||||
<div class="py-3 text-center">
|
||||
<span class="small fw-bold text-uppercase"><?php ee('Sign in with') ?></span>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center mb-4">
|
||||
<?php if(config('fb_connect')): ?>
|
||||
<a href="<?php echo route('login.facebook') ?>" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Sign in with") ?> Facebook">
|
||||
<img src="<?php echo assets('images/facebook.svg') ?>" alt="<?php echo e("Sign in with") ?> Facebook">
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if(config('gl_connect')): ?>
|
||||
<a href="<?php echo route('login.google') ?>" class="btn btn-block btn-icon border rounded-circle mx-3" title="<?php echo e("Sign in with") ?> Google" data-toggle="tooltip">
|
||||
<img src="<?php echo assets('images/google.svg') ?>" alt="<?php echo e("Sign in with") ?> Google" >
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if(config('tw_connect')): ?>
|
||||
<a href="<?php echo route('login.twitter') ?>" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Sign in with") ?> X" data-toggle="tooltip">
|
||||
<img src="<?php echo assets('images/x.svg') ?>" class="p-1" alt="<?php echo e("Sign in with") ?> X">
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if($plugged = plug('sociallogin')): ?>
|
||||
<?php foreach($plugged as $provider): ?>
|
||||
<a href="<?php echo $provider['route'] ?>" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Sign in with").' '.$provider['name'] ?>" data-toggle="tooltip">
|
||||
<img src="<?php echo $provider['icon'] ?>" alt="<?php echo e("Sign in with").' '.$provider['name'] ?>">
|
||||
</a>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<span class="text-xs text-uppercase"><?php ee('or') ?></span>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
<div class="mt-1">
|
||||
<form method="post" action="<?php echo route('login.auth') ?>">
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" name="email" id="input-email" placeholder="name@domain">
|
||||
<label><?php ee('Email or username') ?></label>
|
||||
</div>
|
||||
<div class="d-flex mt-2 d-sm-none">
|
||||
<div class="ms-auto">
|
||||
<a href="<?php echo route('register') ?>" class="small text-muted"><?php ee("Don't have an account?") ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="password" id="input-pass" placeholder="Enter your password">
|
||||
<label><?php ee('Password') ?></label>
|
||||
</div>
|
||||
<div class="d-flex mt-2">
|
||||
<div class="ms-auto">
|
||||
<a href="<?php echo route('forgot') ?>" class="small text-muted"><?php ee('Forgot Password?') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check my-4 text-start">
|
||||
<input class="form-check-input" type="checkbox" value="1" name="rememberme" id="rememberme">
|
||||
<label class="form-check-label" for="rememberme"><?php ee('Remember me') ?></label>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<?php echo \Helpers\Captcha::display('login') ?>
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Login') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="font-weight-bold" title="<?php echo config('title') ?>"><?php echo config('sitename') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gradient-primary position-absolute h-100 top-0 end-0 zindex-10 col-lg-6 col-xl-6 d-none d-lg-flex flex-column justify-content-center">
|
||||
<div class="position-relative zindex-10 p-5">
|
||||
<div class="text-center text-white mx-auto">
|
||||
<h5 class="h5 mt-3 fw-bold"><?php ee("Don't have an account?") ?></h5>
|
||||
<p class="opacity-8">
|
||||
<?php ee('Start your marketing campaign now and reach your customers efficiently.') ?>
|
||||
</p>
|
||||
<?php if(config("user") && !config("private") && !config("maintenance")): ?>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-light text-primary px-5 rounded-pill shadow-sm"><?php ee('Register') ?></a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,110 @@
|
||||
<section class="bg-primary min-vh-100 pt-5">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="row justify-content-center px-0 px-sm-5">
|
||||
<div class="col-12 col-lg-5">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center d-block" title="<?php echo config('title') ?>">
|
||||
<?php if(config('logo')): ?>
|
||||
<?php if(config('altlogo') && (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<div class="card border-0 p-5 shadow-sm mt-5">
|
||||
<div class="text-center mb-3">
|
||||
<h4 class="fw-bold"><?php ee("Let's get you started right away!") ?></h4>
|
||||
</div>
|
||||
<?php if(config("user") && !config("private") && !config("maintenance")): ?>
|
||||
<?php if(config('fb_connect') || config('tw_connect') || config('gl_connect')): ?>
|
||||
<div class="py-3 text-center">
|
||||
<span class="small fw-bold text-uppercase"><?php ee('Sign in with') ?></span>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center mb-5">
|
||||
<?php if(config('fb_connect')): ?>
|
||||
<a href="<?php echo route('login.facebook') ?>" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Sign in with") ?> Facebook">
|
||||
<img src="<?php echo assets('images/facebook.svg') ?>" alt="<?php echo e("Sign in with") ?> Facebook">
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if(config('gl_connect')): ?>
|
||||
<a href="<?php echo route('login.google') ?>" class="btn btn-block btn-icon border rounded-circle mx-3" title="<?php echo e("Sign in with") ?> Google">
|
||||
<img src="<?php echo assets('images/google.svg') ?>" alt="<?php echo e("Sign in with") ?> Google">
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if(config('tw_connect')): ?>
|
||||
<a href="<?php echo route('login.twitter') ?>" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Sign in with") ?> X">
|
||||
<img src="<?php echo assets('images/x.svg') ?>" class="p-1" alt="<?php echo e("Sign in with") ?> X">
|
||||
</a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<span class="text-xs text-uppercase"><?php ee('or') ?></span>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
<?php message() ?>
|
||||
<?php if(config('system_registration')): ?>
|
||||
<form method="post" action="<?php echo route('register.validate')?>">
|
||||
<?php if($bioalias = request()->bioalias): ?>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" name="bioalias" value="<?php echo $bioalias ?>" id="input-bioalias" placeholder="<?php ee('Please enter a username') ?>" readonly="readonly">
|
||||
<label><?php ee('Bio Page Alias') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" name="username" value="<?php echo old('username') ?>" id="input-username" placeholder="<?php ee('Please enter a username') ?>">
|
||||
<label><?php ee('Username') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="email" class="form-control" name="email" value="<?php echo old('email') ?>" id="input-email" placeholder="<?php ee('Please enter a email') ?>">
|
||||
<label><?php ee('Email') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="password" id="input-pass" placeholder="<?php ee('Please enter a valid password.') ?>">
|
||||
<label><?php ee('Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="cpassword" id="input-cpass" placeholder="<?php ee('Please confirm your password.') ?>">
|
||||
<label><?php ee('Confirm Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check my-4 text-start">
|
||||
<input class="form-check-input" type="checkbox" id="terms" name="terms" value="1">
|
||||
<?php if($page): ?>
|
||||
<label class="form-check-label" for="terms"><?php ee('I agree to the') ?> <a href="<?php echo route('page', $page->seo) ?>" target="_blank"><?php echo $page->name ?></a>.</label>
|
||||
<?php else: ?>
|
||||
<label class="custom-control-label" for="terms"><?php ee('I agree to the terms and conditions') ?>.</label>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<?php echo \Helpers\Captcha::display('Register') ?>
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Register') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-center mt-5">
|
||||
<?php ee("Already have an account?") ?> <a href="<?php echo route('login') ?>"><?php ee('Login') ?></a>
|
||||
</p>
|
||||
</form>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('sitename') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,49 @@
|
||||
<section class="bg-primary min-vh-100 pt-5">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-center justify-content-lg-start min-vh-100">
|
||||
<div class="row justify-content-center px-0 px-sm-5">
|
||||
<div class="col-12 col-lg-5">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center d-block">
|
||||
<?php if(config('logo')): ?>
|
||||
<?php if(config('altlogo') && (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<div class="card border-0 p-5 shadow-sm mt-5">
|
||||
<div class="mb-3 text-center">
|
||||
<h5 class="fw-bold mb-2"><?php ee('Reset Password') ?></h5>
|
||||
</div>
|
||||
<?php message() ?>
|
||||
<form method="post" action="<?php echo route('reset.change', [$token]) ?>">
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="password" id="input-pass" placeholder="<?php ee('Please enter your password') ?>">
|
||||
<label><?php ee('Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="cpassword" id="input-pass" placeholder="<?php ee('Please confirm your password') ?>">
|
||||
<label><?php ee('Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<?php echo \Helpers\Captcha::display('reset') ?>
|
||||
<?php echo csrf() ?>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary py-2"><?php ee('Reset Password') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="text-center mt-5">© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('title') ?></a>. <?php ee('All Rights Reserved') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,85 @@
|
||||
<section id="blog" class="bg-primary border-top border-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-10 mb-5">
|
||||
<div class="pt-5 text-start">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb px-0 breadcrumb-links">
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('home') ?>" class="text-dark"><?php ee('Home') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('blog') ?>" class="text-dark"><?php ee('Blog') ?></a></li>
|
||||
<li class="breadcrumb-item active fw-bold"><?php echo htmlspecialchars($authorName) ?></li>
|
||||
</ol>
|
||||
</nav>
|
||||
<h1 class="display-6 fw-bold mt-5"><?php echo e('Posts by {name}', null, ['name' => $authorName]) ?></h1>
|
||||
<div class="mt-4">
|
||||
<div class="d-flex align-items-start gap-4">
|
||||
<img src="<?php echo $author->avatar() ?>" alt="<?php echo htmlspecialchars($authorName) ?>" class="rounded-circle border border-2 border-secondary flex-shrink-0" width="96" height="96" style="object-fit: cover;">
|
||||
<div class="flex-grow-1">
|
||||
<h2 class="h5 fw-bold mb-2"><?php echo htmlspecialchars($authorName) ?></h2>
|
||||
<?php if (!empty($authorBio)): ?>
|
||||
<div class="text-muted"><?php echo nl2br(htmlspecialchars($authorBio)) ?></div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php view('blog.menu', compact('menu')) ?>
|
||||
<div class="py-5">
|
||||
<div class="row">
|
||||
<?php if (themeSettings::config('blog') == 'grid'): ?>
|
||||
<div class="col-md-12 mb-5">
|
||||
<div class="row">
|
||||
<?php foreach ($posts as $post): ?>
|
||||
<div class="col-sm-4">
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="col-md-8 mb-5">
|
||||
<?php if (empty($posts)): ?>
|
||||
<div class="card shadow-sm border-0 rounded-4">
|
||||
<div class="card-body p-5 text-center text-muted">
|
||||
<?php echo e('No posts by this author yet.') ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<?php foreach ($posts as $post): ?>
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
<?php endforeach ?>
|
||||
<?php echo pagination('pagination justify-content-center bg-white shadow-sm p-3 rounded', 'page-item mx-2 shadow-sm text-center', 'page-link rounded') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<?php \Helpers\App::ads('blogsidebar') ?>
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bolder mb-3"><?php ee('Popular Posts') ?></h5>
|
||||
<?php foreach ($popular as $post): ?>
|
||||
<a href="<?php echo route('blog.post', [$post->slug]) ?>" class="mb-4 d-flex align-items-center relative" title="<?php echo $post->title ?>">
|
||||
<?php if ($post->image): ?>
|
||||
<img src="<?php echo uploads($post->image, 'blog') ?>" class="img-fluid rounded w-25 me-3" alt="<?php echo $post->title ?>">
|
||||
<?php else: ?>
|
||||
<div class="relative w-25 py-3 bg-dark rounded flex-grow d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-file-alt text-white fs-4"></i>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div>
|
||||
<h6 class="fw-bold mb-0 d-block"><?php echo $post->title ?></h6>
|
||||
<span class="text-muted small"><?php echo \Core\Helper::timeAgo($post->date) ?></span>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php plug('blogsidebar') ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,43 @@
|
||||
<section id="blog" class="bg-primary border-top border-bottom">
|
||||
<div class="container">
|
||||
<div class="py-10 text-center">
|
||||
<p class="font-weight-700 mb-2"><?php ee('Blog') ?></p>
|
||||
<h1 class="display-4 mb-2"><?php echo $current->name ?></h1>
|
||||
<?php if($current->description): ?>
|
||||
<p class="lead mb-2"><?php echo $current->description ?></p>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php view('blog.menu', compact('menu', 'current')) ?>
|
||||
<div class="py-5">
|
||||
<div class="row">
|
||||
<?php if(themeSettings::config('blog') == 'grid'): ?>
|
||||
<div class="col-md-12 mb-5">
|
||||
<div class="row">
|
||||
<?php foreach($posts as $post): ?>
|
||||
<div class="col-sm-4">
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="col-md-8 mb-5">
|
||||
<?php foreach($posts as $post): ?>
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
<?php endforeach ?>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<?php \Helpers\App::ads('blogsidebar') ?>
|
||||
<h5 class="fw-bolder mb-3"><?php ee('Popular Posts') ?></h5>
|
||||
<?php foreach($popular as $post): ?>
|
||||
<a href="<?php echo route('blog.post', [$post->slug]) ?>" class="mb-2 d-block" title="<?php echo $post->title ?>"><?php echo $post->title ?></a>
|
||||
<?php endforeach ?>
|
||||
<?php plug('blogsidebar') ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,57 @@
|
||||
<section id="blog" class="bg-primary border-top border-bottom">
|
||||
<div class="container">
|
||||
<div class="py-8 text-center">
|
||||
<h2 class="display-6 fw-bold">
|
||||
<?php ee('Blog') ?>
|
||||
</h2>
|
||||
</div>
|
||||
<?php view('blog.menu', compact('menu')) ?>
|
||||
<div class="py-5">
|
||||
<div class="row">
|
||||
<?php if(themeSettings::config('blog') == 'grid'): ?>
|
||||
<div class="col-md-12 mb-5">
|
||||
<div class="row">
|
||||
<?php foreach($posts as $post): ?>
|
||||
<div class="col-sm-4">
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="col-md-8 mb-5">
|
||||
<?php foreach($posts as $post): ?>
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
<?php endforeach ?>
|
||||
<?php echo pagination('pagination justify-content-center bg-white shadow-sm p-3 rounded', 'page-item mx-2 shadow-sm text-center', 'page-link rounded') ?>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<?php \Helpers\App::ads('blogsidebar') ?>
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bolder mb-3"><?php ee('Popular Posts') ?></h5>
|
||||
<?php foreach($popular as $post): ?>
|
||||
<a href="<?php echo route('blog.post', [$post->slug]) ?>" class="mb-4 d-flex align-items-center relative" title="<?php echo $post->title ?>">
|
||||
<?php if($post->image): ?>
|
||||
<img src="<?php echo uploads($post->image, 'blog') ?>" class="img-fluid rounded w-25 me-3" alt="<?php echo $post->title ?>">
|
||||
<?php else: ?>
|
||||
<div class="relative w-25 py-3 bg-dark rounded flex-grow d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-file-alt text-white fs-4"></i>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div>
|
||||
<h6 class="fw-bold mb-0 d-block"><?php echo $post->title ?></h6>
|
||||
<span class="text-muted small"><?php echo \Core\Helper::timeAgo($post->date) ?></span>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php plug('blogsidebar') ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,55 @@
|
||||
<div class="card border-0 shadow-sm p-3 rounded-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-7 mb-4 mb-lg-0">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link <?php echo !isset($current) ? 'border rounded fw-bolder' : 'text-dark' ?>" href="<?php echo route('blog') ?>"><?php ee('All') ?></a>
|
||||
</li>
|
||||
<?php foreach($menu as $category): ?>
|
||||
<?php if(is_array($category)): ?>
|
||||
<li class="nav-item me-2">
|
||||
<a class="nav-link text-dark" href="#" data-bs-toggle="dropdown" title="" class="dropdown-toggle">
|
||||
<i class="me-2 fa fa-ellipsis-h"></i>
|
||||
<?php ee('More') ?>
|
||||
</a>
|
||||
<ul class="dropdown-menu px-2">
|
||||
<?php foreach($category as $child): ?>
|
||||
<li class="dropdown-item">
|
||||
<a class="nav-link <?php echo isset($current) && $current->id == $child->id ? 'active' : 'text-dark' ?>" href="<?php echo route('blog.category', [$child->slug]) ?>" title="<?php echo $child->name ?>">
|
||||
<?php if(!empty($child->icon)): ?>
|
||||
<i class="me-2 <?php echo $child->icon ?>"></i>
|
||||
<?php endif ?>
|
||||
<?php echo $child->name ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php else: ?>
|
||||
<li class="nav-item me-2">
|
||||
<a class="nav-link <?php echo isset($current) && $current->id == $category->id ? 'border rounded fw-bolder' : 'text-dark' ?>" href="<?php echo route('blog.category', [$category->slug]) ?>" title="<?php echo $category->name ?>">
|
||||
<?php if(!empty($category->icon)): ?>
|
||||
<i class="me-2 <?php echo $category->icon ?>"></i>
|
||||
<?php endif ?>
|
||||
<?php echo $category->name ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<form class="rounded-3 border" action="<?php echo route('blog.search') ?>">
|
||||
<div class="input-group p-2 d-flex align-items-center">
|
||||
<span class="mx-2">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control border-0" name="q" value="<?php echo $q ?? '' ?>" aria-label="Find something" placeholder="<?php ee('Search') ?>...">
|
||||
<span>
|
||||
<button type="submit" class="btn btn-sm btn-primary"><?php ee('Search') ?></button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,24 @@
|
||||
<div class="card border-0 shadow-sm mb-5">
|
||||
<?php if($post->image): ?>
|
||||
<div class="position-relative">
|
||||
<a href="<?php echo route('blog.post', $post->slug) ?>" class="d-block">
|
||||
<img alt="<?php echo $post->title ?>" src="<?php echo uploads($post->image, 'blog') ?>" class="card-img-top">
|
||||
</a>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div class="card-body p-4 p-md-5">
|
||||
<a href="<?php echo route('blog.post', $post->slug) ?>" class="h5 mt-0"><?php echo $post->title ?></a>
|
||||
<div class="my-3">
|
||||
<?php if($post->avatar): ?>
|
||||
<img alt="<?php echo $post->title ?>" src="<?php echo $post->avatar ?>" class="avatar-xs rounded-circle mr-2">
|
||||
<?php endif ?>
|
||||
<span class="mb-0 ms-1"><?php ee('By') ?> <?php echo $post->author ?></span>
|
||||
<?php if(isset($categories) && $post->categoryid): ?>
|
||||
<?php ee('in') ?> <a href="<?php echo route('blog.category', [$categories[$post->categoryid]->slug]) ?>" title="<?php echo $categories[$post->categoryid]->name ?>"><?php echo $categories[$post->categoryid]->name ?></a>
|
||||
<?php endif ?>
|
||||
<span class="ms-4"><i class="fa fa-calendar me-2"></i> <?php echo $post->date ?></span>
|
||||
</div>
|
||||
<div class="my-4"><?php echo $post->content ?></div>
|
||||
<a href="<?php echo route('blog.post', $post->slug) ?>" class="btn btn-primary"><?php ee('Read more') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,51 @@
|
||||
<section id="blog" class="bg-primary border-top border-bottom">
|
||||
<div class="container">
|
||||
<div class="py-10 text-center">
|
||||
<h2 class="display-6 fw-bold">
|
||||
<?php ee('Blog') ?>
|
||||
</h2>
|
||||
</div>
|
||||
<?php view('blog.menu', compact('menu', 'q')) ?>
|
||||
<div class="py-5">
|
||||
<div class="row">
|
||||
<?php if(themeSettings::config('blog') == 'grid'): ?>
|
||||
<div class="col-md-12 mb-5">
|
||||
<h3 class="mb-5"><?php ee('Results for "{q}"', null, ['q' => $q]) ?></h3>
|
||||
<?php if($posts): ?>
|
||||
<div class="row">
|
||||
<?php foreach($posts as $post): ?>
|
||||
<div class="col-sm-4">
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<?php ee('No results') ?>
|
||||
<?php endif ?>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="col-md-8 mb-5">
|
||||
<h3 class="mb-5"><?php ee('Results for "{q}"', null, ['q' => $q]) ?></h3>
|
||||
<?php if($posts): ?>
|
||||
<?php foreach($posts as $post): ?>
|
||||
<?php view('blog.partial', compact('post', 'categories')); ?>
|
||||
<?php endforeach ?>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
<?php else: ?>
|
||||
<?php ee('No results') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<?php \Helpers\App::ads('blogsidebar') ?>
|
||||
<h5 class="fw-bolder mb-3"><?php ee('Popular Posts') ?></h5>
|
||||
<?php foreach($popular as $post): ?>
|
||||
<a href="<?php echo route('blog.post', [$post->slug]) ?>" class="mb-2 d-block" title="<?php echo $post->title ?>"><?php echo $post->title ?></a>
|
||||
<?php endforeach ?>
|
||||
<?php plug('blogsidebar') ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,116 @@
|
||||
<section id="blog" class="bg-primary border-top border-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-10 mb-5">
|
||||
<div class="pt-5 text-start">
|
||||
<?php if($category): ?>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb px-0 breadcrumb-links">
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('home') ?>" class="text-dark"><?php ee('Home') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('blog') ?>" class="text-dark"><?php ee('Blog') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('blog.category', [$category->slug]) ?>" title="<?php echo $category->name ?>" class="active fw-bold"><?php echo $category->name ?></a></li>
|
||||
</ol>
|
||||
</nav>
|
||||
<?php endif ?>
|
||||
<h1 class="display-6 fw-bold mt-5">
|
||||
<?php echo $post->title ?>
|
||||
</h1>
|
||||
<div class="d-flex align-items-center ">
|
||||
<img src="<?php echo $post->avatar ?>" alt="<?php echo $post->author ?>" class="avatar-xs rounded-circle me-3 border border-2 border-secondary">
|
||||
<div class="text-start">
|
||||
<h6 class="d-block fw-bold mb-0"><?php if(!empty($authorIdentifier)): ?><a href="<?php echo route('blog.author', [strtolower($authorIdentifier)]) ?>" class="text-dark text-decoration-none"><?php echo htmlspecialchars($post->author) ?></a><?php else: ?><?php echo htmlspecialchars($post->author) ?><?php endif ?></h6>
|
||||
</div>
|
||||
<div class="text-muted">
|
||||
<span class="text-muted mx-2">•</span>
|
||||
<?php echo $post->date ?>
|
||||
</div>
|
||||
<div class="text-muted">
|
||||
<span class="text-muted mx-2">•</span>
|
||||
<?php $count = \Core\Helper::readCount($post->content); echo ee('{c} mins read', null, ['c' => $count]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex d-md-none justify-content-start align-items-center pt-4">
|
||||
<img src="<?php echo $post->avatar ?>" alt="<?php echo $post->author ?>" class="avatar-sm rounded-circle me-3 border border-2 border-secondary">
|
||||
<div class="mt-2 text-start">
|
||||
<h6 class="d-block fw-bold mb-0"><?php if(!empty($authorIdentifier)): ?><a href="<?php echo route('blog.author', [strtolower($authorIdentifier)]) ?>" class="text-dark text-decoration-none"><?php echo htmlspecialchars($post->author) ?></a><?php else: ?><?php echo htmlspecialchars($post->author) ?><?php endif ?></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-9 mb-5">
|
||||
<div class="mb-5">
|
||||
<article class="card shadow-sm border-0 rounded-4">
|
||||
<div class="card-body p-4 p-md-5">
|
||||
<?php if($post->image): ?>
|
||||
<a href="<?php echo route('blog.post', $post->slug) ?>" class="d-block" title="<?php echo $post->title ?>">
|
||||
<img alt="<?php echo $post->title ?>" src="<?php echo uploads($post->image, 'blog') ?>" alt="<?php echo $post->title ?>" class="img-fluid rounded-4 mb-5 w-100">
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php echo $post->content ?>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="card shadow-sm border-0 rounded-4">
|
||||
<div class="card-body p-4 p-md-5">
|
||||
<h3 class="h4 mb-3"><?php ee('Author') ?></h3>
|
||||
<div class="d-flex align-items-start gap-3">
|
||||
<img src="<?php echo $post->avatar ?>" alt="<?php echo htmlspecialchars($post->author) ?>" class="rounded-circle border border-2 border-secondary flex-shrink-0" width="64" height="64" style="object-fit: cover;">
|
||||
<div>
|
||||
<h6 class="fw-bold mb-1"><?php if(!empty($authorIdentifier)): ?><a href="<?php echo route('blog.author', [strtolower($authorIdentifier)]) ?>" class="text-dark text-decoration-none"><?php echo htmlspecialchars($post->author) ?></a><?php else: ?><?php echo htmlspecialchars($post->author) ?><?php endif ?></h6>
|
||||
<?php if(!empty($authorBio)): ?>
|
||||
<div class="text-muted small"><?php echo nl2br(htmlspecialchars($authorBio)) ?></div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bolder mb-3"><?php ee('Popular Posts') ?></h5>
|
||||
<?php foreach($popular as $post): ?>
|
||||
<a href="<?php echo route('blog.post', [$post->slug]) ?>" class="mb-4 d-flex align-items-center relative" title="<?php echo $post->title ?>">
|
||||
<?php if($post->image): ?>
|
||||
<img src="<?php echo uploads($post->image, 'blog') ?>" class="img-fluid rounded w-25 me-3" alt="<?php echo $post->title ?>">
|
||||
<?php else: ?>
|
||||
<div class="relative w-25 py-3 bg-dark rounded flex-grow d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-file-alt text-white fs-4"></i>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div>
|
||||
<h6 class="fw-bold mb-0 d-block"><?php echo $post->title ?></h6>
|
||||
<span class="text-muted small"><?php echo \Core\Helper::timeAgo($post->date) ?></span>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php plug('blogsidebar') ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if($posts): ?>
|
||||
<div class="py-5">
|
||||
<?php \Helpers\App::ads('resp') ?>
|
||||
<div class="row align-items-center mb-5">
|
||||
<div class="col-12 col-md">
|
||||
<h3 class="h4 mb-0"><?php ee('Keep reading') ?></h3>
|
||||
<p class="mb-0 text-muted"><?php ee('More posts from our blog') ?></p>
|
||||
</div>
|
||||
<div class="col-12 col-md-auto">
|
||||
<a href="<?php echo route('blog') ?>" class="btn btn-sm btn-dark d-none d-md-inline"><?php ee("View all") ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<?php foreach($posts as $post): ?>
|
||||
<div class="col-md-4">
|
||||
<?php $post->content = \Core\Helper::truncate($post->content, 150); view('blog.partial',['post' => $post]); ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,672 @@
|
||||
<?php
|
||||
/**
|
||||
* =======================================================================================
|
||||
* GemFramework (c) GemPixel
|
||||
* ---------------------------------------------------------------------------------------
|
||||
* This software is packaged with an exclusive framework as such distribution
|
||||
* or modification of this framework is not allowed before prior consent from
|
||||
* GemPixel. If you find that this framework is packaged in a software not distributed
|
||||
* by GemPixel or authorized parties, you must not use this software and contact gempixel
|
||||
* at https://gempixel.com/contact to inform them of this misuse.
|
||||
* =======================================================================================
|
||||
*
|
||||
* @package GemPixel\Premium-URL-Shortener
|
||||
* @author GemPixel (https://gempixel.com)
|
||||
* @license https://gempixel.com/licenses
|
||||
* @link https://gempixel.com
|
||||
*/
|
||||
|
||||
use Core\Plugin;
|
||||
use Core\Helper;
|
||||
use Core\DB;
|
||||
use Core\View;
|
||||
use Helpers\CDN;
|
||||
|
||||
class themeSettings {
|
||||
|
||||
/**
|
||||
* Generate extra menu
|
||||
*
|
||||
* @author GemPixel <https://gempixel.com>
|
||||
* @version 6.0
|
||||
* @return void
|
||||
*/
|
||||
public static function menu(){
|
||||
|
||||
$option = config("theme_config");
|
||||
|
||||
if(!isset($option->homelinks)) return null;
|
||||
$menu = [];
|
||||
foreach(explode("\n", $option->homelinks) as $list){
|
||||
if(empty($list)) continue;
|
||||
[$title, $link] = array_map('trim', explode("|", $list));
|
||||
|
||||
$menu[] = ['link' => $link, 'title' => $title];
|
||||
}
|
||||
return $menu;
|
||||
}
|
||||
/**
|
||||
* Theme Settings
|
||||
*
|
||||
* @author GemPixel <https://gempixel.com>
|
||||
* @version 6.0
|
||||
* @return void
|
||||
*/
|
||||
public static function settings(){
|
||||
|
||||
if(!$option = config("theme_config")){
|
||||
$option = new \stdClass;
|
||||
}
|
||||
|
||||
if(!isset($option->hero)) $option->hero = "";
|
||||
if(!isset($option->siteimage)) $option->siteimage = "";
|
||||
if(!isset($option->homeheader)) $option->homeheader = "";
|
||||
if(!isset($option->homedescription)) $option->homedescription = "";
|
||||
if(!isset($option->customfooter)) $option->customfooter = "";
|
||||
if(!isset($option->homelinks)) $option->homelinks = "";
|
||||
if(!isset($option->homestyle)) $option->homestyle = "default";
|
||||
if(!isset($option->pricing)) $option->pricing = "list";
|
||||
if(!isset($option->blog)) $option->blog = "list";
|
||||
if(!isset($option->languageselector)) $option->languageselector = "bottom";
|
||||
if(!isset($option->menutype)) $option->menutype = "hybrid";
|
||||
if(!isset($option->colors)) {
|
||||
$option->colors = new \stdClass;
|
||||
$option->colors->primary = '#0088ff';
|
||||
$option->colors->primaryalt = '#0065bd';
|
||||
$option->colors->secondary = '#22cfff';
|
||||
$option->colors->primarybg = '#f7f9fc';
|
||||
$option->colors->darkbg = '#030122';
|
||||
$option->colors->scrollbar = '#0088ff';
|
||||
}
|
||||
if(!isset($option->colors->body)) $option->colors->body = '#ffffff';
|
||||
if(!isset($option->colors->bodycolor)) $option->colors->bodycolor = '#343f52';
|
||||
if(!isset($option->homepage)) $option->homepage = 'default';
|
||||
|
||||
CDN::load('coloris');
|
||||
View::push("<script>
|
||||
Coloris.setInstance('#body', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#ffffff','#f7f9fc','#f5fff6','#f7f9fc','#e3e5ea','#f4ebf9']
|
||||
});
|
||||
Coloris.setInstance('#body-color', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#343f52','#22cfff','#00ffc3', '#22cfff', '#030715','#00ff77']
|
||||
});
|
||||
Coloris.setInstance('#primary', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#e2626b','#4e67eb','#2fad50','#0088ff','#010615','#ff0090']
|
||||
});
|
||||
Coloris.setInstance('#primaryalt', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#c25058','#2746e3','#24853d','#0065bd','#040b22','#ae00ff']
|
||||
});
|
||||
Coloris.setInstance('#secondary', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#fab758','#a357fa','#00ffc3', '#22cfff', '#030715','#00ff77']
|
||||
});
|
||||
Coloris.setInstance('#primarybg', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#fef6f5','#f5f8ff','#f5fff6','#f7f9fc','#e3e5ea','#f4ebf9']
|
||||
});
|
||||
Coloris.setInstance('#darkbg', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#3d1718','#131b3d','#0c2d15','#030122','#010615','#330025']
|
||||
});
|
||||
Coloris.setInstance('#scrollbar', {
|
||||
theme: 'polaroid',
|
||||
themeMode: 'dark',
|
||||
alpha: false,
|
||||
swatches: ['#e2626b','#627ee3','#2fad50','#0088ff','#010615','#ae00ff']
|
||||
});
|
||||
|
||||
function updateThemeColors(body, bodycolor, primary, primaryalt, secondary, primarybg, darkbg, scrollbar){
|
||||
$('#body').val(body);
|
||||
$('#body-color').val(bodycolor);
|
||||
$('#primary').val(primary);
|
||||
$('#primaryalt').val(primaryalt);
|
||||
$('#secondary').val(secondary);
|
||||
$('#primarybg').val(primarybg);
|
||||
$('#darkbg').val(darkbg);
|
||||
$('#scrollbar').val(scrollbar);
|
||||
document.querySelectorAll('[data-coloris]').forEach(function(element){
|
||||
element.dispatchEvent(new Event('input', { bubbles: true }));
|
||||
});
|
||||
}
|
||||
</script>", 'custom')->toFooter();
|
||||
|
||||
View::push("<style>
|
||||
.theme-preset {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.theme-preset:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
|
||||
border-color: var(--bs-primary) !important;
|
||||
}
|
||||
</style>", 'custom')->toHeader();
|
||||
|
||||
CDN::load('simpleeditor');
|
||||
|
||||
\Core\View::push("<script>
|
||||
$('#homedescription').summernote({
|
||||
toolbar: [
|
||||
['style', ['bold', 'italic', 'underline', 'clear']],
|
||||
],
|
||||
height: 100
|
||||
});
|
||||
</script>", "custom")->toFooter();
|
||||
|
||||
$content = '<div class="row">
|
||||
<div class="col-md-8">
|
||||
<form action="'.route("admin.themes.update").'" method="post" enctype="multipart/form-data" id="setting-form">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="form-group mb-4">
|
||||
<label for="style" class="form-label text-black fw-bolder mb-3 d-block">'.e('Theme Scheme').'</label>
|
||||
<label class="btn border-primary text-dark border px-3 py-4">
|
||||
<input type="radio" name="homestyle" value="default" class="me-2" autocomplete="off" '.($option->homestyle == 'default' ? 'checked' : '').'> '.e('Default').'
|
||||
</label>
|
||||
<label class="btn btn-dark text-light px-3 py-4">
|
||||
<input type="radio" name="homestyle" value="darkmode" class="me-2" autocomplete="off" '.($option->homestyle == 'darkmode' ? 'checked' : '').'> '.e('Dark Mode').'
|
||||
</label>
|
||||
<label class="btn text-dark border px-3 py-4">
|
||||
<input type="radio" name="homestyle" value="light" class="me-2" autocomplete="off" '.($option->homestyle == 'light' ? 'checked' : '').'> '.e('Light Mode').'
|
||||
</label>
|
||||
<label class="btn border border-primary px-3 py-4 text-danger" style="background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 1) 50%);">
|
||||
<input type="radio" name="homestyle" value="auto" class="me-2" autocomplete="off" '.($option->homestyle == 'auto' ? 'checked' : '').'> '.e('Auto Mode').'
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fw-bolder mb-3">'.e('Pre-defined Colors').'</h5>
|
||||
<p>'.e('You can choose from pre-defined colors to quickly apply to your theme.').'</p>
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card border theme-preset" style="cursor: pointer;" onclick="updateThemeColors(\'#ffffff\', \'#343f52\', \'#0088ff\', \'#0065bd\', \'#22cfff\', \'#f7f9fc\', \'#030122\', \'#0088ff\')">
|
||||
<div class="card-body p-3 text-center">
|
||||
<div class="d-flex gap-1 justify-content-center">
|
||||
<div style="width: 20px; height: 20px; background: #0088ff; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #0065bd; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #22cfff; border-radius: 3px;"></div>
|
||||
</div>
|
||||
<div class="mt-2 mb-0">
|
||||
<strong class="d-block">'.e('Ocean Blue').'</strong>
|
||||
<small class="text-muted">'.e('Default').'</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border theme-preset" style="cursor: pointer;" onclick="updateThemeColors(\'#f6f5f5\', \'#343f52\', \'#e2626b\', \'#c25058\', \'#fab758\', \'#ffffff\', \'#3d1718\', \'#e2626b\')">
|
||||
<div class="card-body p-3 text-center">
|
||||
<div class="d-flex gap-1 justify-content-center">
|
||||
<div style="width: 20px; height: 20px; background: #e2626b; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #c25058; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #fab758; border-radius: 3px;"></div>
|
||||
</div>
|
||||
<div class="mt-2 mb-0">
|
||||
<strong class="d-block">'.e('Coral Sunset').'</strong>
|
||||
<small class="text-muted">'.e('Warm').'</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border theme-preset" style="cursor: pointer;" onclick="updateThemeColors(\'#ffffff\', \'#343f52\', \'#4e67eb\', \'#2746e3\', \'#a357fa\', \'#f5f8ff\', \'#131b3d\', \'#627ee3\')">
|
||||
<div class="card-body p-3 text-center">
|
||||
<div class="d-flex gap-1 justify-content-center">
|
||||
<div style="width: 20px; height: 20px; background: #4e67eb; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #2746e3; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #a357fa; border-radius: 3px;"></div>
|
||||
</div>
|
||||
<div class="mt-2 mb-0">
|
||||
<strong class="d-block">'.e('Royal Purple').'</strong>
|
||||
<small class="text-muted">'.e('Elegant').'</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border theme-preset" style="cursor: pointer;" onclick="updateThemeColors(\'#ffffff\', \'#343f52\', \'#2fad50\', \'#24853d\', \'#00ffc3\', \'#f5fff6\', \'#0c2d15\', \'#2fad50\')">
|
||||
<div class="card-body p-3 text-center">
|
||||
<div class="d-flex gap-1 justify-content-center">
|
||||
<div style="width: 20px; height: 20px; background: #2fad50; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #24853d; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #00ffc3; border-radius: 3px;"></div>
|
||||
</div>
|
||||
<div class="mt-2 mb-0">
|
||||
<strong class="d-block">'.e('Forest Green').'</strong>
|
||||
<small class="text-muted">'.e('Natural').'</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border theme-preset" style="cursor: pointer;" onclick="updateThemeColors(\'#ffffff\', \'#343f52\', \'#010615\', \'#040b22\', \'#030715\', \'#e3e5ea\', \'#010615\', \'#010615\')">
|
||||
<div class="card-body p-3 text-center">
|
||||
<div class="d-flex gap-1 justify-content-center">
|
||||
<div style="width: 20px; height: 20px; background: #010615; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #040b22; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #030715; border-radius: 3px;"></div>
|
||||
</div>
|
||||
<div class="mt-2 mb-0">
|
||||
<strong class="d-block">'.e('Midnight Dark').'</strong>
|
||||
<small class="text-muted">'.e('Dark').'</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border theme-preset" style="cursor: pointer;" onclick="updateThemeColors(\'#ffffff\', \'#343f52\', \'#ff0090\', \'#ae00ff\', \'#00ff77\', \'#f4ebf9\', \'#330025\', \'#ae00ff\')">
|
||||
<div class="card-body p-3 text-center">
|
||||
<div class="d-flex gap-1 justify-content-center">
|
||||
<div style="width: 20px; height: 20px; background: #ff0090; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #ae00ff; border-radius: 3px;"></div>
|
||||
<div style="width: 20px; height: 20px; background: #00ff77; border-radius: 3px;"></div>
|
||||
</div>
|
||||
<div class="mt-2 mb-0">
|
||||
<strong class="d-block">'.e('Vibrant Pink').'</strong>
|
||||
<small class="text-muted">'.e('Bold').'</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5 class="fw-bolder mb-3">'.e('Theme Colors').'</h5>
|
||||
<p>'.e('You can customize colors for front pages (home, pricing, blog etc). Some colors are already preset. You can either use colors from the palette (example #1 with #1 in all options) or mix and match. You can also use your own colors. After saving settings, if you do not see changes, you need to release browser cache. If you are using Cloudflare, you will need to purge cache as well.').'</p>
|
||||
<div class="form-group my-3">
|
||||
<label for="body" class="form-label mb-3">'.e('Body Color').'</label><br>
|
||||
<input type="text" value="'.$option->colors->body.'" id="body" name="colors[body]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="body-color" class="form-label mb-3">'.e('Body Text Color').'</label><br>
|
||||
<input type="text" value="'.$option->colors->bodycolor.'" id="body-color" name="colors[body-color]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="primary" class="form-label mb-3">'.e('Primary Color').'</label><br>
|
||||
<input type="text" value="'.$option->colors->primary.'" id="primary" name="colors[primary]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="primaryalt" class="form-label mb-3">'.e('Primary Alternative Color').'</label><br>
|
||||
<input type="text" value="'.$option->colors->primaryalt.'" id="primaryalt" name="colors[primaryalt]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="secondary" class="form-label mb-3">'.e('Secondary Color').'</label><br>
|
||||
<input type="text" value="'.$option->colors->secondary.'" id="secondary" name="colors[secondary]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="primarybg" class="form-label mb-3">'.e('Primary Background Color (Light color)').'</label><br>
|
||||
<input type="text" value="'.$option->colors->primarybg.'" id="primarybg" name="colors[primarybg]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="primarybg" class="form-label mb-3">'.e('Dark Background Color (Dark color)').'</label><br>
|
||||
<input type="text" value="'.$option->colors->darkbg.'" id="darkbg" name="colors[darkbg]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<div class="form-group my-3">
|
||||
<label for="scrollbar" class="form-label mb-3">'.e('Scrollbar Color').'</label><br>
|
||||
<input type="text" value="'.$option->colors->scrollbar.'" id="scrollbar" name="colors[scrollbar]" class="form-control" data-coloris>
|
||||
</div>
|
||||
<button class="btn btn-primary">'.e('Save Settings').'</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="form-group mb-4">
|
||||
<label for="style" class="form-label fw-bold mb-3">'.e('Pricing Style').'</label><br>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="pricing" value="list" class="me-2" autocomplete="off" '.(!$option->pricing || $option->pricing == 'list' ? 'checked' : '').'> '.e('List').'
|
||||
</label>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="pricing" value="table" class="me-2" autocomplete="off" '.($option->pricing == 'table' ? 'checked' : '').'> '.e('Table').'
|
||||
</label>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="pricing" value="categorized" class="me-2" autocomplete="off" '.($option->pricing == 'categorized' ? 'checked' : '').'> '.e('Categorized').' <span class="badge bg-success text-white">New</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for="style" class="form-label fw-bold mb-3">'.e('Blog Style').'</label><br>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="blog" value="list" class="me-2" autocomplete="off" '.(!$option->blog || $option->blog == 'list' ? 'checked' : '').'> '.e('List').'
|
||||
</label>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="blog" value="grid" class="me-2" autocomplete="off" '.($option->blog == 'grid' ? 'checked' : '').'> '.e('Grid').'
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for="style" class="form-label fw-bold mb-3">'.e('Language Selector').'</label><br>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="languageselector" value="bottom" class="me-2" autocomplete="off" '.(!$option->languageselector || $option->languageselector == 'bottom' ? 'checked' : '').'> '.e('Bottom').'
|
||||
</label>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="languageselector" value="top" class="me-2" autocomplete="off" '.($option->languageselector == 'top' ? 'checked' : '').'> '.e('Top & Bottom').'
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label for="menu" class="form-label fw-bold mb-3">'.e('Menu type').'</label><br>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="menutype" value="hybrid" class="me-2" autocomplete="off" '.(!$option->menutype || $option->menutype == 'hybrid' ? 'checked' : '').'> '.e('Dynamic').'<br><small>'.e('Menu stays on top until you scroll down then it follows').'</small>
|
||||
</label>
|
||||
<label class="btn border rounded text-dark px-5 py-4">
|
||||
<input type="radio" name="menutype" value="top" class="me-2" autocomplete="off" '.($option->menutype == 'top' ? 'checked' : '').'> '.e('Static').'<br><small>'.e('Menu always stays on top').'</small>
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn btn-primary">'.e('Save Settings').'</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="form-group mt-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<label for="hero" class="form-label fw-bold">'.e('Custom Home Page Image').'</label>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
'.(!empty($option->hero) ? '<p class="form-text"><a href="#" id="remove_logo" data-trigger="removeimage" class="btn btn-danger btn-sm">'.e('Remove').'</a></p>':"").'
|
||||
</div>
|
||||
</div>
|
||||
'.(!empty($option->hero) ? '<img src="'.uploads($option->hero).'" class="img-fluid mb-2 rounded" style="max-height: 200px">' : '').'
|
||||
<input type="file" class="form-control" name="hero" id="hero" value="'.$option->hero.'">
|
||||
<p class="form-text">'.e('This will replace the default hero image that comes shipped with the script. JPG or PNG. 500 kb max. Recommended size: 560x710').'</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="homeheader" class="form-label fw-bold">'.e('Home Main Header').'</label>
|
||||
<input type="text" class="form-control p-2" name="homeheader" id="homeheader" value="'.htmlentities($option->homeheader).'">
|
||||
<p class="form-text">'.e('This will replace the home main header right before the shortener form. If you leave it empty, the site title will be shown.').'</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="homedescription" class="form-label fw-bold">'.e('Home Main Description').'</label>
|
||||
<textarea class="form-control" name="homedescription" id="homedescription">'.$option->homedescription.'</textarea>
|
||||
<p class="form-text">'.e('This will replace the home main description right before the shortener form. If you leave it empty, the site description will be shown.').'</p>
|
||||
</div>
|
||||
<div class="form-group mt-4">
|
||||
<label for="homepage" class="form-label fw-bold">'.e('Home Page').'</label>
|
||||
<select class="form-select" name="homepage" id="homepage">
|
||||
<option value="default" '.($option->homepage == 'default' ? 'selected' : '').'>'.e('Default').' (index.php)</option>
|
||||
<option value="bio" '.($option->homepage == 'bio' ? 'selected' : '').'>'.e('Bio Page').' (pages/bio.php)</option>
|
||||
<option value="link" '.($option->homepage == 'link' ? 'selected' : '').'>'.e('Link Shortener').' (pages/link.php)</option>
|
||||
<option value="qr" '.($option->homepage == 'qr' ? 'selected' : '').'>'.e('QR Codes').' (pages/qr.php)</option>
|
||||
</select>
|
||||
<p class="form-text">'.e('Choose which page to display when visitors go to your site root (homepage).').'</p>
|
||||
</div>
|
||||
<div class="form-group mt-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<label for="siteimage" class="form-label fw-bold">'.e('Default Site Image').'</label>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
'.(!empty($option->siteimage) ? '<p class="form-text"><a href="#" id="remove_siteimage" data-trigger="removeimage" class="btn btn-danger btn-sm">'.e('Remove').'</a></p>':"").'
|
||||
</div>
|
||||
</div>
|
||||
'.(!empty($option->siteimage) ? '<img src="'.uploads($option->siteimage).'" class="img-fluid mb-2 rounded" style="max-width: 200px">' : '').'
|
||||
<input type="file" class="form-control" name="siteimage" id="siteimage" value="'.$option->siteimage.'">
|
||||
<p class="form-text">'.e('This will be used as default OG image unless override by pages.').'</p>
|
||||
</div>
|
||||
<div class="form-group mt-4">
|
||||
<label for="homelinks" class="form-label fw-bold">Menu Links</label>
|
||||
<textarea class="form-control" name="homelinks" id="homelinks" rows="5" placeholder="e.g. Google|https://google.com">'.$option->homelinks.'</textarea>
|
||||
<p class="form-text">'.e('You can add custom links to the menu using the following format (one per line): TITLE|LINK').'</p>
|
||||
</div>
|
||||
<div class="form-group mt-4">
|
||||
<label for="customfooter" class="form-label fw-bold">'.e('Custom Footer').'</label>
|
||||
<textarea class="form-control" name="customfooter" id="customfooter" rows="5">'.$option->customfooter.'</textarea>
|
||||
<p class="form-text">'.e('You can add custom footer to the page. This will be shown at the bottom of the page.').'</p>
|
||||
</div>
|
||||
'.csrf().'
|
||||
<button class="btn btn-primary">'.e('Save Settings').'</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header fw-bold">Help</div>
|
||||
<div class="card-body">
|
||||
<p><strong>HTML Usage</strong></p>
|
||||
<p>You can use the following HTML elements: '.htmlentities("<b> <i> <s> <u> <strong> <span> <p> <br>").'</p>
|
||||
|
||||
<p><strong>Translating Strings</strong></p>
|
||||
<p>If you add a new title or a new description, you can still translate them to any language by simply adding it via the language manager.</p>
|
||||
|
||||
<p><strong>Auto Mode</strong></p>
|
||||
<p>If you choose the Auto Mode, the color scheme will change based on the user browser or device preference.
|
||||
|
||||
<p><strong>Home Header</strong></p>
|
||||
<p>You can add your custom header and description for the homepage. To use the typing animation use the following format:</p>
|
||||
<code><span class="gradient-primary clip-text" data-toggle="typed" data-list="Links,Bio Pages, QR Codes"></span></code>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header fw-bold">Menu Link</div>
|
||||
<div class="card-body">
|
||||
<p>You can add custom links to the menu using the following format (one per line): TITLE|LINK</p>
|
||||
|
||||
<p><strong>Example</strong></p>
|
||||
<pre>Support|https://support.gempixel.com<br>Blog|https://gempixel.com/blog</pre>
|
||||
|
||||
<p>You can add as much as you want however you need to make sure it does not break the template</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>';
|
||||
return $content;
|
||||
}
|
||||
/**
|
||||
* Update
|
||||
*
|
||||
* @author GemPixel <https://gempixel.com>
|
||||
* @version 6.0
|
||||
* @return void
|
||||
*/
|
||||
public function update(){
|
||||
|
||||
\Gem::addMiddleware('DemoProtect');
|
||||
|
||||
$option = config("theme_config");
|
||||
|
||||
$request = new \Core\Request;
|
||||
|
||||
$data = [];
|
||||
|
||||
$data['hero'] = $option->hero ?? '';
|
||||
$data['siteimage'] = $option->siteimage ?? '';
|
||||
$data['homeheader'] = Helper::clean($request->homeheader);
|
||||
$data['homedescription'] = $request->homedescription;
|
||||
$data['customfooter'] = $request->customfooter;
|
||||
$data['homestyle'] = Helper::clean($request->homestyle, 3);
|
||||
$data['homepage'] = Helper::clean($request->homepage, 20);
|
||||
if(!in_array($data['homepage'], ['default', 'bio', 'link', 'qr'])) $data['homepage'] = 'default';
|
||||
$data['homelinks'] = Helper::clean($request->homelinks, 3);
|
||||
$data['homecolor'] = Helper::clean($request->homecolor, 3);
|
||||
$data['pricing'] = Helper::clean($request->pricing, 3);
|
||||
$data['languageselector'] = Helper::clean($request->languageselector, 3);
|
||||
$data['menutype'] = Helper::clean($request->menutype, 3);
|
||||
$data['blog'] = Helper::clean($request->blog, 3);
|
||||
|
||||
$data['colors'] = [
|
||||
'body' => '#ffffff',
|
||||
'body-color' => '#343f52',
|
||||
'primary' => '#0088ff',
|
||||
'primaryalt' => '#0065bd',
|
||||
'secondary' => '#22cfff',
|
||||
'primarybg' => '#f7f9fc',
|
||||
'darkbg' => '#030122',
|
||||
'scrollbar' => '#0088ff'
|
||||
];
|
||||
|
||||
$data['cssname'] = strtolower(Helper::rand(12));
|
||||
|
||||
foreach($request->colors as $name => $color){
|
||||
if(strlen(trim($color)) == 7) $data['colors'][$name] = trim(clean($color));
|
||||
}
|
||||
|
||||
if($request->remove_logo){
|
||||
if(isset($option->hero) && !empty($option->hero) && file_exists(appConfig('app.storage')['uploads']['path'].'/'.$option->hero)){
|
||||
unlink(appConfig('app.storage')['uploads']['path'].'/'.$option->hero);
|
||||
}
|
||||
$data['hero'] = null;
|
||||
}
|
||||
|
||||
if($image = $request->file('hero')){
|
||||
|
||||
if(!$image->mimematch || !in_array($image->ext, ['jpg', 'png'])) return Helper::redirect()->back()->with('danger', e('The custom image is not valid. Only a JPG or PNG are accepted.'));
|
||||
|
||||
if($image->sizekb > 500) return Helper::redirect()->back()->with('danger', e('Custom image must be either a PNG or a JPEG (Max 500kb).'));
|
||||
|
||||
$filename = Helper::rand(6)."_hero_".$image->name;
|
||||
|
||||
if(isset($option->hero) && !empty($option->hero) && file_exists(appConfig('app.storage')['uploads']['path'].'/'.$option->hero)){
|
||||
unlink(appConfig('app.storage')['uploads']['path'].'/'.$option->hero);
|
||||
}
|
||||
|
||||
$request->move($image, appConfig('app.storage')['uploads']['path'], $filename);
|
||||
$data['hero'] = $filename;
|
||||
|
||||
}
|
||||
|
||||
if($request->remove_siteimage){
|
||||
if(isset($option->siteimage) && !empty($option->siteimage) && file_exists(appConfig('app.storage')['uploads']['path'].'/'.$option->siteimage)){
|
||||
unlink(appConfig('app.storage')['uploads']['path'].'/'.$option->siteimage);
|
||||
}
|
||||
$data['siteimage'] = null;
|
||||
}
|
||||
|
||||
if($image = $request->file('siteimage')){
|
||||
|
||||
if(!$image->mimematch || !in_array($image->ext, ['jpg', 'png'])) return Helper::redirect()->back()->with('danger', e('The custom image is not valid. Only a JPG or PNG are accepted.'));
|
||||
|
||||
if($image->sizekb > 500) return Helper::redirect()->back()->with('danger', e('Custom image must be either a PNG or a JPEG (Max 500kb).'));
|
||||
|
||||
$filename = Helper::rand(6)."_siteimage_".$image->name;
|
||||
|
||||
if(isset($option->siteimage) && !empty($option->siteimage) && file_exists(appConfig('app.storage')['uploads']['path'].'/'.$option->siteimage)){
|
||||
unlink(appConfig('app.storage')['uploads']['path'].'/'.$option->siteimage);
|
||||
}
|
||||
|
||||
$request->move($image, appConfig('app.storage')['uploads']['path'], $filename);
|
||||
$data['siteimage'] = $filename;
|
||||
|
||||
}
|
||||
|
||||
if($request->homestyle == "darkmode"){
|
||||
$request->cookie('darkmode', 1);
|
||||
} else {
|
||||
$request->cookie('darkmode', 1, -3600);
|
||||
}
|
||||
|
||||
$setting = DB::settings()->where('config', 'theme_config')->first();
|
||||
|
||||
$setting->var = json_encode($data);
|
||||
$setting->save();
|
||||
|
||||
self::cssVariables($data['colors'], $data['cssname']);
|
||||
|
||||
return Helper::redirect()->back()->with('success', e('Settings are successfully saved.'));
|
||||
}
|
||||
/**
|
||||
* Generate CSS variables
|
||||
*
|
||||
* @author GemPixel <https://gempixel.com>
|
||||
* @version 7.0
|
||||
* @param array $variables
|
||||
* @return void
|
||||
*/
|
||||
private static function cssVariables(array $variables, string $cssname){
|
||||
|
||||
$variables['primarybgrgb'] = implode(', ', sscanf($variables['primarybg'], "#%02x%02x%02x"));
|
||||
$variables['darkbgrgb'] = implode(', ', sscanf($variables['darkbg'], "#%02x%02x%02x"));
|
||||
$variables['liquidrgb'] = implode(', ', array_merge(sscanf($variables['body'], "#%02x%02x%02x"), [0.8]));
|
||||
$variables['darkbg'] = implode(', ', sscanf($variables['darkbg'], "#%02x%02x%02x"));
|
||||
|
||||
$data = ":root{--body: {$variables['body']};--body-color: {$variables['body-color']};--hamburger-color: {$variables['body-color']};--bs-primary: {$variables['primary']};--bs-primary-alt: {$variables['primaryalt']};--bs-secondary: {$variables['secondary']};--bg-primary: {$variables['primarybg']};--bg-secondary: {$variables['secondary']};--bs-primary-rgb: {$variables['primarybgrgb']};--scrollbar-color: {$variables['scrollbar']};--bg-header: rgba({$variables['liquidrgb']});--bs-link-color: var(--bs-primary);--bs-link-hover-color: var(--bs-primary-alt);--bs-dark-rgb:{$variables['darkbgrgb']};--bg-liquid: rgba({$variables['liquidrgb']});--bs-dark-rgb: {$variables['darkbg']};}";
|
||||
|
||||
$config = config("theme_config");
|
||||
if(isset($config->cssname) && $config->cssname != $cssname){
|
||||
if(file_exists(PUB.'/content/'.$config->cssname.'.css')){
|
||||
unlink(PUB.'/content/'.$config->cssname.'.css');
|
||||
}
|
||||
}
|
||||
if($css = fopen(PUB.'/content/'.$cssname.'.css', 'w')){
|
||||
fwrite($css, $data);
|
||||
fclose($css);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Theme Config
|
||||
*
|
||||
* @author GemPixel <https://gempixel.com>
|
||||
* @version 6.3
|
||||
* @param string $name
|
||||
* @return void
|
||||
*/
|
||||
public static function config(string $name, $is = null, $set = null, $default = null){
|
||||
|
||||
$config = config("theme_config");
|
||||
|
||||
if($name == 'title'){
|
||||
return (isset($config->homeheader) && $config->homeheader ? e($config->homeheader) : config('title'));
|
||||
}
|
||||
|
||||
if($name == 'description'){
|
||||
return (isset($config->homedescription) && $config->homedescription ? e($config->homedescription) : e(config('description')));
|
||||
}
|
||||
|
||||
if($name == 'homecolor'){
|
||||
if(isset($config->homecolor) && $config->homecolor->type == 'custom' && $config->homestyle != 'darkmode' && !request()->cookie('darkmode')){
|
||||
return 'style="background: linear-gradient(220.55deg, '.$config->homecolor->c2.' 0%, '.$config->homecolor->c1.' 100%) !important;"';
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
if($name == "homestyle") {
|
||||
|
||||
if(!isset($config->homestyle)) return $default;
|
||||
|
||||
if( $config->homestyle == $is && !request()->cookie('darkmode') && $set) return $set;
|
||||
|
||||
if( $config->homestyle == $is) return true;
|
||||
|
||||
return $default;
|
||||
}
|
||||
|
||||
if($name == "pricing") {
|
||||
if(isset($config->pricing)){
|
||||
if($config->pricing == $is) return $set;
|
||||
return $config->pricing;
|
||||
}
|
||||
return 'list';
|
||||
}
|
||||
|
||||
if($is) return isset($config->{$name}) && $config->{$name} == $is;
|
||||
|
||||
return $config->{$name} ?? null;
|
||||
}
|
||||
/**
|
||||
* Is Dark Mode or Dark Theme
|
||||
*
|
||||
* @author GemPixel <https://gempixel.com>
|
||||
* @version 6.6
|
||||
* @param [type] $return
|
||||
* @return boolean
|
||||
*/
|
||||
public static function isDark($return = null){
|
||||
|
||||
$config = config("theme_config");
|
||||
|
||||
$isdark = request()->cookie('darkmode') || (isset($config->homestyle) && $config->homestyle == 'darkmode');
|
||||
|
||||
return $return && $isdark ? $return : $isdark;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"name": "The23",
|
||||
"version": "1.0",
|
||||
"author": "GemPixel",
|
||||
"link": "https://gempixel.com",
|
||||
"date": "01/06/2023",
|
||||
"settings": true,
|
||||
"child": false,
|
||||
"thumbnail": "screenshot.png",
|
||||
"include":[
|
||||
"class/themeSettings.php",
|
||||
"functions.php"
|
||||
],
|
||||
"assets":[]
|
||||
}
|
||||
+138
@@ -0,0 +1,138 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
|
||||
<head>
|
||||
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
|
||||
<meta content="width=device-width" name="viewport"/>
|
||||
<!--[if !mso]><!-->
|
||||
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
|
||||
<!--<![endif]-->
|
||||
<title></title>
|
||||
<!--[if !mso]><!-->
|
||||
<!--<![endif]-->
|
||||
<style type="text/css">body{margin:0;padding:0}table,td,tr{vertical-align:top;border-collapse:collapse}*{line-height:inherit}a[x-apple-data-detectors=true]{color:inherit!important;text-decoration:none!important}</style>
|
||||
<style id="media-query" type="text/css">@media (max-width:520px){.block-grid,.col{min-width:320px!important;max-width:100%!important;display:block!important}.block-grid{width:100%!important}.col{width:100%!important}.col>div{margin:0 auto}img.fullwidth,img.fullwidthOnMobile{max-width:100%!important}.no-stack .col{min-width:0!important;display:table-cell!important}.no-stack.two-up .col{width:50%!important}.no-stack .col.num4{width:33%!important}.no-stack .col.num8{width:66%!important}.no-stack .col.num4{width:33%!important}.no-stack .col.num3{width:25%!important}.no-stack .col.num6{width:50%!important}.no-stack .col.num9{width:75%!important}.video-block{max-width:none!important}.mobile_hide{min-height:0;max-height:0;max-width:0;display:none;overflow:hidden;font-size:0}.desktop_hide{display:block!important;max-height:none!important}}</style>
|
||||
</head>
|
||||
<body class="clean-body" style="margin: 0; padding: 20px; -webkit-text-size-adjust: 100%; background-color: #f4f5f6;">
|
||||
<!--[if IE]><div class="ie-browser"><![endif]-->
|
||||
<table bgcolor="#f4f5f6" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f4f5f6; width: 100%;" valign="top" width="100%">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top;" valign="top">
|
||||
<td style="word-break: break-word; vertical-align: top;" valign="top">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#f4f5f6"><![endif]-->
|
||||
<div style="background-color:transparent;">
|
||||
<div class="block-grid mixed-two-up" style="margin: 0 auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||||
<!--[if (mso)|(IE)]><td align="center" width="166" style="background-color:transparent;width:166px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||||
<div class="col num4" style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 164px; width: 166px;">
|
||||
<div style="width:100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||||
<!--<![endif]-->
|
||||
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]-->
|
||||
{{ brand }}
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
</div>
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
</div>
|
||||
<!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||||
<!--[if (mso)|(IE)]></td><td align="center" width="333" style="background-color:transparent;width:333px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||||
<div class="col num8 mobile_hide" style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 328px; width: 333px;">
|
||||
<div style="width:100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||||
<!--<![endif]-->
|
||||
<table cellpadding="0" cellspacing="0" class="social_icons" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" valign="top" width="100%">
|
||||
<tbody>
|
||||
<tr style="vertical-align: top;" valign="top">
|
||||
<td style="word-break: break-word; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;" valign="top">
|
||||
<table align="right" cellpadding="0" cellspacing="0" class="social_table" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-tspace: 0; mso-table-rspace: 0; mso-table-bspace: 0; mso-table-lspace: 0;" valign="top">
|
||||
<tbody>
|
||||
<tr align="right" style="vertical-align: top; display: inline-block; text-align: right;" valign="top">
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
</div>
|
||||
<!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color:transparent;">
|
||||
<div class="block-grid" style="margin: 20px auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #fff; border-radius: 5px">
|
||||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||||
<!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||||
<div class="col num12" style="min-width: 320px; max-width: 500px; display: table-cell; vertical-align: top; width: 500px;">
|
||||
<div style="width:100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||||
<!--<![endif]-->
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
|
||||
<div style="color:#6C7C8A;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.6;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px;">
|
||||
<div style="font-size: 14px; line-height: 1.6; color: #6C7C8A; font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; mso-line-height-alt: 22px;">
|
||||
<div style="font-size: 14px; line-height: 1.6; mso-line-height-alt: 22px; margin: 0;">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
</div>
|
||||
<!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color:transparent;">
|
||||
<div class="block-grid" style="margin: 0 auto; min-width: 320px; max-width: 500px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||||
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:500px"><tr class="layout-full-width" style="background-color:transparent"><![endif]-->
|
||||
<!--[if (mso)|(IE)]><td align="center" width="500" style="background-color:transparent;width:500px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
||||
<div class="col num12" style="min-width: 320px; max-width: 500px; display: table-cell; vertical-align: top; width: 500px;">
|
||||
<div style="width:100% !important;">
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
||||
<!--<![endif]-->
|
||||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
|
||||
<div style="color:#bfccd8;font-family:Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.5;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
||||
<div style="font-size: 14px; line-height: 1.5; color: #bfccd8; font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; mso-line-height-alt: 21px;">
|
||||
<p style="font-size: 14px; line-height: 1.5; word-break: break-word; text-align: center; mso-line-height-alt: 21px; margin: 0;">© 2026. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--[if mso]></td></tr></table><![endif]-->
|
||||
<!--[if (!mso)&(!IE)]><!-->
|
||||
</div>
|
||||
<!--<![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!--[if (IE)]></div><![endif]-->
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>" id="stylesheet">
|
||||
<?php if(config('fonts') && !config('cookieconsent')->enabled): ?>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600" rel="stylesheet">
|
||||
<style>body{font-family:'<?php echo config('fonts') ?>' !important}</style>
|
||||
<?php endif ?>
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body class="bg-primary min-vh-100">
|
||||
<div class="container d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-between vh-100">
|
||||
<div class="col-12 text-center">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
|
||||
<h6 class="display-1 mb-3 mt-5 fw-bolder text-danger"><?php ee('Error') ?> <strong class="text-primary">404</strong></h6>
|
||||
<p class="lead text-lg mb-5">
|
||||
<?php ee('The page you are looking for could not be found.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('home') ?>" class="btn btn-primary px-5 py-3">
|
||||
<i class="fa fa-chevron-left me-3"></i> <?php ee('Back to home') ?>
|
||||
</a>
|
||||
<a href="<?php echo route('contact') ?>" class="fw-bold btn px-5 py-3">
|
||||
<?php ee('Contact Us') ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>" id="stylesheet">
|
||||
<?php if(config('fonts') && !config('cookieconsent')->enabled): ?>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600" rel="stylesheet">
|
||||
<style>body{font-family:'<?php echo config('fonts') ?>' !important}</style>
|
||||
<?php endif ?>
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body class="bg-primary min-vh-100">
|
||||
<div class="container d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-between vh-100">
|
||||
<div class="col-12 text-center">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
|
||||
<h6 class="display-1 mb-3 mt-5 fw-bold text-secondary"><?php ee('Oops') ?></h6>
|
||||
<p class="lead text-lg mb-5">
|
||||
<?php ee('There is a problem with this link and we have blocked it either because it is potentially malicious or contains inappropriate content that is against our terms of service. We actively monitor all links on our platform to ensure the safety of all our users. If you have any questions, feel free to contact us.') ?>
|
||||
</p>
|
||||
|
||||
<a href="<?php echo route('home') ?>" class="btn btn-primary px-5 py-3">
|
||||
<?php ee('Back to home') ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>" id="stylesheet">
|
||||
<?php if(config('fonts') && !config('cookieconsent')->enabled): ?>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600" rel="stylesheet">
|
||||
<style>body{font-family:'<?php echo config('fonts') ?>' !important}</style>
|
||||
<?php endif ?>
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body class="bg-primary min-vh-100">
|
||||
<div class="container d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-between vh-100">
|
||||
<div class="col-12 text-center">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
|
||||
<h6 class="display-1 mb-3 mt-5 fw-bold text-secondary"><?php ee('Oops') ?></h6>
|
||||
<p class="lead text-lg mb-5">
|
||||
<?php ee("The link you are trying to access is now expired either because the campaign ended or the link was disabled. If you have any questions, feel free to contact us.") ?>
|
||||
</p>
|
||||
<a href="<?php echo route('home') ?>" class="btn btn-primary px-5 py-3">
|
||||
<?php ee('Back to home') ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,28 @@
|
||||
<?php
|
||||
/**
|
||||
* =======================================================================================
|
||||
* GemFramework (c) GemPixel
|
||||
* ---------------------------------------------------------------------------------------
|
||||
* This software is packaged with an exclusive framework as such distribution
|
||||
* or modification of this framework is not allowed before prior consent from
|
||||
* GemPixel. If you find that this framework is packaged in a software not distributed
|
||||
* by GemPixel or authorized parties, you must not use this software and contact gempixel
|
||||
* at https://gempixel.com/contact to inform them of this misuse.
|
||||
* =======================================================================================
|
||||
*
|
||||
* @package GemPixel\Premium-URL-Shortener
|
||||
* @author GemPixel (https://gempixel.com)
|
||||
* @license https://gempixel.com/licenses
|
||||
* @link https://gempixel.com
|
||||
*/
|
||||
use Core\Plugin;
|
||||
|
||||
Gem::post('/admin/themes/settings/update', 'themeSettings@update')->name('admin.themes.update')->middleware('Auth@admin');
|
||||
|
||||
Plugin::register('admin.theme.getoptions', [themeSettings::class, 'settings']);
|
||||
|
||||
Plugin::register('homemenu', [themeSettings::class, 'menu']);
|
||||
|
||||
if(isset(config('theme_config')->siteimage) && config('theme_config')->siteimage){
|
||||
\Core\View::set('image', uploads(config('theme_config')->siteimage));
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<section class="bg-primary py-5 min-vh-100">
|
||||
<div class="container align-items-center">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<img src="<?php echo uploads($splash->data->banner) ?>" class="rounded w-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-sm-row flex-column align-items-center">
|
||||
<div>
|
||||
<img src="<?php echo uploads($splash->data->avatar) ?>" height="150" class="rounded">
|
||||
</div>
|
||||
<div class="ms-3 ml-3">
|
||||
<strong><?php echo $splash->data->title ?></strong>
|
||||
<p class="mt-2 pe-5"><?php echo $splash->data->message ?></p>
|
||||
<p><a href="<?php echo $splash->data->product ?>" rel="nofollow" target="_blank" class="btn btn-primary btn-sm"><?php ee('View site') ?></a></p>
|
||||
</div>
|
||||
<div class="ms-auto ml-auto">
|
||||
<p id="counter" class="text-center"><span class="fs-2">0</span><br><?php ee('Seconds') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(!$user->has('poweredby')): ?>
|
||||
<?php echo e('Powered by') ?> <a href="<?php echo config('url') ?>" class="font-weight-bold"><?php echo config('title') ?></a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,21 @@
|
||||
<section>
|
||||
<div class="container d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-between min-vh-100">
|
||||
<div class="col-12 col-md-6 col-xl-6 order-md-2">
|
||||
<img alt="Great!" src="<?php echo assets('images/maintenance.svg') ?>" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-6 order-md-1 text-center text-md-left">
|
||||
<h6 class="display-4 mb-3 font-weight-600 text-success"><?php ee('Custom domain working') ?></h6>
|
||||
<p class="description"><?php echo e("Your <strong>domain name</strong> is now successfully pointed to our server. You can now start using it from the platform and shorten branded links with your own domain name.") ?></p>
|
||||
<p class="description"><?php echo e("If you want to display another page instead of this page when someone accesses your root domain name, you can define that link in your settings by logging in to your account. You can also define a custom 404 error page.") ?></p>
|
||||
<p class="description"><?php echo e("If you have any questions, please do not hesitate to contact us.") ?></p>
|
||||
<br>
|
||||
<p>
|
||||
<a href="<?php echo route("dashboard") ?>" class="btn btn-secondary btn-round"><?php echo e("Login to your account") ?></a>
|
||||
|
||||
<a href="<?php echo route("contact") ?>" class="btn btn-primary btn-round"><?php echo e("Contact us") ?></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,20 @@
|
||||
<div id="frame" class="bg-dark p-3">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<a class="navbar-brand" href="<?php echo route('home') ?>">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 mt-2 text-white"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-sm-4 hidden-xs">
|
||||
<?php \Helpers\App::ads('frame') ?>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<a href="<?php echo $url->url ?>" class="float-end text-white" title="<?php ee('Close') ?>"><?php ee('Close') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<iframe id="site" src="<?php echo $url->url ?>" frameborder="0" loading="lazy" style="border: 0; width: 100%; height: 100%;position: absolute;top: 90px;z-index: 1;" class="rounded" scrolling="yes"></iframe>
|
||||
@@ -0,0 +1,35 @@
|
||||
<div class="container mt-5 mb-2" id="profile">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-md-3 text-center my-5">
|
||||
<?php if(isset($profiledata['avatar']) && $profiledata['avatar']): ?>
|
||||
<img src="<?php echo uploads($profiledata['avatar'], 'profile') ?>" class="rounded-circle mb-3" width="120" height="120">
|
||||
<?php else: ?>
|
||||
<img src="<?php echo $user->avatar() ?>" class="rounded-circle mb-3" width="120" height="120">
|
||||
<?php endif ?>
|
||||
<h3><span><?php echo $profile->name ?></span></h3></em>
|
||||
<div id="social" class="text-center mt-2">
|
||||
<?php foreach($profiledata['social'] as $key => $value): ?>
|
||||
<?php if(empty($value)) continue ?>
|
||||
<a href="<?php echo $value ?>" class="mx-2"><i class="fab fa-<?php echo $key ?>"></i></a>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<div id="content" class="mt-5">
|
||||
<?php foreach($urls as $url): ?>
|
||||
<div class="item mb-3">
|
||||
<a href="<?php echo \Helpers\App::shortRoute($url->domain, $url->alias.$url->custom) ?>" class="btn btn-block d-block p-3 btn-custom"><?php echo !empty($url->meta_title) ? $url->meta_title : $url->url ?></a>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
<?php echo simplePagination('btn-custom') ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center mt-8 opacity-8">
|
||||
<a class="navbar-brand mr-0" href="<?php echo route('home') ?>">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" width="80" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 mt-2"><?php echo config('title') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,46 @@
|
||||
<section class="bg-primary py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card card-body border-0 shadow-sm">
|
||||
<div class="embed">
|
||||
<?php echo $url->embed ?>
|
||||
</div>
|
||||
<div class="row mt-2">
|
||||
<div class="col-sm-9">
|
||||
<h6><?php echo $url->meta_title ?></h6>
|
||||
</div>
|
||||
<div class="col-sm-3 text-end">
|
||||
<span><?php echo $url->click+1 ?></span>
|
||||
<?php echo e("Views") ?>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-2">
|
||||
<?php echo $url->meta_description ?>
|
||||
</p>
|
||||
</div>
|
||||
<?php \Helpers\App::ads(728) ?>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<?php \Helpers\App::ads(300) ?>
|
||||
<div class="card card-body">
|
||||
<h6><?php echo e("Short URL") ?></h6>
|
||||
<input type="text" class="form-control" value="<?php echo \Helpers\App::shortRoute($url->domain, $url->alias.$url->custom) ?>" readonly>
|
||||
<br>
|
||||
<a href="#copy" class="btn btn-primary copy" data-clipboard-text="<?php echo \Helpers\App::shortRoute($url->domain, $url->alias.$url->custom) ?>"><?php echo e("Copy") ?></a>
|
||||
<?php if(config("sharing")): ?>
|
||||
<hr>
|
||||
<p>
|
||||
<a target="_blank" href="https://www.facebook.com/sharer.php?u=<?php echo \Helpers\App::shortRoute($url->domain, $url->alias.$url->custom) ?>" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Share on") ?> Facebook">
|
||||
<img src="<?php echo assets('images/facebook.svg') ?>" alt="<?php echo e("Share on") ?> Facebook">
|
||||
</a>
|
||||
<a target="_blank" href="https://twitter.com/share?url=<?php echo \Helpers\App::shortRoute($url->domain, $url->alias.$url->custom) ?>&text=Check+out+this+url" class="btn btn-block btn-icon border rounded-circle" title="<?php echo e("Share on") ?> Twitter">
|
||||
<img src="<?php echo assets('images/twitter.svg') ?>" alt="<?php echo e("Share on") ?> Twitter">
|
||||
</a>
|
||||
</p>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,32 @@
|
||||
<section class="bg-primary py-4 py-sm-0">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center min-vh-100">
|
||||
<div class="col-md-6 col-lg-5 col-xl-4 mx-auto">
|
||||
<div class="card shadow-sm border-0 mb-0">
|
||||
<div class="card-body py-5 px-sm-5">
|
||||
<div>
|
||||
<div class="mb-5 text-center">
|
||||
<h6 class="h3 mb-2"><?php ee('Enter Password') ?></h6>
|
||||
<p><?php ee('The access to this URL is restricted. Please enter your password to view it.') ?></p>
|
||||
</div>
|
||||
<span class="clearfix"></span>
|
||||
<?php message() ?>
|
||||
<form method="post" action="">
|
||||
<?php echo csrf() ?>
|
||||
<div class="my-4">
|
||||
<div class="form-floating">
|
||||
<input type="password" class="form-control" name="password" id="input-pass" placeholder="<?php ee('Please enter a valid password.') ?>">
|
||||
<label><?php ee('Password') ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<button type="submit" class="btn btn-block btn-primary"><?php ee('Unlock') ?></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,39 @@
|
||||
<section class="bg-primary border-top border-bottom">
|
||||
<div class="container py-10">
|
||||
<?php \Helpers\App::ads('splash') ?>
|
||||
<div class="card card-body border-0 shadow-sm p-5">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="<?php echo \Helpers\App::shortRoute($url->domain, $url->alias.$url->custom).'/i' ?>" class="img-fluid rounded border">
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h2>
|
||||
<?php if (!empty($url->meta_title)): ?>
|
||||
<?php echo $url->meta_title ?>
|
||||
<?php else: ?>
|
||||
<?php echo e("You are about to be redirected to another page.") ?>
|
||||
<?php endif ?>
|
||||
</h2>
|
||||
<p class="description">
|
||||
<?php if (!empty($url->meta_description)): ?>
|
||||
<?php echo $url->meta_description ?>
|
||||
<?php endif ?>
|
||||
</p>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<a href="<?php echo !config('timer') ? $url->url : '#' ?>" class="btn btn-success d-block redirect" rel="nofollow"><?php echo e("Redirect me"); ?></a>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<a href="<?php echo config('url') ?>" class="btn btn-primary d-block" rel="nofollow"><?php echo e("Take me to your homepage") ?></a></a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="disclaimer">
|
||||
<?php echo e("You are about to be redirected to another page. We are not responsible for the content of that page or the consequences it may have on you.") ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,46 @@
|
||||
<section class="bg-primary pb-5 border-top border-bottom" id="help">
|
||||
<div class="container">
|
||||
<?php view('help.top') ?>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb px-0 breadcrumb-links">
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('home') ?>"><?php ee('Home') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('help') ?>"><?php ee('Help Center') ?></a></li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="mb-4 d-flex align-items-center">
|
||||
<?php if(isset($category->icon) && $category->icon): ?>
|
||||
<div class="me-4 text-center">
|
||||
<?php if(isset($category->iconstyle) && $category->iconstyle == 'emoji'): ?>
|
||||
<span class="display-4"><?php echo $category->icon ?></span>
|
||||
<?php else: ?>
|
||||
<i class="display-4 gradient-primary clip-text <?php echo $category->icon ?>"></i>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div>
|
||||
<h2 class="fw-bold"><?php echo $category->title ?></h2>
|
||||
<div class="mt-2">
|
||||
<p class="lead lh-180"><?php echo $category->description ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<?php foreach($articles as $article): ?>
|
||||
<div class="col-sm-6 col-md-4 mb-4">
|
||||
<div class="card card-body flex-fill h-100 p-4 border-0 shadow-sm">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<a href="<?php echo route('help.single', $article->slug) ?>" class="h6 stretched-link mb-0"><?php echo $article->question ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-2">
|
||||
<?php echo \Core\Helper::truncate(strip_tags($article->answer), 100) ?>
|
||||
</div>
|
||||
<small class="text-muted"><?php ee('Updated {t}', null, ['t' => \Core\Helper::timeago($article->created_at)]) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,55 @@
|
||||
<section class="bg-primary pb-5 border-top border-bottom" id="help">
|
||||
<div class="container">
|
||||
<?php view('help.top') ?>
|
||||
<div class="mt-3 text-start">
|
||||
<h2 class="fw-bold"><?php ee('Browse Topics') ?></h2>
|
||||
</div>
|
||||
<div class="row row-grid py-5">
|
||||
<?php foreach($categories as $slug => $category): ?>
|
||||
<div class="col-sm-6 col-md-4 mb-4">
|
||||
<div class="card card-body flex-fill h-100 p-4 border-0 shadow-sm">
|
||||
<a href="<?php echo route('help.category', [$slug]) ?>">
|
||||
<div class="text-center">
|
||||
<?php if(isset($category->icon) && $category->icon): ?>
|
||||
<?php if(isset($category->iconstyle) && $category->iconstyle == 'emoji'): ?>
|
||||
<span class="display-4"><?php echo $category->icon ?></span>
|
||||
<?php else: ?>
|
||||
<i class="display-4 gradient-primary clip-text <?php echo $category->icon ?>"></i>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
<div class="mt-2">
|
||||
<h4>
|
||||
<span><?php echo $category->title ?></span>
|
||||
</h4>
|
||||
<p class="text-dark"><?php echo $category->description ?></p>
|
||||
<small class="text-muted"><?php echo $category->count ?> <?php ee('articles') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
|
||||
<div class="my-5 text-start">
|
||||
<h2 class="fw-bold"><?php ee('Common Questions') ?></h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<?php foreach($articles as $article): ?>
|
||||
<div class="col-sm-6 col-md-4 mb-4">
|
||||
<div class="card card-body flex-fill h-100 p-4 border-0 shadow-sm">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<a href="<?php echo route('help.single', $article->slug) ?>" class="h6 stretched-link mb-0"><?php echo $article->question ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-2">
|
||||
<?php echo \Core\Helper::truncate(strip_tags($article->answer), 100) ?>
|
||||
</div>
|
||||
<small class="text-muted"><?php ee('Updated {t}', null, ['t' => \Core\Helper::timeago($article->created_at)]) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,36 @@
|
||||
<section class="bg-primary pb-5 border-top border-bottom" id="help">
|
||||
<div class="container">
|
||||
<?php view('help.top', ['q' => $q]) ?>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb px-0 breadcrumb-links">
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('home') ?>"><?php ee('Home') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('help') ?>"><?php ee('Help Center') ?></a></li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="mb-5 justify-content-center">
|
||||
<h2 class="mt-4"><?php echo ee('Search Results for "{q}"', null, ['q' => "<strong>{$q}</strong>"]) ?></h2>
|
||||
</div>
|
||||
<?php if($articles): ?>
|
||||
<div class="row">
|
||||
<?php foreach($articles as $article): ?>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card card-body flex-fill h-100 p-4 border-0 shadow-sm">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<a href="<?php echo route('help.single', $article->slug) ?>" class="h6 stretched-link mb-0"><?php echo $article->question ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-2">
|
||||
<?php echo \Core\Helper::truncate(strip_tags($article->answer), 100) ?>
|
||||
</div>
|
||||
<small class="text-muted"><?php ee('Updated {t}', null, ['t' => \Core\Helper::timeago($article->created_at)]) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php echo pagination('pagination bg-white rounded p-2 shadow-sm', 'page-item', 'page-link') ?>
|
||||
<?php else: ?>
|
||||
<?php ee('No results') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,39 @@
|
||||
<section class="bg-primary pb-5 border-top border-bottom" id="help">
|
||||
<div class="container">
|
||||
<?php view('help.top') ?>
|
||||
<div class="row">
|
||||
<div class="col-md-8 mb-5">
|
||||
<nav aria-label="breadcrumb" class="mb-3">
|
||||
<ol class="breadcrumb px-0 breadcrumb-links mb-0">
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('home') ?>"><?php ee('Home') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('help') ?>"><?php ee('Help Center') ?></a></li>
|
||||
<li class="breadcrumb-item"><a href="<?php echo route('help.category', $article->category) ?>"><?php echo $category->title ?></a></li>
|
||||
</ol>
|
||||
</nav>
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body py-4 px-md-4">
|
||||
<h2 class="mt-4"><?php echo $article->question ?></h2>
|
||||
<small class="text-muted"><i class="fa fa-clock me-1"></i> <?php _ee('Last updated on {d}', ['d' => \Core\Helper::dtime($article->created_at, 'F d, Y')]) ?></small>
|
||||
<article class="mt-5">
|
||||
<?php echo $article->answer ?>
|
||||
</article>
|
||||
</div>
|
||||
<?php if(config('contact')): ?>
|
||||
<div class="text-center mt-5 mb-3">
|
||||
<h6><?php ee('Did not answer your question?') ?> </h6>
|
||||
<a href="<?php echo route('contact') ?>" class="btn btn-sm btn-primary"><?php ee('Contact us') ?></a>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h6 class="mb-3 fw-bold"><?php ee('Related Questions') ?></h6>
|
||||
<?php foreach($related as $article): ?>
|
||||
<a href="<?php echo route('help.single', [$article->slug]) ?>" class="mb-2 d-block"><?php echo $article->question ?></a>
|
||||
<?php endforeach ?>
|
||||
|
||||
<?php \Helpers\App::ads('helpsidebar') ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="py-10">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-9">
|
||||
<h2 class="text-center fw-bolder"><?php ee('How can we help you?') ?></h2>
|
||||
<form action="<?php echo route('help.search') ?>" class="card rounded-pill mb-0 px-2 py-2 mt-5 shadow-sm border-0">
|
||||
<div class="input-group p-2 d-flex align-items-center">
|
||||
<span class="mx-2">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control border-0" name="q" value="<?php echo $q ?? '' ?>" aria-label="Find something" placeholder="<?php ee('Search') ?>...">
|
||||
<span>
|
||||
<button type="submit" class="btn btn-primary rounded-pill px-4"><?php ee('Search') ?></button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
+828
@@ -0,0 +1,828 @@
|
||||
<section id="hero" class="position-relative mt-3">
|
||||
<div class="container position-relative zindex-1">
|
||||
<?php echo message() ?>
|
||||
<div class="row g-lg-5 py-10">
|
||||
<div class="col-lg-7 text-center text-lg-start">
|
||||
<?php if(isset($count->users) && $count->users): ?>
|
||||
<span class="bg-primary py-2 px-3 rounded-pill text-muted fw-bold">
|
||||
<?php if($count->users > 100): ?>
|
||||
<?php _ee('Trusted by {n} worldwide', ['n' => '<strong class="gradient-primary clip-text fw-bolder">'.$count->users.' '.e('customers').'</strong>']) ?>
|
||||
<?php else: ?>
|
||||
<?php _ee('Trusted by {n} worldwide', ['n' => '<strong class="gradient-primary clip-text fw-bolder">'.e('thousands of users').'</strong>']) ?>
|
||||
<?php endif ?>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
<h1 class="display-4 fw-bolder my-4">
|
||||
<strong><?php echo isset(config('theme_config')->homeheader) && !empty(config('theme_config')->homeheader) ? config('theme_config')->homeheader : ee('Intuitive, Secure<br>& Dynamic').'<br> <span class="gradient-primary clip-text" data-toggle="typed" data-list="'.(implode(',', [e('Links').'.',e('QR Codes').'.', e('Bio Pages').'.'])).'"></span>' ?></strong>
|
||||
</h1>
|
||||
<p class="col-lg-10 fs-5 mb-5">
|
||||
<?php echo isset(config('theme_config')->homedescription) && !empty(config('theme_config')->homedescription) ? config('theme_config')->homedescription : e('Boost your campaigns by creating dynamic Links, QR codes and Bio Pages and get instant analytics.') ?>
|
||||
</p>
|
||||
<?php message() ?>
|
||||
<form method="post" action="<?php echo route('shorten') ?>" data-trigger="shorten-form" class="mt-3 mb-5 border rounded p-3 text-start">
|
||||
<div class="input-group input-group-lg align-items-center">
|
||||
<input type="text" class="form-control border-0" placeholder="<?php echo e("Paste a long url") ?>" name="url" id="url">
|
||||
<div class="input-group-append">
|
||||
<?php if(config('user_history') && !\Core\Auth::logged() && $urls = \Helpers\App::userHistory()): ?>
|
||||
<button type="button" class="btn btn-sm" data-bs-toggle="modal" data-bs-target="#userhistory"><i data-bs-toggle="tooltip" title="<?php ee('Your latest links') ?>" class="fa fa-clock-rotate-left"></i></button>
|
||||
<?php endif ?>
|
||||
<button class="btn btn-warning d-none" type="button"><?php ee('Copy') ?></button>
|
||||
<button class="btn btn-primary" type="submit"><?php ee('Shorten') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(!config('pro')): ?>
|
||||
<a href="#advanced" data-bs-toggle="collapse" class="btn btn-sm btn-primary mb-2 mt-2"><?php ee('Advanced') ?></a>
|
||||
<div class="collapse row" id="advanced">
|
||||
<div class="col-md-6 mt-3">
|
||||
<div class="form-group">
|
||||
<label for="custom" class="control-label fw-bold mb-2"><?php ee('Custom') ?></label>
|
||||
<input type="text" class="form-control p-2" name="custom" id="custom" placeholder="<?php echo e("Type your custom alias here")?>" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mt-3">
|
||||
<div class="form-group">
|
||||
<label for="pass" class="control-label fw-bold mb-2"><?php ee('Password Protection') ?></label>
|
||||
<input type="text" class="form-control p-2" name="pass" id="pass" placeholder="<?php echo e("Type your password here")?>" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<?php if(!\Core\Auth::logged()) { echo \Helpers\Captcha::display('shorten'); } ?>
|
||||
</form>
|
||||
<div id="output-result" class="border border-success p-3 rounded d-none mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div id="qr-result" class="me-2"></div>
|
||||
<div id="text-result">
|
||||
<p><?php ee('Your link has been successfully shortened. Want to more customization options?') ?></p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-sm btn-primary"><?php ee('Get started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(\Core\DB::plans()->where('free', '1')->where('status', '1')->first()): ?>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-4 py-3 fw-bold mb-1"><?php ee('Get Started for Free') ?></a>
|
||||
<p>
|
||||
<ul class="list-unstyled mb-2 text-muted small">
|
||||
<li class="mb-1"><i class="fa fa-check text-success me-2"></i> <?php ee('Start free, upgrade later') ?></li>
|
||||
<li class="mb-1"><i class="fa fa-check text-success me-2"></i> <?php ee('No credit card required') ?></li>
|
||||
<li class="mb-1"><i class="fa fa-check text-success me-2"></i> <?php ee('Easy to use') ?></li>
|
||||
</ul>
|
||||
</p>
|
||||
<?php else: ?>
|
||||
<?php if(\Core\DB::plans()->whereNotEqual('trial_days', '0')->first()): ?>
|
||||
<a href="<?php echo route('pricing') ?>" class="btn btn-primary px-4 py-3 fw-bold mb-1"><?php ee('Get Started') ?></a>
|
||||
<p>
|
||||
<ul class="list-unstyled mb-2 text-muted small">
|
||||
<li class="mb-1"><i class="fa fa-check text-success me-2"></i> <?php ee('Start with a free trial') ?></li>
|
||||
<li class="mb-1"><i class="fa fa-check text-success me-2"></i> <?php ee('No credit card required') ?></li>
|
||||
<li class="mb-1"><i class="fa fa-check text-success me-2"></i> <?php ee('Easy to use') ?></li>
|
||||
</ul>
|
||||
</p>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-4 py-3 fw-bold mb-5"><?php ee('Get Started') ?></a>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="col-md-10 mx-auto col-lg-5 h-100 d-none d-sm-block position-relative">
|
||||
<div class="zindex-100 ml-lg-6">
|
||||
<?php if (isset($themeconfig->hero) && !empty($themeconfig->hero)): ?>
|
||||
<img src="<?php echo uploads($themeconfig->hero) ?>" alt="<?php echo config("title") ?>" class="img-fluid mw-lg-120 rounded-top zindex-100">
|
||||
<?php else: ?>
|
||||
<img src="<?php echo assets('images/shapes.svg') ?>" class="img-fluid position-absolute top-0 ms-5 end-0 w-100 h-100 animate-float opacity-50 zindex-0 outer-top">
|
||||
<div class="position-relative card shadow-0 bg-transparent p-5 border-0 perspective" style="height:500px">
|
||||
<div class="position-absolute gradient-primary w-100 top-0 start-0 opacity-75 rounded-3 h-100"></div>
|
||||
<div class="p-5 w-100 position-absolute top-50 start-50 translate-middle">
|
||||
<div class="card border-0 shadow-lg mb-3">
|
||||
<div class="card-body fs-6">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fa fa-link fs-5"></i>
|
||||
<div class="ms-3">
|
||||
<h6 class="fw-bold mb-0"><?php echo config('sitename') ?></h6>
|
||||
<span class="fw-bold text-muted"><?php echo url('short') ?></span>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<span class="fs-6 text-success"><?php $rand = round(mt_rand() / mt_getrandmax() * 3, 2); echo $rand; ?>M <?php ee('Clicks') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card p-3 border-0 shadow-lg">
|
||||
<div class="d-flex align-items-center mb-0">
|
||||
<h3 class="text-dark h5 fw-bolder mb-0">
|
||||
<?php ee('Clicks') ?> <span class="fs-6 text-success">+<?php echo rand(10, 80) ?>%</span>
|
||||
</h3>
|
||||
<span class="fs-6 d-block text-muted ms-auto fw-bold"><?php echo $rand ?>M <?php ee('Clicks') ?></span>
|
||||
</div>
|
||||
<svg class="rounded" viewBox="0 0 2000 1400" xmlns="http://www.w3.org/2000/svg"><path d="M0 1383.803c21-9.972 63-30.067 105-49.86s63-36.615 105-49.107c42-12.492 63 17.422 105-13.354 42-30.777 63-125.032 105-140.528 42-15.495 63 88.592 105 63.05 42-25.543 63-144.923 105-190.761 42-45.838 63-56.416 105-38.43 42 17.987 63 142.285 105 128.363 42-13.92 63-148.434 105-197.97 42-49.534 63-51.791 105-49.705 42 2.086 63 83.56 105 60.136 42-23.425 63-127.997 105-177.258 42-49.262 63-62.948 105-69.05 42-6.102 63 90.824 105 38.54s63-274.834 105-299.962c42-25.13 63 170.32 105 174.318 42 3.999 63-66.754 105-154.324 42-87.57 63-207.459 105-283.526 42-76.068 84-77.45 105-96.811L2000 1400H0Z" fill="rgba(var(--bs-primary-rgb), 1)"/><path d="M0 1383.803c21-9.972 63-30.067 105-49.86s63-36.615 105-49.107c42-12.492 63 17.422 105-13.354 42-30.777 63-125.032 105-140.528 42-15.495 63 88.592 105 63.05 42-25.543 63-144.923 105-190.761 42-45.838 63-56.416 105-38.43 42 17.987 63 142.285 105 128.363 42-13.92 63-148.434 105-197.97 42-49.534 63-51.791 105-49.705 42 2.086 63 83.56 105 60.136 42-23.425 63-127.997 105-177.258 42-49.262 63-62.948 105-69.05 42-6.102 63 90.824 105 38.54s63-274.834 105-299.962c42-25.13 63 170.32 105 174.318 42 3.999 63-66.754 105-154.324 42-87.57 63-207.459 105-283.526 42-76.068 84-77.45 105-96.811" fill="none" stroke="var(--bs-primary)" stroke-width="4"/><g fill="var(--bs-primary)" opacity="0.2"><circle cx="1575" cy="397.907" r="30"/></g><g fill="var(--bs-primary)"><circle cx="105" cy="1333.943" r="8"/><circle cx="210" cy="1284.836" r="8"/><circle cx="315" cy="1271.482" r="8"/><circle cx="420" cy="1130.954" r="8"/><circle cx="525" cy="1194.003" r="8"/><circle cx="630" cy="1003.243" r="8"/><circle cx="735" cy="964.814" r="8"/><circle cx="840" cy="1093.176" r="8"/><circle cx="945" cy="895.207" r="8"/><circle cx="1050" cy="845.501" r="8"/><circle cx="1155" cy="905.637" r="8"/><circle cx="1260" cy="728.379" r="8"/><circle cx="1365" cy="659.329" r="8"/><circle cx="1470" cy="697.869" r="8"/><circle cx="1575" cy="397.907" r="8"/><circle cx="1680" cy="572.225" r="8"/><circle cx="1785" cy="417.901" r="8"/><circle cx="1890" cy="134.375" r="8"/><text x="1480" y="300" class="fw-bold display-2"><?php echo round(mt_rand() / mt_getrandmax() * 2, 2) ?>K</text></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border-0 shadow-lg mb-3 position-absolute top-0 start-0 me-5 animate-float outer-left">
|
||||
<div class="card-body">
|
||||
<div class="position-relative">
|
||||
<div class="border-0 d-block rounded p-1 d-inline-block gradient-primary text-white position-absolute top-0 start-100 translate-middle ms-3">
|
||||
<img src="<?php echo \Helpers\QR::factory('Sample QR', 40, 0)->format('svg')->create('uri') ?>" class="rounded">
|
||||
</div>
|
||||
<h5 class="mb-0 fw-bold me-3"><?php ee('QR Codes') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border-0 shadow-lg mb-3 position-absolute top-50 end-0 mt-5 me-4 animate-float outer-right">
|
||||
<div class="position-relative p-2">
|
||||
<span class="shadow-0 rounded p-2 px-3 d-inline-block gradient-primary text-white position-absolute top-0 start-50 translate-middle">
|
||||
<i class="fa fa-mobile"></i>
|
||||
</span>
|
||||
<h5 class="mb-0 mt-3 mx-3 fw-bold"><?php ee('Bio Pages') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border-0 shadow-lg mb-3 position-absolute top-100 start-0 ms-5 animate-float outer-left">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="shadow-0 rounded p-2 px-3 d-inline-block gradient-primary text-white me-2">
|
||||
<i class="fa fa-link"></i>
|
||||
</span>
|
||||
<h5 class="mb-0 fw-bold"><?php ee('Smart Short Links') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="mainfeatures">
|
||||
<div class="container">
|
||||
<div class="bg-dark shadow rounded p-5">
|
||||
<div class="d-sm-flex align-items-center">
|
||||
<h2 class="text-white fw-bolder display-5 lh-lg"><?php ee('<span class="gradient-primary clip-text fw-bolder gradient-bottom">Supercharge</span> <span class="thunder-animation fa fa-bolt text-warning"></span> your productivity') ?></h2>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-light text-dark fw-bold mt-2 rounded-pill ms-auto px-5"><?php ee('Get Started') ?><i class="fa fa-chevron-right fa-xs align-middle ps-3"></i></a>
|
||||
</div>
|
||||
<div class="row align-items-center gy-5 pt-5" id="blurred">
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 overflow-hidden">
|
||||
<div class="gradient-primary">
|
||||
<div class="m-3 rounded-pill px-3 py-2 bg-white">
|
||||
<i class="fa fa-link gradient-primary clip-text me-2"></i> <strong><?php echo url() ?><span class="gradient-primary clip-text" data-toggle="typed" data-list="app,store,profile,page"></span></strong>
|
||||
</div>
|
||||
<div class="mt-3 card-carousel">
|
||||
<div class="card-carousel-inner">
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Branded Domains')?></small>
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Quick Analytics')?></small>
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Custom Alias')?></small>
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Advanced Targeting')?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-2 mb-4 card-carousel ps-5">
|
||||
<div class="card-carousel-inner">
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Deep Links')?></small>
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Custom Parameters')?></small>
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('A/B Testing')?></small>
|
||||
<small class="card-carousel-item bg-white shadow-sm py-1 px-2 fit-content rounded-pill text-dark"><?php ee('Custom Meta Tags')?></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="fw-bold mb-3"><?php ee('URL Shortener') ?></h4>
|
||||
<p class="">
|
||||
<?php ee('Transform long, complex URLs into memorable short links. Perfect for social media, marketing campaigns, and keeping your brand consistent.') ?>
|
||||
</p>
|
||||
<a href="#features" class="btn btn-transparent text-dark fw-bold mt-2 rounded-pill border"><?php ee('Learn more') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 overflow-hidden">
|
||||
<div class="gradient-primary p-3 text-center">
|
||||
<span class="rounded-circle mb-1 d-block bg-white mx-auto opacity-8" style="width:40px;height:40px"><img src="<?php echo assets('images/avatar-f1.jpg') ?>" class="img-fluid rounded-circle"></span>
|
||||
<h6 class="text-white fw-bold"><span><?php echo config('sitename') ?></span></h6></em>
|
||||
<div id="social" class="text-center mt-2">
|
||||
<a href="<?php echo config('facebook') ?>" target="_blank" class="mx-2 text-white" data-bs-toggle="tooltip" title="Facebook"><i class="fab fa-facebook"></i></a>
|
||||
<a href="<?php echo config('twitter') ?>" target="_blank" class="mx-2 text-white" data-bs-toggle="tooltip" title="Twitter"><i class="fab fa-x-twitter"></i></a>
|
||||
</div>
|
||||
<div id="content" class="mt-2">
|
||||
<a href="#" class="btn btn-sm d-block btn-light text-primary shadow-sm rounded-pill"><small>🔥 <?php ee('Shop') ?></small></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="fw-bold mb-3"><?php ee('Bio Pages') ?></h4>
|
||||
<p class="">
|
||||
<?php ee('Create stunning, mobile-optimized landing pages that showcase all your important links in one place. Perfect for social media profiles.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('page.bio') ?>" class="btn btn-transparent text-dark fw-bold mt-2 rounded-pill border"><?php ee('Learn more') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-0 overflow-hidden">
|
||||
<div class="gradient-primary p-3 text-center">
|
||||
<div class="position-relative">
|
||||
<div class="position-relative qr-code-animation">
|
||||
<?php echo \Helpers\QR::factory(url('pricing'), 138, 2)->module('circle')->eye('circle', 'rounded')->color('rgb(0,0,0)', 'rgb(255,255,255)','rgb(255,255,0)', 'rgb(255,0,255)')->format('svg')->string() ?>
|
||||
</div>
|
||||
<div class="z-n1 mt-2 mb-4 card-carousel ps-5 position-absolute top-50 start-50 translate-middle">
|
||||
<div class="card-carousel">
|
||||
<div class="card-carousel-inner">
|
||||
<small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white"><?php ee('Gradient Color')?></small>
|
||||
<small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white"><?php ee('QR Styles')?></small>
|
||||
<small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white"><?php ee('Dynamic QR Codes')?></small>
|
||||
<small class="card-carousel-item bg-dark shadow-sm py-1 px-2 fit-content rounded-pill text-white"><?php ee('Custom Frames')?></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="fw-bold mb-3"><?php ee('QR Codes') ?></h4>
|
||||
<p class="">
|
||||
<?php ee('Generate dynamic QR codes that can be customized with your brand colors and tracked in real-time.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('page.qr') ?>" class="btn btn-transparent text-dark fw-bold mt-2 rounded-pill border"><?php ee('Learn more') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-10 pt-5" id="features">
|
||||
<div class="container">
|
||||
<div class="row flex-lg-row-reverse align-items-center gy-5 py-5">
|
||||
<div class="col-md-6 offset-md-1 text-start">
|
||||
<span class="bg-primary py-2 px-3 rounded-pill">
|
||||
<strong class="gradient-primary clip-text fw-bolder"><?php ee('Collect data within minutes. Hassle-free.') ?></strong>
|
||||
</span>
|
||||
<h2 class="display-6 fw-bold mt-3 mb-5">
|
||||
<?php ee('One short link, infinite possibilities.') ?>
|
||||
</h2>
|
||||
<p class="lead mb-5">
|
||||
<?php ee('A short link is a powerful marketing tool when you use it carefully. It is not just a link but a medium between your customer and their destination. A short link allows you to collect so much data about your customers and their behaviors.') ?>
|
||||
</p>
|
||||
<ul class="list-unstyled mb-2">
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-link gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Short Links') ?></span>
|
||||
<p><?php ee('Intuitive and trackable links') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-qrcode gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('QR Codes') ?></span>
|
||||
<p><?php ee('Customizable and secure QR codes') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-mobile gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Beautiful Bio Pages') ?></span>
|
||||
<p><?php ee('Simple yet beautiful Bio Pages for your links') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="p-4 p-md-5 rounded-3 shadow-sm position-relative h-100 gradient-primary">
|
||||
<h6 class="fw-bold text-white mb-2"><?php ee('Turn long links into short links') ?></h6>
|
||||
<h5 class="fw-bold text-white border rounded p-3"><span data-toggle="typed" data-list="<i class='fa fa-times-circle'></i> https://longurl.com/page/article-name,<i class='fa fa-check-circle'></i> <?php echo str_replace('www.', '', url('short')) ?>"></span></h5>
|
||||
<div class="position-absolute position-sm-relative card liquid-blur mt-10 top-0 ms-0 ms-md-5 start-0 d-block p-5 rounded shadow w-100 opacity-90 border-0">
|
||||
<h5 class="fw-bold"><?php ee('Where are most of your users located?') ?></h5>
|
||||
<div class="mt-4">
|
||||
<div class="mt-3">
|
||||
<img src="<?php echo assets('images/flags/ca.svg') ?>" class="icon rounded">
|
||||
<span class="align-middle ms-2">
|
||||
<?php ee('Canada') ?>
|
||||
</span>
|
||||
<div class="progress progress-sm mt-2">
|
||||
<div class="progress-bar" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<img src="<?php echo assets('images/flags/us.svg') ?>" class="icon rounded">
|
||||
<span class="align-middle ms-2">
|
||||
<?php ee('United States of America') ?>
|
||||
</span>
|
||||
<div class="progress progress-sm mt-2">
|
||||
<div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<img src="<?php echo assets('images/flags/gb.svg') ?>" class="icon rounded">
|
||||
<span class="align-middle ms-2">
|
||||
<?php ee('United Kingdom') ?>
|
||||
</span>
|
||||
<div class="progress progress-sm mt-2">
|
||||
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<img src="<?php echo assets('images/flags/jp.svg') ?>" class="icon rounded border">
|
||||
<span class="align-middle ms-2">
|
||||
<?php ee('Japan') ?>
|
||||
</span>
|
||||
<div class="progress progress-sm mt-2">
|
||||
<div class="progress-bar" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center gy-5 py-5 mt-8 text-start">
|
||||
<div class="col-md-6 order-last order-sm-first">
|
||||
<span class="bg-primary py-2 px-3 rounded-pill">
|
||||
<strong class="gradient-primary clip-text fw-bolder"><?php ee('Instantly link to apps. Automatically.') ?></strong>
|
||||
</span>
|
||||
<h2 class="display-6 fw-bold mb-5 mt-3">
|
||||
<?php ee('Smart Deep Linking') ?>
|
||||
</h2>
|
||||
<p class="lead mb-5">
|
||||
<?php ee('Grow your audience by automatically opening mobile apps when the app is installed without any coding knowledge or SDK. Direct customers to download and install apps when not installed on the device. Many popular apps are supported and you can even add your own app links.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded p-3 shadow-sm card position-relative">
|
||||
<h5 class="fw-bolder mb-0"><i class="fa fa-lock text-success me-2"></i> <?php echo url() ?><span class="gradient-primary clip-text" >smart</span></h5>
|
||||
<span class="gradient-primary d-inline-block position-absolute top-100 start-50 translate-middle text-white rounded-circle icon-sm text-center"><i class="fa fa-chevron-down mt-2 animate-float"></i></span>
|
||||
</div>
|
||||
<h3 class="h5 fw-bold mt-4 text-center"><?php ee('Popular Apps') ?></h3>
|
||||
<div class="row mt-4 justify-content-center">
|
||||
<?php foreach(\Helpers\DeepLinks::list() as $item): ?>
|
||||
<div class="col-4 col-lg-2 mb-5 text-center">
|
||||
<img alt="<?php echo $item['title'] ?>" src="<?php echo $item['icon'] ?>" class="icon-md bg-white shadow-sm p-2 rounded">
|
||||
<p class="fw-bold text-dark my-3"><?php echo $item['title'] ?></p>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bg-primary py-15 text-dark">
|
||||
<div class="text-center mb-5 px-3">
|
||||
<h2 class="fw-bolder display-5 mb-3"><strong><?php ee("Features that<br>you'll <span class=\"gradient-primary clip-text\">ever need</span>") ?></strong></h2>
|
||||
<p class="lead"><?php ee('We provide you with all the tools you need to increase your productivity.') ?></p>
|
||||
</div>
|
||||
<div class="py-5 mt-sm-5 card-carousel">
|
||||
<div class="card-carousel-inner pe-2">
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-spinner fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Custom Landing Page') ?></h4>
|
||||
<p>
|
||||
<?php ee('Create a custom landing page to promote your product or service on forefront and engage the user in your marketing campaign.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-layer-group fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('CTA Overlays') ?></h4>
|
||||
<p>
|
||||
<?php ee('Use our overlay tool to display unobtrusive notifications, polls or even a contact on the target website. Great for campaigns.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-compass fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Event Tracking') ?></h4>
|
||||
<p>
|
||||
<?php ee('Add your custom pixel from providers such as Facebook and track events right when they are happening.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-bullseye fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Smart Targeting') ?></h4>
|
||||
<p>
|
||||
<?php ee('Easily apply restrictions to your links and target users in specific countries & languages using specific devices.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-users fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Team Management') ?></h4>
|
||||
<p>
|
||||
<?php ee('Invite your team members and assign them specific privileges to manage everything and collaborate together.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-globe fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Branded Domain Names') ?></h4>
|
||||
<p>
|
||||
<?php ee("Easily add your own domain name for short links and take control of your brand name and your users' trust.") ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-box fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Campaigns & Channels') ?></h4>
|
||||
<p>
|
||||
<?php ee('Group and organize your Links, Bio Pages and QR Codes. With Campaigns, you can also get aggregated stats.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-carousel-item item-lg item-animate h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-terminal fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Developer API') ?></h4>
|
||||
<p>
|
||||
<?php ee('Use our powerful API to build custom applications or extend your own application with our powerful tools.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-10">
|
||||
<div class="container">
|
||||
<div class="row flex-lg-row-reverse align-items-center gy-5 py-5">
|
||||
<div class="col-md-6 order-last order-sm-first" id="notifications-card">
|
||||
<div class="card shadow border-0 p-3 mb-4 mt-5">
|
||||
<div class="d-flex">
|
||||
<img alt="<?php ee('New York, United States') ?>" src="<?php echo assets('images/flags/fr.svg') ?>" class="avatar text-white rounded mr-3">
|
||||
<div class="ms-3 mt-2">
|
||||
<h6 class="fw-bold mb-1"><?php ee('Someone scanned your QR Code') ?></h6>
|
||||
<div class="h6 mb-0 text-sm">
|
||||
<span class="text-muted"><?php ee('Paris, France') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto d-none d-lg-block mt-3">
|
||||
<span class="badge badge-pill gradient-primary p-2"><?php ee('{d} minutes ago', null, ['d' => $numbers[0]]) ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow gradient-primary border-0 p-3 mb-4">
|
||||
<div class="d-flex">
|
||||
<img alt="<?php ee('New York, United States') ?>" src="<?php echo assets('images/flags/us.svg') ?>" class="avatar text-white rounded mr-3">
|
||||
<div class="ms-3 mt-2 text-white">
|
||||
<h6 class="fw-bold mb-1"><?php ee('Someone visited your Link') ?></h6>
|
||||
<div class="h6 mb-0 text-sm">
|
||||
<span><?php ee('New York, United States') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto d-none d-lg-block mt-3">
|
||||
<span class="badge badge-pill bg-white text-dark p-2"><?php ee('{d} minutes ago', null, ['d' => $numbers[1]]) ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow border-0 p-3 mb-4">
|
||||
<div class="d-flex">
|
||||
<img alt="<?php ee('New York, United States') ?>" src="<?php echo assets('images/flags/gb.svg') ?>" class="avatar text-white rounded mr-3">
|
||||
<div class="ms-3 mt-2">
|
||||
<h6 class="fw-bold mb-1"><?php ee('Someone viewed your Bio Page') ?></h6>
|
||||
<div class="h6 mb-0 text-sm">
|
||||
<span class="text-muted"><?php ee('London, United Kingdom') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto d-none d-lg-block mt-3">
|
||||
<span class="badge badge-pill gradient-primary p-2"><?php ee('{d} minutes ago', null, ['d' => $numbers[2]]) ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 order-first order-sm-last text-start">
|
||||
<span class="bg-primary py-2 px-3 rounded-pill">
|
||||
<strong class="gradient-primary clip-text fw-bolder"><?php ee('Get instant results') ?></strong>
|
||||
</span>
|
||||
<h2 class="display-6 fw-bold mb-5 mt-3">
|
||||
<?php ee('Track & Optimize') ?>
|
||||
</h2>
|
||||
<p class="lead mb-5 pe-5">
|
||||
<?php ee('Understanding your users and customers will help you increase your conversion. Our system allows you to track everything. Whether it is the amount of clicks, the country or the referrer, the data is there for you to analyze it.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row flex-lg-row-reverse align-items-center gy-5 py-5 mt-8 text-start">
|
||||
<div class="col-md-6 order-first order-sm-last">
|
||||
<div class="card shadow border-0 p-4 mt-5 mx-2 mx-md-4 backdrop-cards">
|
||||
<div>
|
||||
<h5 class="fw-bolder"><?php ee('Invite People') ?></h5>
|
||||
<span class="text-muted"><?php ee('Invite your teammates & work together') ?></span>
|
||||
<div class="d-block mt-3"><strong><?php ee('Members') ?></strong> <small class="text-muted">(3/5)</small></div>
|
||||
<div class="d-flex my-2">
|
||||
<img alt="<?php ee('Invite your teammates & work together') ?>" src="<?php echo assets('images/avatar-f1.jpg') ?>" class="avatar-sm rounded-circle mr-3">
|
||||
<div class="ms-3 mt-2">
|
||||
<h6 class="fw-bold mb-1"><?php ee('Jane Doe') ?></h6>
|
||||
<div class="h6 mb-0 text-sm">
|
||||
<small class="text-muted">jane.doe@<?php echo str_replace('www.', '', \Core\Helper::parseUrl(config('url'), 'host')) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex my-2">
|
||||
<img alt="<?php ee('Invite your teammates & work together') ?>" src="<?php echo assets('images/avatar-m2.jpg') ?>" class="avatar-sm rounded-circle mr-3">
|
||||
<div class="ms-3 mt-2">
|
||||
<h6 class="fw-bold mb-1"><?php ee('Barry Tone') ?></h6>
|
||||
<div class="h6 mb-0 text-sm">
|
||||
<small class="text-muted">barry.tone@<?php echo str_replace('www.', '', \Core\Helper::parseUrl(config('url'), 'host')) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ms-auto d-none d-lg-block mt-3">
|
||||
<span class="badge badge-pill bg-primary p-2"><strong class="gradient-primary clip-text"><?php ee('Invited') ?></strong></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex my-2">
|
||||
<img alt="<?php ee('Invite your teammates & work together') ?>" src="<?php echo assets('images/avatar-m1.jpg') ?>" class="avatar-sm rounded-circle mr-3">
|
||||
<div class="ms-3 mt-2">
|
||||
<h6 class="fw-bold mb-1"><?php ee('John Doe') ?></h6>
|
||||
<div class="h6 mb-0 text-sm">
|
||||
<small class="text-muted">john.doe@<?php echo str_replace('www.', '', \Core\Helper::parseUrl(config('url'), 'host')) ?></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 order-last order-sm-first">
|
||||
<span class="bg-primary py-2 px-3 rounded-pill">
|
||||
<strong class="gradient-primary clip-text fw-bolder"><?php ee('Collaborate with your teammates') ?></strong>
|
||||
</span>
|
||||
<h2 class="display-6 fw-bold mb-5 mt-3">
|
||||
<?php ee('Invite & Work Together') ?>
|
||||
</h2>
|
||||
<p class="lead mb-5">
|
||||
<?php ee('Invite your teammates within seconds and work together as team to manage your Links, Bio Pages and QR codes. Team members can can be assigned specific privileges and can work on different workspaces.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-10">
|
||||
<div class="col-md-12">
|
||||
<div class="p-2 p-md-5 bg-primary rounded-4 border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4 order-last order-sm-first d-none d-md-block">
|
||||
<div class="row">
|
||||
<div class="col-6 text-center">
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Slack" src="<?php echo assets("images/slack.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Slack</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Zapier" src="<?php echo assets("images/zapier.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Zapier</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Google Tag Manager" src="<?php echo assets("images/gtm.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Google Tag Manager</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Facebook Pixels" src="<?php echo assets("images/facebook.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Facebook</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 py-5 text-center">
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Bing" src="<?php echo assets("images/wp.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">WordPress</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Bing" src="<?php echo assets("images/shortcuts.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Shortcuts</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<span class="icon-md bg-white shadow-sm p-2 rounded-circle d-inline-block"><i class="fab fa-x-twitter fs-2"></i></span>
|
||||
<p class="fw-bold text-dark my-3">X</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Snapchat" src="<?php echo assets("images/snapchat.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Snapchat</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="text-center mb-5">
|
||||
<h3 class="fw-bold mt-4"><strong><?php ee('Integrations') ?></strong></h3>
|
||||
<p><?php ee('Connect your links to third-party applications so they can share information such as traffic and analytics.') ?></p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold mt-3"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-none d-md-block">
|
||||
<div class="row">
|
||||
<div class="col-6 py-5 text-center">
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Bing" src="<?php echo assets("images/bing.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Bing</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Reddit" src="<?php echo assets("images/reddit.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Reddit</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Google Analytics" src="<?php echo assets("images/ga.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Google Analytics</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="LinkedIn" src="<?php echo assets("images/linkedin.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">LinkedIn</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 text-center">
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Pinterest" src="<?php echo assets("images/pinterest.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Pinterest</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Quora" src="<?php echo assets("images/quora.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Quora</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="TikTok" src="<?php echo assets("images/tiktok.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">TikTok</p>
|
||||
</div>
|
||||
<div class="integrations mb-5">
|
||||
<img alt="Adroll" src="<?php echo assets("images/aroll.svg") ?>" class="icon-md bg-white shadow-sm p-2 rounded-circle">
|
||||
<p class="fw-bold text-dark my-3">Adroll</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5 text-start">
|
||||
<div class="col-md-6 mb-2 mb-md-0">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-th fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Tracking Pixels') ?></h4>
|
||||
<p>
|
||||
<?php ee('Add your custom pixel from providers such as Facebook & Google Tag Manager and track events right when they are happening.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-0">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-bell fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Notifications') ?></h4>
|
||||
<p>
|
||||
<?php ee('Get notified when users use your links via various channels such as Slack and webhook services like Zapier.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php if($testimonials = (array) config('testimonials')): ?>
|
||||
<section class="bg-primary">
|
||||
<div class="container py-8">
|
||||
<div class="row my-5 justify-content-center text-center">
|
||||
<div class="col-lg-8 col-md-10">
|
||||
<h2 class="mb-2 fw-bolder h1"><strong><?php ee("Don't take our word for it.") ?></strong></h2>
|
||||
<h2 class="mb-5 fw-bolder h1"><strong class="gradient-primary clip-text"><?php ee('Trust our customers.') ?></strong></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<?php foreach(array_chunk($testimonials, ceil(count($testimonials)/3)) as $testimonials): ?>
|
||||
<div class="col-lg-4 px-sm-2">
|
||||
<?php foreach($testimonials as $testimonial): ?>
|
||||
<div class="card shadow-sm border-0 mb-4 mx-lg-1">
|
||||
<div class="card-body p-3">
|
||||
<p><?php echo $testimonial->testimonial ?></p>
|
||||
<div class="d-flex align-items-center mt-3">
|
||||
<div>
|
||||
<?php if(isset($testimonial->avatar) && file_exists(appConfig('app')['storage']['avatar']['path'].'/'.$testimonial->avatar)) $testimonial->avatar = uploads($testimonial->avatar, 'avatar');else{if($testimonial->email){$testimonial->avatar = 'https://www.gravatar.com/avatar/'.md5(trim($testimonial->email)).'?s=64&d=identicon';}} ?>
|
||||
<?php echo $testimonial->avatar ? '<img src="'.$testimonial->avatar.'" class="avatar-sm rounded-circle"" alt="'.$testimonial->name.'">': '' ?>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="h6 mb-0"><?php echo $testimonial->name ?> <?php echo $testimonial->job ? '<small class="d-block text-muted">'.$testimonial->job.'</small>' : '' ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php endif ?>
|
||||
<?php if (config("homepage_stats")): ?>
|
||||
<section class="py-8">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<h2 class="fw-bolder display-5 mb-5 text-center text-md-start"><strong><?php ee("Let <br><span class=\"gradient-primary clip-text\">the numbers</span><br> do the talking") ?>.</strong></h2>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-5">
|
||||
<div class="text-center bg-primary py-5 px-2 px-lg-5 rounded">
|
||||
<h3 class="h5 text-capitalize"><span class="gradient-primary fw-bolder clip-text"><?php ee('Powering') ?></span></h3>
|
||||
<div class="h1">
|
||||
<span class="counter"><?php echo $count->links ?></span>
|
||||
<span class="counter-extra">+</span>
|
||||
</div>
|
||||
<h3 class="h6 text-capitalize fw-bold"><?php ee('Links') ?></h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-5">
|
||||
<div class="text-center bg-primary py-5 px-2 px-lg-5 rounded">
|
||||
<h3 class="h5 text-capitalize"><span class="gradient-primary fw-bolder clip-text"><?php ee('Serving') ?></span></h3>
|
||||
<div class="h1">
|
||||
<span class="counter"><?php echo $count->clicks ?></span>
|
||||
<span class="counter-extra">+</span>
|
||||
</div>
|
||||
<h3 class="h6 text-capitalize fw-bold"><?php ee('Clicks') ?></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-5">
|
||||
<div class="text-center bg-primary py-5 px-2 px-lg-5 rounded">
|
||||
<h3 class="h5 text-capitalize"><span class="gradient-primary fw-bolder clip-text"><?php ee('Trusted by') ?></span></h3>
|
||||
<div class="h1">
|
||||
<span class="counter"><?php echo $count->users ?></span>
|
||||
<span class="counter-extra">+</span>
|
||||
</div>
|
||||
<h3 class="h6 text-capitalize fw-bold"><?php ee('Amazing Customers') ?></h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-5 d-none d-md-block">
|
||||
<a href="<?php echo route('register') ?>">
|
||||
<div class="bg-primary py-5 px-2 px-lg-5 rounded h-100 d-flex align-items-center justify-content-center">
|
||||
<h3 class="h5 text-capitalize">
|
||||
<span class="gradient-primary fw-bolder clip-text"><?php ee('Get Started') ?> <i class="fa fa-chevron-right small"></i></span>
|
||||
</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php endif ?>
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="h-100 p-5 gradient-primary text-white with-shapes rounded-4 border-0 text-start">
|
||||
<div class="row align-items-center gy-lg-5">
|
||||
<div class="col-sm-8">
|
||||
<h2 class="fw-bold"><?php ee('Take control of your links') ?></h2>
|
||||
<p><?php ee('You are one click away from taking control of all of your links, and instantly get better results.') ?></p>
|
||||
</div>
|
||||
<div class="col-sm-4 text-end">
|
||||
<a class="btn btn-light text-primary btn-lg d-block d-sm-inline-block" href="<?php echo route('register') ?>"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php if(config('user_history') && !\Core\Auth::logged() && $urls = \Helpers\App::userHistory()): ?>
|
||||
<div class="modal fade" id="userhistory" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h6 class="modal-title fw-bolder"><?php ee('Your latest links') ?></h6>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<?php foreach($urls as $url): ?>
|
||||
<h6 class="mb-1"><a href="<?php echo $url['url'] ?>" target="_blank"><?php echo $url['meta_title'] ?></a></h6>
|
||||
<a href="<?php echo \Helpers\App::shortRoute($url['domain'], $url['alias'].$url['custom']) ?>" class="text-muted d-block mb-3"><?php echo \Helpers\App::shortRoute($url['domain'], $url['alias'].$url['custom']) ?></a>
|
||||
<?php endforeach ?>
|
||||
<div class="d-flex mt-5 border rounded p-2">
|
||||
<div class="opacity-8">
|
||||
<?php ee('Want more options to customize the link, QR codes, branding and advanced metrics?') ?>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary btn-xs"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark" class="c_darkmode"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>?v=1.1" id="stylesheet">
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body>
|
||||
<a class="position-fixed bottom-0 end-0 m-3 btn btn-dark rounded-circle shadow opacity-0" role="button" data-trigger="scrollto" data-top="0" id="scroll-to-top">
|
||||
<i class="fa fa-chevron-up small" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a class="position-fixed bottom-0 start-0 m-3 btn btn-dark rounded-circle shadow py-2 zindex-top d-inline-block d-md-none" data-bs-toggle="collapse" data-bs-target=".doc-sidebar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<i class="fa fa-list"></i>
|
||||
</a>
|
||||
|
||||
<?php view('partials.main_menu', ['menu' => 'full']) ?>
|
||||
|
||||
<?php section() ?>
|
||||
|
||||
<?php view('partials.footer') ?>
|
||||
|
||||
<?php view('partials.languagejs') ?>
|
||||
|
||||
<script src="<?php echo assets('webpack.pack.js') ?>"></script>
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<script id="cookieconsent-script" src="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.js') ?>"></script>
|
||||
<?php endif ?>
|
||||
<?php block('footer') ?>
|
||||
<script src="<?php echo assets('app.min.js') ?>?v=1.1"></script>
|
||||
<script src="<?php echo assets('server.min.js') ?>?v=1.1"></script>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
<?php if(config('fonts') && config('cookieconsent')->enabled): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('extra') ?>>
|
||||
$('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600;900">').append('<style>body{font-family:\'<?php echo config('fonts') ?>\' !important}</style>');
|
||||
</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark" class="c_darkmode"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>?v=1.1" id="stylesheet">
|
||||
<?php if(config('fonts') && !config('cookieconsent')->enabled): ?>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600" rel="stylesheet">
|
||||
<style>body{font-family:'<?php echo config('fonts') ?>' !important}</style>
|
||||
<?php endif ?>
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body<?php echo \Core\View::bodyClass() ?>>
|
||||
<?php section() ?>
|
||||
<script src="<?php echo assets('webpack.pack.js') ?>"></script>
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<script id="cookieconsent-script" src="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.js') ?>"></script>
|
||||
<?php endif ?>
|
||||
<?php block('footer') ?>
|
||||
<?php view('partials.languagejs') ?>
|
||||
|
||||
<script src="<?php echo assets('app.min.js') ?>"></script>
|
||||
<script src="<?php echo assets('custom.min.js') ?>?v=1.1"></script>
|
||||
<script src="<?php echo assets('server.min.js?v=1.1') ?>"></script>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
<?php if(config('fonts') && config('cookieconsent')->enabled): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('extra') ?>>
|
||||
$('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600;900">').append('<style>body{font-family:\'<?php echo config('fonts') ?>\' !important}</style>');
|
||||
</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark" class="c_darkmode"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>?v=1.1" id="stylesheet">
|
||||
<?php if(config('font') && !config('cookieconsent')->enabled): ?>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('font')) ?>:wght@300;400;600" rel="stylesheet">
|
||||
<style>body{font-family:'<?php echo config('font') ?>' !important}</style>
|
||||
<?php endif ?>
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body>
|
||||
<?php view('partials.main_menu') ?>
|
||||
|
||||
<?php section() ?>
|
||||
|
||||
<?php view('partials.footer') ?>
|
||||
|
||||
<a class="position-fixed bottom-0 end-0 m-3 btn btn-dark rounded-circle shadow opacity-0" role="button" data-trigger="scrollto" data-top="0" id="scroll-to-top">
|
||||
<i class="fa fa-chevron-up small" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<?php view('partials.languagejs') ?>
|
||||
|
||||
<script src="<?php echo assets('webpack.pack.js') ?>"></script>
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<script id="cookieconsent-script" src="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.js') ?>"></script>
|
||||
<?php endif ?>
|
||||
<?php block('footer') ?>
|
||||
|
||||
<script src="<?php echo assets('app.min.js') ?>?v=1.1"></script>
|
||||
<script src="<?php echo assets('server.min.js') ?>?v=1.1"></script>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
<?php if(config('font') && config('cookieconsent')->enabled): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('extra') ?>>
|
||||
$('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('font')) ?>:wght@300;400;600;900">').append('<style>body{font-family:\'<?php echo config('font') ?>\' !important}</style>');
|
||||
</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="<?php echo \Core\Localization::locale() ?>"<?php echo \Core\Localization::get('rtl') ? ' dir="rtl"':''?><?php echo (request()->cookie('darkmode') || themeSettings::isDark() ? ' data-theme="dark" class="c_darkmode"' : '') ?><?php echo themeSettings::config('homestyle', 'auto') ? ' data-auto-scheme="true"' : '' ?>>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<?php meta() ?>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo \Core\Localization::get('rtl') ? assets('bootstrap.rtl.min.css') : assets('bootstrap.min.css') ?>">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/fontawesome/all.min.css') ?>">
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.css') ?>">
|
||||
<?php endif ?>
|
||||
<?php if(isset(config("theme_config")->cssname)): ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads(config("theme_config")->cssname.'.css') ?>" id="stylesheet">
|
||||
<?php else: ?>
|
||||
<link rel="stylesheet" href="<?php echo uploads('variables.css') ?>" id="stylesheet">
|
||||
<?php endif ?>
|
||||
<link rel="stylesheet" href="<?php echo assets('style.min.css') ?>?v=1.1" id="stylesheet">
|
||||
<?php if(config('fonts') && !config('cookieconsent')->enabled): ?>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('fonts')) ?>:wght@300;400;600" rel="stylesheet">
|
||||
<style>body{font-family:'<?php echo config('fonts') ?>' !important}</style>
|
||||
<?php endif ?>
|
||||
<script>
|
||||
var appurl = '<?php echo url() ?>';
|
||||
</script>
|
||||
<?php echo html_entity_decode(config('customheader')) ?>
|
||||
<?php block('header') ?>
|
||||
</head>
|
||||
<body>
|
||||
<?php view('partials.main_menu') ?>
|
||||
<section class="bg-primary py-5">
|
||||
<div class="container">
|
||||
<?php section() ?>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php view('partials.footer') ?>
|
||||
|
||||
<a class="position-fixed bottom-0 end-0 m-3 btn btn-dark rounded-circle shadow opacity-0" role="button" data-trigger="scrollto" data-top="0" id="scroll-to-top">
|
||||
<i class="fa fa-chevron-up small" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
<?php view('partials.languagejs') ?>
|
||||
|
||||
<script src="<?php echo assets('webpack.pack.js') ?>"></script>
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<script id="cookieconsent-script" src="<?php echo assets('frontend/libs/cookieconsent/cookieconsent.js') ?>"></script>
|
||||
<?php endif ?>
|
||||
<?php block('footer') ?>
|
||||
|
||||
<script src="<?php echo assets('app.min.js') ?>"></script>
|
||||
<script src="<?php echo assets('server.min.js') ?>?v=1.1"></script>
|
||||
<?php echo html_entity_decode(config('customfooter')) ?>
|
||||
<?php if(!empty(config('analytic'))): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>async src='https://www.googletagmanager.com/gtag/js?id=<?php echo config('analytic') ?>'></script>
|
||||
<script<?php echo \Helpers\App::cookieConsent('analytics') ?>>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '<?php echo config('analytic') ?>');</script>
|
||||
<?php endif ?>
|
||||
<?php if(config('font') && config('cookieconsent')->enabled): ?>
|
||||
<script<?php echo \Helpers\App::cookieConsent('extra') ?>>
|
||||
$('head').append('<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=<?php echo str_replace(' ', '+', config('font')) ?>:wght@300;400;600;900">').append('<style>body{font-family:\'<?php echo config('font') ?>\' !important}</style>');
|
||||
</script>
|
||||
<?php endif ?>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="container d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-between vh-100">
|
||||
<div class="col-12 text-center">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 mb-md-0 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('title') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
|
||||
<h6 class="display-1 mb-3 mt-5 fw-bolder text-warning"><?php ee('BRB') ?></h6>
|
||||
<p class="lead text-lg mb-5">
|
||||
<?php ee('We are currently offline for maintenance. We will be back online as soon as we are done. It should not take long.') ?>
|
||||
</p>
|
||||
<?php if($facebook = config('facebook')): ?>
|
||||
<a href="<?php echo $facebook ?>" class="text-muted fs-3 me-3" target="_blank">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if($twitter = config('twitter')): ?>
|
||||
<a href="<?php echo $twitter ?>" class="text-muted fs-3" target="_blank">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,50 @@
|
||||
<section class="position-relative mt-3">
|
||||
<img src="<?php echo assets('images/shapes.svg') ?>" class="img-fluid position-absolute top-0 start-0 w-100 h-100 animate-float opacity-50 zindex-0">
|
||||
<div class="container position-relative zindex-1">
|
||||
<?php echo message() ?>
|
||||
<div class="text-center py-10 g-lg-5 px-md-5">
|
||||
<h1 class="display-2 fw-bold"><?php ee('Earn {p} commission on affiliate sales', null, ['p' => "<u><strong class=\"gradient-primary clip-text\">".(isset($affiliate->type) && $affiliate->type == 'fixed' ? '$'.$affiliate->rate : $affiliate->rate.'%')."</strong></u>"]) ?></h1>
|
||||
<p class="my-5 lead"><?php ee('Refer customers to us and we will reward you a {p} commission on all qualifying sales made on our website. Anyone can join the affiliate program.', null, ['p' => (isset($affiliate->type) && $affiliate->type == 'fixed' ? '$'.$affiliate->rate : $affiliate->rate.'%')]) ?></p>
|
||||
<?php if(\Core\Auth::logged()): ?>
|
||||
<a href="<?php echo route('user.affiliate') ?>" class="btn btn-primary px-5 py-3 fw-bold"><?php ee('View Affiliate Portal') ?></a>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-5 py-3 fw-bold"><?php ee('Join now') ?></a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="bg-primary rounded rounded-3 p-3 p-lg-5 mb-5">
|
||||
<?php if($affiliatefaqs = \Core\DB::faqs()->where('category', 'affiliate')->find()): ?>
|
||||
<div class="text-center mb-5 mt-5">
|
||||
<h2 class="mb-4 fw-bold"><?php ee('Frequently Asked Questions') ?></h2>
|
||||
<p><?php echo $affiliate->terms ?></p>
|
||||
<a href="<?php echo route('contact') ?>" class="btn btn-primary"><?php ee('Contact us') ?></a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<?php foreach($affiliatefaqs as $i => $faq): ?>
|
||||
<?php if($i == round(count($affiliatefaqs) / 2)): ?>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<?php endif; ?>
|
||||
<div id="<?php echo 'faq-holder-'.$faq->slug ?>" class="mt-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header border-0 bg-transparent py-4" id="<?php echo $faq->slug ?>" data-bs-toggle="collapse" role="button" data-bs-target="#faq-<?php echo $faq->id ?>" aria-expanded="false" aria-controls="faq-<?php echo $faq->id ?>">
|
||||
<h6 class="mb-0 fw-bold"><?php ee($faq->question) ?></h6>
|
||||
</div>
|
||||
<div id="faq-<?php echo $faq->id ?>" class="collapse" aria-labelledby="<?php echo $faq->slug ?>" data-parent="#<?php echo 'faq-holder-'.$faq->slug ?>">
|
||||
<div class="card-body">
|
||||
<?php ee(strip_tags($faq->answer)) ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,415 @@
|
||||
<section id="apidocs" class="border-top border-bottom">
|
||||
<div class="container-fluid">
|
||||
<div class="row row-grid">
|
||||
<div class="col-md-3 col-lg-2 px-0">
|
||||
<div class="doc-sidebar collapse show text-start" data-trigger="scrollmenu" data-scroll-element="h2">
|
||||
<a href="#started" data-trigger="scrollto" data-scrollto-offset="120" class="px-3 py-1 text-dark d-block mt-3">
|
||||
<span><?php ee('Getting Started') ?></span>
|
||||
</a>
|
||||
<a href="#auth" data-trigger="scrollto" data-scrollto-offset="120" class="px-3 py-1 text-dark d-block mt-1">
|
||||
<span><?php ee('Authentication') ?></span>
|
||||
</a>
|
||||
<?php if(user() && user()->admin): ?>
|
||||
<a href="#oauth" data-trigger="scrollto" data-scrollto-offset="120" class="px-3 py-1 text-dark d-block mt-1">
|
||||
<span><?php ee('OAuth Authentication') ?> <span class="badge bg-success small text-white">Admin</span></span>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<a href="#rate" data-trigger="scrollto" data-scrollto-offset="120" class="px-3 py-1 text-dark d-block mt-1">
|
||||
<span><?php ee('Rate Limit') ?></span>
|
||||
</a>
|
||||
<a href="#response" data-trigger="scrollto" data-scrollto-offset="120" class="px-3 py-1 text-dark d-block mt-1">
|
||||
<span><?php ee('Response Handling') ?></span>
|
||||
</a>
|
||||
<?php foreach($menu as $id => $el): ?>
|
||||
<h6 class="px-3 pt-3">
|
||||
<a href="#<?php echo $id ?>" data-bs-target="#holder-<?php echo $id ?>" data-bs-toggle="collapse" class="text-dark algin-items-center d-block fw-bold">
|
||||
<?php echo $el['title'] ?>
|
||||
<i class="fa fa-chevron-down me-1 small float-end"></i>
|
||||
<?php echo ($el['admin']) ? '<small class="badge bg-success small text-white">'.e('Admin').'</small>' : '' ?>
|
||||
</a>
|
||||
</h6>
|
||||
<div class="collapse" id="holder-<?php echo $id ?>">
|
||||
<?php foreach($el['endpoints'] as $anchor => $title): ?>
|
||||
<a href="#<?php echo $anchor ?>" data-trigger="scrollto" data-scrollto-offset="120" class="px-3 py-1 text-dark d-block">
|
||||
<small class="text-muted"><?php echo $title ?></small>
|
||||
</a>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9 col-lg-10 ml-lg-auto py-5 border-start px-3 px-md-5">
|
||||
<div class="mb-5" id="getting-started">
|
||||
<div class="row mb-5 text-start">
|
||||
<div class="col-lg-7">
|
||||
<h4 class="fw-bolder mb-5"><?php ee('API Reference for Developers') ?></h4>
|
||||
<div class="card-header py-4">
|
||||
<h6 class="mb-0 fw-bolder" id="started"><i class="fa fa-terminal me-3"></i><?php ee('Getting Started') ?></h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><?php ee("An API key is required for requests to be processed by the system. Once a user registers, an API key is automatically generated for this user. The API key must be sent with each request (see full example below). If the API key is not sent or is expired, there will be an error. Please make sure to keep your API key secret to prevent abuse.") ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<?php if(\Core\Auth::logged() && \Core\Auth::user()->has('api') && \Core\Auth::user()->teamPermission('api.create')): ?>
|
||||
<div class="mt-5 code-area">
|
||||
<p><strong><?php ee("Your API key") ?></strong></p>
|
||||
<pre class="code"><span><?php echo $token ?></span></pre>
|
||||
<a href="<?php echo route('apikeys') ?>" class="btn btn-primary btn-sm delete mt-2" title="<?php ee("Regenerate API Key") ?>" data-content="<?php ee("If you proceed, your current applications will not work anymore. You will need to change your api key for it to work again.") ?>"><?php ee("Regenerate") ?></a>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-5" id="auth">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-7 text-start">
|
||||
<div class="card-header py-4">
|
||||
<h6 class="mb-0 fw-bolder" id="auth"><i class="fa fa-terminal me-3"></i><?php ee('Authentication') ?></h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><?php ee("To authenticate with the API system, you need to send your API key as an authorization token with each request. You can see sample code below.") ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="mt-5 code-area">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="code-lang">
|
||||
<a href="#curl" class="btn btn-default text-white btn-sm active">cURL</a>
|
||||
<a href="#php" class="btn btn-default text-white btn-sm">PHP</a>
|
||||
<a href="#nodejs" class="btn btn-default text-white btn-sm">Node.js</a>
|
||||
<a href="#python" class="btn btn-default text-white btn-sm">Python</a>
|
||||
<a href="#cpound" class="btn btn-default text-white btn-sm">C#</a>
|
||||
</div>
|
||||
<button type="button" class="btn btn-transparent ms-auto" title="<?php ee('Copy Code') ?>" data-trigger="copycode"><i class="fa fa-clipboard"></i></button>
|
||||
</div>
|
||||
<div class="code-selector" data-id="curl">
|
||||
<pre><code class="rounded bash"><?php echo str_replace(" ","", "curl --location --request POST '".route('api.account.get')."' \
|
||||
--header 'Authorization: Bearer {$token}' \
|
||||
--header 'Content-Type: application/json' \ ") ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="php">
|
||||
<pre><code class="rounded php"><?php echo str_replace(" ","", '$curl = curl_init();
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => "'.route('api.account.get').'",
|
||||
CURLOPT_RETURNTRANSFER => true,
|
||||
CURLOPT_MAXREDIRS => 2,
|
||||
CURLOPT_TIMEOUT => 10,
|
||||
CURLOPT_FOLLOWLOCATION => true,
|
||||
CURLOPT_CUSTOMREQUEST => "POST",
|
||||
CURLOPT_HTTPHEADER => [
|
||||
"Authorization: Bearer '.$token.'",
|
||||
"Content-Type: application/json",
|
||||
],
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);') ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="nodejs">
|
||||
<pre><code class="rounded js"><?php echo str_replace(" ","", 'var request = require(\'request\');
|
||||
var options = {
|
||||
\'method\': \'POST\',
|
||||
\'url\': \''.route('api.account.get').'\',
|
||||
\'headers\': {
|
||||
\'Authorization\': \'Bearer '.$token.'\',
|
||||
\'Content-Type\': \'application/json\'
|
||||
},
|
||||
body: \'\'
|
||||
};
|
||||
request(options, function (error, response) {
|
||||
if (error) throw new Error(error);
|
||||
console.log(response.body);
|
||||
});') ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="python">
|
||||
<pre><code class="rounded js"><?php echo str_replace(" ","", 'import requests
|
||||
url = "'.route('api.account.get').'"
|
||||
payload = {}
|
||||
headers = {
|
||||
\'Authorization\': \'Bearer '.$token.'\',
|
||||
\'Content-Type\': \'application/json\'
|
||||
}
|
||||
response = requests.request("GET", url, headers=headers, json=payload)
|
||||
print(response.text)
|
||||
') ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="cpound">
|
||||
<pre><code class="rounded js"><?php echo str_replace(" ","", 'var client = new HttpClient();
|
||||
var request = new HttpRequestMessage(HttpMethod.Get, "'.route('api.account.get').'");
|
||||
request.Headers.Add("Authorization", "Bearer '.$token.'");
|
||||
var content = new StringContent("{}", System.Text.Encoding.UTF8, "application/json");
|
||||
request.Content = content;
|
||||
var response = await client.SendAsync(request);
|
||||
response.EnsureSuccessStatusCode();
|
||||
Console.WriteLine(await response.Content.ReadAsStringAsync());
|
||||
') ?></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(user() && user()->admin): ?>
|
||||
<div class="mb-5" id="oauth">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg-7 text-start">
|
||||
<div class="card-header py-4">
|
||||
<h6 class="mb-0 fw-bolder" id="auth"><i class="fa fa-terminal me-3"></i><?php ee('OAuth Authentication') ?></h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="mb-5">
|
||||
<p><?php ee('OAuth allows you to integrate our services into your application while letting users securely authenticate without sharing their passwords. The flow consists of three main steps:') ?></p>
|
||||
<ol>
|
||||
<li><?php ee('Redirect users to our authorization page') ?></li>
|
||||
<li><?php ee('Users approve your application access') ?></li>
|
||||
<li><?php ee('Exchange the authorization code for an access token') ?></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<h6 class="fw-bold mb-3"><?php ee('Step 1: Create OAuth Application') ?></h6>
|
||||
<p><?php ee('Before you begin, you need to create an OAuth application in your admin dashboard. You will receive:') ?></p>
|
||||
<ul>
|
||||
<li><?php ee('Client ID') ?></li>
|
||||
<li><?php ee('Client Secret') ?></li>
|
||||
</ul>
|
||||
<div class="alert alert-warning">
|
||||
<?php ee('Keep your Client Secret secure and never share it publicly!') ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<h6 class="fw-bold mb-3"><?php ee('Step 2: Authorization Request') ?></h6>
|
||||
<p><?php ee('To begin the OAuth flow, redirect users to our authorization URL:') ?></p>
|
||||
|
||||
<pre class="bg-dark text-white p-3 rounded">GET <?php echo route('oauth.authorize') ?>?clientid=YOUR_CLIENT_ID&redirect=YOUR_REDIRECT_URI</pre>
|
||||
|
||||
<p class="mt-3"><?php ee('Parameters:') ?></p>
|
||||
<ul>
|
||||
<li><code>clientid</code>: <?php ee('Your OAuth client ID') ?></li>
|
||||
<li><code>redirect</code>: <?php ee('Must match the redirect URI you registered') ?></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<h6 class="fw-bold mb-3"><?php ee('Step 3: Handle the Callback') ?></h6>
|
||||
<p><?php ee('After user authorization, we will redirect to your redirect_uri with an authorization code:') ?></p>
|
||||
|
||||
<pre class="bg-dark text-white p-3 rounded">YOUR_REDIRECT_URI?code=AUTHORIZATION_CODE</pre>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<h6 class="fw-bold mb-3"><?php ee('Step 4: Exchange Code for Token') ?></h6>
|
||||
<p><?php ee('Exchange the authorization code for an access token by making a POST request') ?></p>
|
||||
|
||||
<pre class="bg-dark text-white p-3 rounded">POST <?php echo route('api.oauth.token') ?></br>Content-Type: application/json</br>{</br> "code": "AUTHORIZATION_CODE",</br> "secret": "YOUR_CLIENT_SECRET"</br>}</pre>
|
||||
|
||||
<p class="mt-3"><?php ee('Successful response') ?></p>
|
||||
<pre class="bg-dark text-white p-3 rounded">{<br>"error": false,<br>"access_token": "YOUR_ACCESS_TOKEN",<br>"expires_at": 1234567890<br>}</pre>
|
||||
</div>
|
||||
|
||||
<div class="mb-5">
|
||||
<h6 class="mb-3 fw-bold"><?php ee('Using the Access Token') ?></h6>
|
||||
<p><?php ee('Include the access token in the Authorization header for API requests:') ?></p>
|
||||
|
||||
<pre class="bg-dark text-white p-3 rounded">GET <?php echo route('api.account.get') ?><br>Authorization: Bearer YOUR_ACCESS_TOKEN</pre>
|
||||
|
||||
<div class="alert alert-info mt-3">
|
||||
<?php ee('Access tokens expire after 1 year and will need to be refreshed by repeating the OAuth flow.') ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div id="ratelimit" class="row mb-5">
|
||||
<div class="col-lg-7 text-start">
|
||||
<div class="card-header py-4">
|
||||
<h6 class="mb-0 fw-bolder" id="rate"><i class="fa fa-terminal me-3"></i><?php ee('Rate Limit') ?></h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><?php ee("Our API has a rate limiter to safeguard against spike in requests to maximize its stability. Our rate limiter is currently caped at {x} requests per {y} minute.", null, ['x' => $rate[0], 'y' => $rate[1]]) ?> <?php ee('Please note that the rate might change according to the subscribed plan.') ?></p>
|
||||
|
||||
<p><?php ee('Several headers will be sent alongside the response and these can be examined to determine various information about the request.') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="mt-5 code-area">
|
||||
<pre class="code">X-RateLimit-Limit: <?php echo $rate[0] ?><br>X-RateLimit-Remaining: <?php echo $rate[0]-1 ?><br>X-RateLimit-Reset: TIMESTAMP</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="responsehandling" class="row mb-5">
|
||||
<div class="col-lg-7 text-start">
|
||||
<div class="card-header py-4">
|
||||
<h6 class="mb-0 fw-bolder" id="response"><i class="fa fa-terminal me-3"></i><?php ee('Response Handling') ?></h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><?php ee('All API response are returned in JSON format by default. To convert this into usable data, the appropriate function will need to be used according to the language. In PHP, the function json_decode() can be used to convert the data to either an object (default) or an array (set the second parameter to true). It is very important to check the error key as that provides information on whether there was an error or not. You can also check the header code.') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="mt-5 code-area">
|
||||
<pre class="code"><code class="rounded json"><?php echo str_replace(" ","", '{
|
||||
"error": 1,
|
||||
"message": "An error occurred"
|
||||
}') ?></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php foreach($content as $id => $el): ?>
|
||||
<hr id="<?php echo $id ?>">
|
||||
<h4 class="my-5 text-start d-flex align-items-center">
|
||||
<a href="#<?php echo $id ?>"><i class="fa fa-bookmark me-3"></i></a>
|
||||
<span><?php echo $el['title'] ?></span>
|
||||
<div class="ms-auto">
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-transparent border rounded-3 btn-sm" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php ee('Copy for LLMs') ?> <i class="fa fa-chevron-down"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu p-2">
|
||||
<li class="mb-2">
|
||||
<a class="dropdown-item p-2" href="https://chatgpt.com/?prompt=<?php echo urlencode("Read from ".route('apidocs')."#$id so I can ask questions about it.") ?>" class="d-flex align-items-center" target="_blank">
|
||||
<span class="py-1 px-2 border rounded-3"><svg fill="currentColor" fill-rule="evenodd" height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 shrink-0"><title>OpenAI</title><path d="M21.55 10.004a5.416 5.416 0 00-.478-4.501c-1.217-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0010.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 001.76 7.496a5.487 5.487 0 00.691 6.5 5.416 5.416 0 00.477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0013.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 003.715-2.66 5.488 5.488 0 00-.693-6.497v.001zm-8.381 11.558a4.199 4.199 0 01-2.675-.954c.034-.018.093-.05.132-.074l4.44-2.53a.71.71 0 00.364-.623v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.274-1.87 4.118-4.174 4.123zM4.192 17.78a4.059 4.059 0 01-.498-2.763c.032.02.09.055.131.078l4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 01-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001zM3.023 8.216A4.15 4.15 0 015.198 6.41l-.002.151v5.06a.711.711 0 00.364.624l5.42 3.087-1.876 1.07a.067.067 0 01-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001zm15.417 3.54l-5.42-3.088L14.896 7.6a.067.067 0 01.063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 01-2.174 1.807V12.38a.71.71 0 00-.363-.623zm1.867-2.773a6.04 6.04 0 00-.132-.078l-4.44-2.53a.731.731 0 00-.729 0l-5.42 3.088V7.325a.068.068 0 01.027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001zm-11.741 3.81l-1.877-1.068a.065.065 0 01-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 00-.365.623l-.003 6.173v.002zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75z"></path></svg></span>
|
||||
<?php ee('Open in ChatGPT') ?>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item p-2" href="https://claude.ai/new?q=<?php echo urlencode("Read from ".route('apidocs')."#$id so I can ask questions about it.") ?>" class="d-flex align-items-center" target="_blank">
|
||||
<span class="py-1 px-2 border rounded-3"><svg fill="currentColor" fill-rule="evenodd" height="1em" viewBox="0 0 256 257" width="1em" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 shrink-0" preserveAspectRatio="xMidYMid"><title>Anthropic</title><path d="m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"></path></svg></span>
|
||||
<?php ee('Open in Claude') ?>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</h4>
|
||||
<?php if($el['description']):?><p class="mt-2 ml-4 text-start"><?php echo $el['description'] ?></p><?php endif ?>
|
||||
<?php foreach($el['endpoints'] as $key => $data): ?>
|
||||
<div id="<?php echo $id.'-'.$key ?>" class="row mb-5">
|
||||
<div class="col-lg-7">
|
||||
<div class="card-header bg-transparent">
|
||||
<h6 class="mb-0 fw-bolder" id="<?php echo \Core\Helper::slug($data['title']) ?>"><i class="fa fa-terminal me-3"></i><?php echo $data['title'] ?></h6>
|
||||
</div>
|
||||
<div class="card-body pt-4">
|
||||
<div class="border rounded p-2">
|
||||
<span class="badge bg-<?php echo \Helpers\App::apiMethodColor($data['method']) ?> me-2 align-middle text-xs"><?php echo $data['method'] ?></span> <code><?php echo $data['route'] ?></code>
|
||||
</div>
|
||||
<p class="mt-3"><?php echo $data['description'] ?></p>
|
||||
<?php if($data['parameters']): ?>
|
||||
<div class="table-responsive mt-4">
|
||||
<table class="table">
|
||||
<thead><tr><th><strong><?php ee("Parameter") ?></strong></th><th><strong><?php ee("Description") ?></strong></th></tr></thead>
|
||||
<tbody>
|
||||
<?php foreach($data['parameters'] as $param => $desc): ?>
|
||||
<tr>
|
||||
<td><?php echo $param ?></td>
|
||||
<td><?php echo $desc ?></td>
|
||||
</tr>
|
||||
<?php endforeach ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="mt-3 code-area">
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="code-lang">
|
||||
<a href="#curl" class="btn btn-default text-white btn-sm active">cURL</a>
|
||||
<a href="#php" class="btn btn-default text-white btn-sm">PHP</a>
|
||||
<a href="#nodejs" class="btn btn-default text-white btn-sm">Node.js</a>
|
||||
<a href="#python" class="btn btn-default text-white btn-sm">Python</a>
|
||||
<a href="#cpound" class="btn btn-default text-white btn-sm">C#</a>
|
||||
</div>
|
||||
<button type="button" class="btn btn-transparent ms-auto" title="<?php ee('Copy Code') ?>" data-trigger="copycode"><i class="fa fa-clipboard"></i></button>
|
||||
</div>
|
||||
<div class="code-selector" data-id="curl">
|
||||
<pre><code class="rounded bash"><?php echo str_replace(" ","", "curl --location --request ".$data['method']." '".$data['route']."' \
|
||||
--header 'Authorization: Bearer {$token}' \
|
||||
--header 'Content-Type: application/json' \
|
||||
".(
|
||||
$data['code'] ? '--data-raw \''.json_encode($data['code'], JSON_PRETTY_PRINT) .'\'' : ''
|
||||
)."") ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="php">
|
||||
<pre><code class="rounded php"><?php echo str_replace(" ","", '$curl = curl_init();
|
||||
|
||||
curl_setopt_array($curl, array(
|
||||
CURLOPT_URL => "'.$data['route'].'",
|
||||
CURLOPT_RETURNTRANSFER => true,
|
||||
CURLOPT_MAXREDIRS => 2,
|
||||
CURLOPT_TIMEOUT => 10,
|
||||
CURLOPT_FOLLOWLOCATION => true,
|
||||
CURLOPT_CUSTOMREQUEST => "'.$data['method'].'",
|
||||
CURLOPT_HTTPHEADER => [
|
||||
"Authorization: Bearer '.$token.'",
|
||||
"Content-Type: application/json",
|
||||
],
|
||||
'.(
|
||||
$data['code'] ? 'CURLOPT_POSTFIELDS =>
|
||||
\''.str_replace("\n","\n\t", json_encode($data['code'], JSON_PRETTY_PRINT)).'\',' : ''
|
||||
).'
|
||||
));
|
||||
|
||||
$response = curl_exec($curl);
|
||||
|
||||
curl_close($curl);
|
||||
echo $response;') ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="nodejs">
|
||||
<pre><code class="rounded js"><?php echo str_replace(" ","", 'var request = require(\'request\');
|
||||
var options = {
|
||||
\'method\': \''.$data['method'].'\',
|
||||
\'url\': \''.$data['route'].'\',
|
||||
\'headers\': {
|
||||
\'Authorization\': \'Bearer '.$token.'\',
|
||||
\'Content-Type\': \'application/json\'
|
||||
},
|
||||
'.(
|
||||
$data['code'] ? 'body: JSON.stringify('.json_encode($data['code'], JSON_PRETTY_PRINT) .'),' : ''
|
||||
).'
|
||||
};
|
||||
request(options, function (error, response) {
|
||||
if (error) throw new Error(error);
|
||||
console.log(response.body);
|
||||
});') ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="python">
|
||||
<pre><code class="rounded js"><?php echo str_replace(" ","", 'import requests
|
||||
url = "'.$data['route'].'"
|
||||
payload = '.($data['code'] ? json_encode($data['code'], JSON_PRETTY_PRINT|JSON_UNESCAPED_SLASHES) : '{}').'
|
||||
headers = {
|
||||
\'Authorization\': \'Bearer '.$token.'\',
|
||||
\'Content-Type\': \'application/json\'
|
||||
}
|
||||
response = requests.request("'.$data['method'].'", url, headers=headers, json=payload)
|
||||
print(response.text)
|
||||
') ?></code></pre>
|
||||
</div>
|
||||
<div class="code-selector" data-id="cpound">
|
||||
<pre><code class="rounded js"><?php echo str_replace(" ","", 'var client = new HttpClient();
|
||||
var request = new HttpRequestMessage(HttpMethod.'.ucfirst(strtolower($data['method'])).', "'.$data['route'].'");
|
||||
request.Headers.Add("Authorization", "Bearer '.$token.'");
|
||||
var content = new StringContent("'.($data['code'] ? json_encode($data['code'], JSON_PRETTY_PRINT) : '{}').'", System.Text.Encoding.UTF8, "application/json");
|
||||
request.Content = content;
|
||||
var response = await client.SendAsync(request);
|
||||
response.EnsureSuccessStatusCode();
|
||||
Console.WriteLine(await response.Content.ReadAsStringAsync());
|
||||
') ?></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="my-3"><?php ee("Server response") ?></h6>
|
||||
<div class="code-area">
|
||||
<pre><code class="rounded json"><?php echo json_encode($data['response'], JSON_PRETTY_PRINT) ?></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,200 @@
|
||||
<section id="hero" class="position-relative py-4">
|
||||
<img src="<?php echo assets('images/shapes.svg') ?>" class="img-fluid position-absolute top-0 start-0 w-100 h-100 animate-float opacity-50 zindex-0">
|
||||
<div class="container position-relative" data-offset-top="#navbar-main">
|
||||
<div class="row align-items-center py-8">
|
||||
<div class="col-md-7">
|
||||
<h1 class="display-4 fw-bold mb-4">
|
||||
<?php ee('Bio Pages') ?>
|
||||
</h1>
|
||||
<p class="lead opacity-8 pe-5">
|
||||
<?php ee('Convert your followers by creating beautiful pages that group all of your important links on the single page.') ?>
|
||||
</p>
|
||||
<form action="<?php echo route('register') ?>" class="border rounded p-3 shadow-sm card mt-3 col-md-8">
|
||||
<div class="fw-bolder mb-0">
|
||||
<?php echo url() ?>
|
||||
<input type="text" class="form-control d-inline-block w-auto ps-0 border-0 align-middle" name="bioalias" placeholder="<?php ee('Type your alias') ?>">
|
||||
<button class="btn btn-primary btn-sm float-end"><?php ee('Reserve') ?></button>
|
||||
</div>
|
||||
<div class="alias-feedback"></div>
|
||||
</form>
|
||||
<p class="my-5">
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-5 py-3 fw-bold"><?php ee('Get Started') ?></a>
|
||||
<a href="<?php echo route('contact', ['subject' => 'Contact Sales']) ?>" class="btn btn-transparent text-dark fw-bold"><?php ee('Contact sales') ?></a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-5 text-center">
|
||||
<div class="card gradient-primary border-0 shadow overflow-hidden">
|
||||
<div class="bg-white text-start border ps-3 d-flex align-items-center">
|
||||
<i class="fa fa-home me-2"></i> <span class="fw-bolder bg-primary rounded-pill m-2 px-3 py-2 border flex-fill"><i class="fa fa-lock text-success me-2"></i> <?php echo url() ?><span class="gradient-primary clip-text" data-toggle="typed" data-list="<?php echo implode(',', [e('company'),e('shop'), e('name')]) ?>"></span></span>
|
||||
</div>
|
||||
<div class="p-5">
|
||||
<span class="rounded-circle mb-3 d-block bg-white mx-auto opacity-8" style="width:100px;height:100px"><img src="<?php echo assets('images/avatar-f1.jpg') ?>" class="img-fluid rounded-circle"></span>
|
||||
<h3 class="text-white fw-bold"><span>Madison</span></h3></em>
|
||||
<div id="social" class="text-center mt-2">
|
||||
<a href="<?php echo config('facebook') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Facebook"><i class="fab fa-facebook"></i></a>
|
||||
<a href="<?php echo config('twitter') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Twitter"><i class="fab fa-x-twitter"></i></a>
|
||||
</div>
|
||||
<div id="content" class="mt-3">
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3">🛒 <?php ee('New Merch') ?></a>
|
||||
</div>
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3">🔥 <?php ee('Shop') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-10">
|
||||
<div class="container">
|
||||
<div class="row row-grid justify-content-between align-items-center">
|
||||
<div class="col-lg-5 order-lg-2">
|
||||
<h5 class="h3 fw-bold"><?php ee('One link to rule them all') ?>.</h5>
|
||||
<p class="lead my-4">
|
||||
<?php ee('Create beautiful profiles and add content like links, donation, videos and more for your social media users. Share a single on your social media profiles so your users can easily find all of your important links on a single page.') ?>
|
||||
</p>
|
||||
<ul class="list-unstyled mb-2">
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-grip gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('{n}+ Dynamic Widgets', null, ['n' => count($widgets)]) ?></span>
|
||||
<p><?php ee('Enhance your Bio Page with our dynamic widgets') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-droplet gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Customizable Design') ?></span>
|
||||
<p><?php ee('Customize everything with our easy to use builder') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-sliders gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Advanced Settings') ?></span>
|
||||
<p><?php ee('Configure your Bio Page & blocks your way') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary rounded-pill"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-lg-6 order-lg-1">
|
||||
<div class="position-relative d-none d-sm-block">
|
||||
<div class="card bg-danger border-0 shadow p-5 position-absolute w-50 h-80 start-0 my-5">
|
||||
<span class="rounded-circle mb-3 d-block bg-white mx-auto opacity-8" style="width:100px;height:100px"><img src="<?php echo assets('images/avatar-f2.jpg') ?>" class="img-fluid rounded-circle"></span>
|
||||
<h3 class="text-white fw-bold text-center"><span>Laura</span></h3></em>
|
||||
<div id="social" class="text-center mt-2">
|
||||
<a href="<?php echo config('facebook') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Facebook"><i class="fab fa-facebook"></i></a>
|
||||
<a href="<?php echo config('twitter') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Twitter"><i class="fab fa-x-twitter"></i></a>
|
||||
</div>
|
||||
<div id="content" class="mt-3">
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3 position-relative rounded-pill"><i class="fa fa-music position-absolute start-0 left-0 fs-4 ms-3 ml-3"></i> <?php ee('Listen') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card gradient-secondary border-0 shadow p-5 position-absolute w-50 h-80 my-5 end-0 top-0">
|
||||
<span class="rounded-circle mb-3 d-block bg-white mx-auto opacity-8" style="width:100px;height:100px"><img src="<?php echo assets('images/avatar-m2.jpg') ?>" class="img-fluid rounded-circle"></span>
|
||||
<h3 class="text-white fw-bold text-center"><span>Sam</span></h3></em>
|
||||
<div id="social" class="text-center mt-2">
|
||||
<a href="<?php echo config('facebook') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Facebook"><i class="fab fa-facebook"></i></a>
|
||||
<a href="<?php echo config('twitter') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Twitter"><i class="fab fa-x-twitter"></i></a>
|
||||
</div>
|
||||
<div id="content" class="mt-3">
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3 position-relative rounded-pill"><i class="fab fa-youtube position-absolute start-0 left-0 fs-4 ms-3 ml-3"></i> <?php ee('Subscribe') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow-lg gradient-primary border-0 shadow p-4 w-50 position-relative ms-auto me-auto">
|
||||
<span class="rounded-circle mb-3 d-block bg-white mx-auto opacity-8" style="width:100px;height:100px"><img src="<?php echo assets('images/avatar-m1.jpg') ?>" class="img-fluid rounded-circle"></span>
|
||||
<h3 class="text-white fw-bold text-center"><span>Steve</span></h3></em>
|
||||
<div id="social" class="text-center mt-2">
|
||||
<a href="<?php echo config('facebook') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Facebook"><i class="fab fa-facebook"></i></a>
|
||||
<a href="<?php echo config('twitter') ?>" class="mx-2 text-white" data-bs-toggle="tooltip" title="Twitter"><i class="fab fa-x-twitter"></i></a>
|
||||
</div>
|
||||
<div id="content" class="mt-3">
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3 position-relative rounded-pill"><i class="fab fa-youtube position-absolute start-0 left-0 fs-4 ms-3 ml-3"></i> <?php ee('Subscribe') ?></a>
|
||||
</div>
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3 position-relative rounded-pill"><i class="fab fa-tiktok position-absolute start-0 left-0 fs-4 ms-3 ml-3"></i> <?php ee('Our videos') ?></a>
|
||||
</div>
|
||||
<div class="item mb-3">
|
||||
<a href="#" class="btn d-block btn-light shadow-sm py-3 position-relative rounded-pill"><i class="fab fa-instagram position-absolute start-0 left-0 fs-4 ms-3 ml-3"></i> <?php ee('Follow us') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-grid justify-content-between align-items-center mt-10">
|
||||
<div class="col-lg-5">
|
||||
<h5 class="h3 fw-bold"><?php ee('Trackable to the dot') ?>.</h5>
|
||||
<p class="lead my-4">
|
||||
<?php ee('Profiles are fully trackable and you can find out exactly how many people have visited your profiles or clicked links on your profile and where they are from.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary rounded-pill"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="<?php echo assets('images/map.png') ?>" alt="<?php ee('Trackable to the dot') ?>" class="img-responsive w-100 py-5">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="mb-5">
|
||||
<div class="container">
|
||||
<div class="p-2 p-md-5 bg-primary rounded-4 border-0">
|
||||
<div class="text-center my-5">
|
||||
<h2 class="fw-bolder display-6 mb-3"><strong><?php ee("Connect with your <span class=\"gradient-primary clip-text\">audience</span>") ?></strong></h2>
|
||||
<p class="lead"><?php ee('Add widgets from popular providers and enhance your Bio Page with dynamic content') ?></p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold mt-3"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="d-none d-md-block text-center">
|
||||
<?php foreach($widgets as $widget): ?>
|
||||
<?php if(strpos($widget['icon'], '<img') === false) continue; ?>
|
||||
<div class="mb-5 mx-5 d-inline-block text-center">
|
||||
<?php echo str_replace('<img', '<img class="icon-md bg-white shadow-sm p-2 rounded-circle"', $widget['icon']) ?>
|
||||
<span class="fw-bold text-dark my-3 d-block"><?php echo $widget['title'] ?></span>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="h-100 p-5 gradient-primary text-white with-shapes rounded-4 border-0 ">
|
||||
<div class="row align-items-center gy-lg-5">
|
||||
<div class="col-sm-8">
|
||||
<h2 class="fw-bold"><?php ee('Take control of your links') ?></h2>
|
||||
<p><?php ee('You are one click away from taking control of all of your links, and instantly get better results.') ?></p>
|
||||
</div>
|
||||
<div class="col-sm-4 text-end">
|
||||
<a class="btn btn-light btn-lg d-block d-sm-inline-block" href="<?php echo route('register') ?>"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,21 @@
|
||||
<section class="bg-primary border-top border-bottom">
|
||||
<div class="container py-10">
|
||||
<div class="card card-body border-0 shadow-sm p-5">
|
||||
<h2>
|
||||
<?php echo e("Cookie Policy Consent") ?>
|
||||
</h2>
|
||||
<p class="description">
|
||||
<?php echo !empty(config('cookieconsent')->message) ? e(config('cookieconsent')->message) : e("This website uses cookies to ensure you get the best experience on our website. You can learn more by visiting our cookie policy. Meanwhile if you agree, please click the button below to proceed to your destination.") ?>
|
||||
</p>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<a href="?accept=1" class="btn btn-success d-block redirect" rel="nofollow"><?php echo e("Accept") ?></a>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<a href="<?php echo config('url') ?>" class="btn btn-primary d-block" rel="nofollow"><?php echo e("Take me to your homepage") ?></a></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,73 @@
|
||||
<section class="bg-primary border-top border-bottom">
|
||||
<div class="container py-8">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-5 text-center text-lg-start mb-5">
|
||||
<h1 class="display-4 mb-3 fw-bolder"><?php ee('Contact Us') ?></h1>
|
||||
<p class="lead"><?php ee('If you have any questions, feel free to contact us so we can help you.') ?></p>
|
||||
<ul class="nav mt-4 justify-content-center justify-content-lg-start">
|
||||
<?php if($facebook = config('facebook')): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2 fs-5" href="<?php echo $facebook ?>" target="_blank">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($twitter = config('twitter')): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2 fs-5" href="<?php echo $twitter ?>" target="_blank">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($instagram = config('sociallinks')->instagram): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2 fs-5" href="<?php echo $instagram ?>" target="_blank">
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($linkedin = config('sociallinks')->linkedin): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2 fs-5" href="<?php echo $linkedin ?>" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<form id="form-contact" method="post" action="<?php echo route('contact.send') ?>" data-trigger="server-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label" for="contact-name"><?php ee("Name") ?> <span class="text-danger">*</span></label>
|
||||
<input class="form-control p-3" type="text" placeholder="<?php ee("Name") ?>" id="contact-name" name="name" value="<?php echo \Core\Auth::logged() ? \Core\Auth::user()->username : '' ?>" min="2" data-error="<?php ee('Please enter a valid name') ?>" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label" for="contact-email"><?php ee("Email") ?> <span class="text-danger">*</span></label>
|
||||
<input class="form-control p-3" type="email" placeholder="<?php ee("Email") ?>" name="email" id="contact-email" value="<?php echo \Core\Auth::logged() ? \Core\Auth::user()->email : '' ?>" data-error="<?php ee('Please enter a valid email') ?>" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label" for="contact-message"><?php ee("Message") ?> <span class="text-danger">*</span></label>
|
||||
<textarea class="form-control p-3" placeholder="<?php ee('If you have any questions, feel free to contact us so we can help you') ?>" rows="10" min="10" data-error="<?php ee('The message is empty or too short') ?>" id="content-message" name="message" required></textarea>
|
||||
</div>
|
||||
<?php echo \Helpers\Captcha::display('contact') ?>
|
||||
<div class="d-flex mt-4">
|
||||
<?php echo csrf() ?>
|
||||
<div class="ms-auto">
|
||||
<button type="submit" class="btn btn-primary py-3 px-5"><?php ee('Send') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,14 @@
|
||||
<section class="bg-primary border-top border-bottom" id="page">
|
||||
<div class="container py-8">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card card-body flex-fill h-100 py-4 px-md-4 border-0 shadow-sm">
|
||||
<h2 class="my-4"><?php echo $page->name ?></h2>
|
||||
<article>
|
||||
<?php echo $page->content ?>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,548 @@
|
||||
<section id="hero" class="position-relative py-4">
|
||||
<div class="container position-relative" data-offset-top="#navbar-main">
|
||||
<div class="row align-items-center py-8">
|
||||
<div class="col-md-7">
|
||||
<h1 class="display-4 fw-bold mb-4">
|
||||
<?php ee('Link Shortener') ?>
|
||||
</h1>
|
||||
<p class="lead opacity-8 pe-5">
|
||||
<?php ee('Transform long, complex URLs into memorable short links. Perfect for social media, marketing campaigns, and keeping your brand consistent.') ?>
|
||||
</p>
|
||||
<form method="post" action="<?php echo route('shorten') ?>" data-trigger="shorten-form" class="border rounded p-3 shadow-sm card mt-3">
|
||||
<?php echo csrf() ?>
|
||||
<div class="input-group input-group-lg align-items-center">
|
||||
<input type="text" class="form-control border-0" placeholder="<?php echo e("Paste a long url") ?>" name="url" id="url">
|
||||
<div class="input-group-append">
|
||||
<?php if(config('user_history') && !\Core\Auth::logged() && $urls = \Helpers\App::userHistory()): ?>
|
||||
<button type="button" class="btn btn-sm" data-bs-toggle="modal" data-bs-target="#userhistory"><i data-bs-toggle="tooltip" title="<?php ee('Your latest links') ?>" class="fa fa-clock-rotate-left"></i></button>
|
||||
<?php endif ?>
|
||||
<button class="btn btn-warning d-none" type="button"><?php ee('Copy') ?></button>
|
||||
<button class="btn btn-primary" type="submit"><?php ee('Shorten') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(!config('pro')): ?>
|
||||
<a href="#advanced" data-bs-toggle="collapse" class="btn btn-sm btn-primary mb-2 mt-2"><?php ee('Advanced') ?></a>
|
||||
<div class="collapse row" id="advanced">
|
||||
<div class="col-md-6 mt-3">
|
||||
<div class="form-group">
|
||||
<label for="custom" class="control-label fw-bold mb-2"><?php ee('Custom') ?></label>
|
||||
<input type="text" class="form-control p-2" name="custom" id="custom" placeholder="<?php echo e("Type your custom alias here")?>" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mt-3">
|
||||
<div class="form-group">
|
||||
<label for="pass" class="control-label fw-bold mb-2"><?php ee('Password Protection') ?></label>
|
||||
<input type="text" class="form-control p-2" name="pass" id="pass" placeholder="<?php echo e("Type your password here")?>" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<?php if(!\Core\Auth::logged()) { echo \Helpers\Captcha::display('shorten'); } ?>
|
||||
</form>
|
||||
<div id="output-result" class="border border-success p-3 rounded d-none mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div id="qr-result" class="me-2"></div>
|
||||
<div id="text-result">
|
||||
<p><?php ee('Your link has been successfully shortened. Want to more customization options?') ?></p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-sm btn-primary"><?php ee('Get started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="my-5">
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-5 py-3 fw-bold"><?php ee('Get Started') ?></a>
|
||||
<a href="<?php echo route('contact', ['subject' => 'Contact Sales']) ?>" class="btn btn-transparent text-dark fw-bold"><?php ee('Contact sales') ?></a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-10 mx-auto col-lg-5 h-100 d-none d-sm-block position-relative">
|
||||
<div class="zindex-100 ml-lg-6">
|
||||
<?php if (isset($themeconfig->hero) && !empty($themeconfig->hero)): ?>
|
||||
<img src="<?php echo uploads($themeconfig->hero) ?>" alt="<?php echo config("title") ?>" class="img-fluid mw-lg-120 rounded-top zindex-100">
|
||||
<?php else: ?>
|
||||
<img src="<?php echo assets('images/shapes.svg') ?>" class="img-fluid position-absolute top-0 ms-5 end-0 w-100 h-100 animate-float opacity-50 zindex-0 outer-top">
|
||||
<div class="position-relative card shadow-0 bg-transparent p-5 border-0 perspective" style="height:500px">
|
||||
<div class="position-absolute gradient-primary w-100 top-0 start-0 opacity-75 rounded-3 h-100"></div>
|
||||
<div class="p-5 w-100 position-absolute top-50 start-50 translate-middle">
|
||||
<div class="card border-0 shadow-lg mb-3">
|
||||
<div class="card-body fs-6">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fa fa-link fs-5"></i>
|
||||
<div class="ms-3">
|
||||
<h6 class="fw-bold mb-0"><?php echo config('sitename') ?></h6>
|
||||
<span class="fw-bold text-muted"><?php echo url('short') ?></span>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<span class="fs-6 text-success"><?php $rand = round(mt_rand() / mt_getrandmax() * 3, 2); echo $rand; ?>M <?php ee('Clicks') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card p-3 border-0 shadow-lg">
|
||||
<div class="d-flex align-items-center mb-0">
|
||||
<h3 class="text-dark h5 fw-bolder mb-0">
|
||||
<?php ee('Clicks') ?> <span class="fs-6 text-success">+<?php echo rand(10, 80) ?>%</span>
|
||||
</h3>
|
||||
<span class="fs-6 d-block text-muted ms-auto fw-bold"><?php echo $rand ?>M <?php ee('Clicks') ?></span>
|
||||
</div>
|
||||
<svg class="rounded" viewBox="0 0 2000 1400" xmlns="http://www.w3.org/2000/svg"><path d="M0 1383.803c21-9.972 63-30.067 105-49.86s63-36.615 105-49.107c42-12.492 63 17.422 105-13.354 42-30.777 63-125.032 105-140.528 42-15.495 63 88.592 105 63.05 42-25.543 63-144.923 105-190.761 42-45.838 63-56.416 105-38.43 42 17.987 63 142.285 105 128.363 42-13.92 63-148.434 105-197.97 42-49.534 63-51.791 105-49.705 42 2.086 63 83.56 105 60.136 42-23.425 63-127.997 105-177.258 42-49.262 63-62.948 105-69.05 42-6.102 63 90.824 105 38.54s63-274.834 105-299.962c42-25.13 63 170.32 105 174.318 42 3.999 63-66.754 105-154.324 42-87.57 63-207.459 105-283.526 42-76.068 84-77.45 105-96.811L2000 1400H0Z" fill="rgba(var(--bs-primary-rgb), 1)"/><path d="M0 1383.803c21-9.972 63-30.067 105-49.86s63-36.615 105-49.107c42-12.492 63 17.422 105-13.354 42-30.777 63-125.032 105-140.528 42-15.495 63 88.592 105 63.05 42-25.543 63-144.923 105-190.761 42-45.838 63-56.416 105-38.43 42 17.987 63 142.285 105 128.363 42-13.92 63-148.434 105-197.97 42-49.534 63-51.791 105-49.705 42 2.086 63 83.56 105 60.136 42-23.425 63-127.997 105-177.258 42-49.262 63-62.948 105-69.05 42-6.102 63 90.824 105 38.54s63-274.834 105-299.962c42-25.13 63 170.32 105 174.318 42 3.999 63-66.754 105-154.324 42-87.57 63-207.459 105-283.526 42-76.068 84-77.45 105-96.811" fill="none" stroke="var(--bs-primary)" stroke-width="4"/><g fill="var(--bs-primary)" opacity="0.2"><circle cx="1575" cy="397.907" r="30"/></g><g fill="var(--bs-primary)"><circle cx="105" cy="1333.943" r="8"/><circle cx="210" cy="1284.836" r="8"/><circle cx="315" cy="1271.482" r="8"/><circle cx="420" cy="1130.954" r="8"/><circle cx="525" cy="1194.003" r="8"/><circle cx="630" cy="1003.243" r="8"/><circle cx="735" cy="964.814" r="8"/><circle cx="840" cy="1093.176" r="8"/><circle cx="945" cy="895.207" r="8"/><circle cx="1050" cy="845.501" r="8"/><circle cx="1155" cy="905.637" r="8"/><circle cx="1260" cy="728.379" r="8"/><circle cx="1365" cy="659.329" r="8"/><circle cx="1470" cy="697.869" r="8"/><circle cx="1575" cy="397.907" r="8"/><circle cx="1680" cy="572.225" r="8"/><circle cx="1785" cy="417.901" r="8"/><circle cx="1890" cy="134.375" r="8"/><text x="1480" y="300" class="fw-bold display-2"><?php echo round(mt_rand() / mt_getrandmax() * 2, 2) ?>K</text></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border-0 shadow-lg mb-3 position-absolute top-0 start-0 me-5 animate-float outer-left">
|
||||
<div class="card-body">
|
||||
<div class="position-relative">
|
||||
<div class="border-0 d-block rounded p-1 d-inline-block gradient-primary text-white position-absolute top-0 start-100 translate-middle ms-3">
|
||||
<img src="<?php echo \Helpers\QR::factory('Sample QR', 40, 0)->format('svg')->create('uri') ?>" class="rounded">
|
||||
</div>
|
||||
<h5 class="mb-0 fw-bold me-3"><?php ee('QR Codes') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border-0 shadow-lg mb-3 position-absolute top-50 end-0 mt-5 me-4 animate-float outer-right">
|
||||
<div class="position-relative p-2">
|
||||
<span class="shadow-0 rounded p-2 px-3 d-inline-block gradient-primary text-white position-absolute top-0 start-50 translate-middle">
|
||||
<i class="fa fa-mobile"></i>
|
||||
</span>
|
||||
<h5 class="mb-0 mt-3 mx-3 fw-bold"><?php ee('Bio Pages') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border-0 shadow-lg mb-3 position-absolute top-100 start-0 ms-5 animate-float outer-left">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="shadow-0 rounded p-2 px-3 d-inline-block gradient-primary text-white me-2">
|
||||
<i class="fa fa-link"></i>
|
||||
</span>
|
||||
<h5 class="mb-0 fw-bold"><?php ee('Smart Short Links') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-10">
|
||||
<div class="container">
|
||||
<div class="row row-grid justify-content-between align-items-center">
|
||||
<div class="col-lg-5 order-lg-2">
|
||||
<h5 class="h3 fw-bold"><?php ee('One short link, infinite possibilities') ?>.</h5>
|
||||
<p class="lead my-4">
|
||||
<?php ee('A short link is a powerful marketing tool when you use it carefully. It is not just a link but a medium between your customer and their destination. A short link allows you to collect so much data about your customers and their behaviors.') ?>
|
||||
</p>
|
||||
<ul class="list-unstyled mb-2">
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-link gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Branded Domains') ?></span>
|
||||
<p><?php ee('Use your own domain name for short links') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-chart-line gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Quick Analytics') ?></span>
|
||||
<p><?php ee('Track clicks, locations, and referrers in real-time') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-sliders gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Advanced Targeting') ?></span>
|
||||
<p><?php ee('Target users by location, device, and language') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary rounded-pill"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-lg-6 order-lg-1">
|
||||
<div class="position-relative d-none d-sm-block" style="min-height: 500px;">
|
||||
<div class="card border shadow-lg p-4 position-absolute w-50 start-0 my-5 animate-float" style="z-index: 1; animation-delay: 0s;">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="icon-md bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-link fs-5 gradient-primary clip-text"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="text-dark fw-bold mb-0"><?php echo url() ?><span class="gradient-primary clip-text">short</span></h6>
|
||||
<small class="text-muted"><?php ee('Branded Domain') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge bg-success bg-opacity-10 text-success rounded-pill px-3 py-2">
|
||||
<i class="fa fa-check-circle me-1"></i> <?php ee('Active') ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<span class="text-dark fw-bold"><?php ee('Total Clicks') ?></span>
|
||||
<span class="text-dark fw-bolder fs-5"><?php $clicks = rand(100, 999); echo $clicks; ?>K</span>
|
||||
</div>
|
||||
<div class="progress mb-3" style="height: 10px; border-radius: 10px; background: rgba(var(--bs-primary-rgb), 0.1);">
|
||||
<div class="progress-bar gradient-primary" role="progressbar" style="width: <?php echo rand(60, 90) ?>%; border-radius: 10px;" data-animate="true"></div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between text-muted small">
|
||||
<span><i class="fa fa-arrow-up text-success me-1"></i> +<?php echo rand(10, 30) ?>% <?php ee('this month') ?></span>
|
||||
<span><i class="fa fa-clock me-1"></i> <?php ee('Live') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border shadow-lg p-4 position-absolute w-50 end-0 top-0 my-5 animate-float" style="z-index: 2; animation-delay: 0.2s;">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="icon-md bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-globe fs-5 gradient-primary clip-text"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="text-dark fw-bold mb-0"><?php ee('Geo Targeting') ?></h6>
|
||||
<small class="text-muted"><?php ee('Location-based redirects') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge bg-primary bg-opacity-10 text-primary rounded-pill px-2 py-1">
|
||||
<?php echo rand(5, 15) ?> <?php ee('Countries') ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="mb-3">
|
||||
<div class="d-flex align-items-center justify-content-between mb-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="<?php echo assets('images/flags/us.svg') ?>" class="icon-sm rounded me-2" style="width: 20px; height: 15px;">
|
||||
<span class="text-dark small fw-bold"><?php ee('United States') ?></span>
|
||||
</div>
|
||||
<span class="text-dark small fw-bold"><?php $us = rand(40, 60); echo $us; ?>%</span>
|
||||
</div>
|
||||
<div class="progress" style="height: 8px; border-radius: 8px; background: rgba(var(--bs-primary-rgb), 0.1);">
|
||||
<div class="progress-bar gradient-primary" role="progressbar" style="width: <?php echo $us; ?>%; border-radius: 8px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<div class="d-flex align-items-center justify-content-between mb-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="<?php echo assets('images/flags/gb.svg') ?>" class="icon-sm rounded me-2" style="width: 20px; height: 15px;">
|
||||
<span class="text-dark small fw-bold"><?php ee('United Kingdom') ?></span>
|
||||
</div>
|
||||
<span class="text-dark small fw-bold"><?php $uk = rand(20, 30); echo $uk; ?>%</span>
|
||||
</div>
|
||||
<div class="progress" style="height: 8px; border-radius: 8px; background: rgba(var(--bs-primary-rgb), 0.1);">
|
||||
<div class="progress-bar gradient-primary" role="progressbar" style="width: <?php echo $uk; ?>%; border-radius: 8px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 pt-3 border-top">
|
||||
<div class="d-flex justify-content-between text-muted small">
|
||||
<span><i class="fa fa-map-marker-alt me-1"></i> <?php echo rand(50, 200) ?> <?php ee('Locations') ?></span>
|
||||
<span><i class="fa fa-sync-alt me-1"></i> <?php ee('Auto-redirect') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card liquid-blur border shadow-lg p-4 w-50 position-relative ms-auto me-auto animate-float" style="z-index: 3; animation-delay: 0.4s; margin-top: 200px !important;">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="icon-md bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-chart-line fs-5 gradient-primary clip-text"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="text-dark fw-bold mb-0"><?php ee('Analytics Dashboard') ?></h6>
|
||||
<small class="text-muted"><?php ee('Real-time insights') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge bg-success bg-opacity-10 text-success rounded-pill px-2 py-1">
|
||||
<i class="fa fa-circle text-success me-1" style="font-size: 8px;"></i> <?php ee('Live') ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-6">
|
||||
<div class="bg-white rounded-3 p-3 text-center border">
|
||||
<div class="text-dark">
|
||||
<h4 class="fw-bold mb-1 gradient-primary clip-text"><?php $totalClicks = rand(10, 50); echo $totalClicks; ?>K</h4>
|
||||
<small class="text-muted d-block"><?php ee('Total Clicks') ?></small>
|
||||
<small class="text-success mt-1 d-block"><i class="fa fa-arrow-up"></i> +<?php echo rand(5, 15) ?>%</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="bg-white rounded-3 p-3 text-center border">
|
||||
<div class="text-dark">
|
||||
<h4 class="fw-bold mb-1 gradient-primary clip-text"><?php $unique = rand(5, 20); echo $unique; ?>K</h4>
|
||||
<small class="text-muted d-block"><?php ee('Unique Visitors') ?></small>
|
||||
<small class="text-success mt-1 d-block"><i class="fa fa-arrow-up"></i> +<?php echo rand(3, 10) ?>%</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 pt-3 border-top">
|
||||
<small class="text-muted d-block mb-3 fw-bold">
|
||||
<i class="fa fa-share-alt me-1"></i> <?php ee('Top Referrers') ?>
|
||||
</small>
|
||||
<div class="mb-2">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fab fa-facebook text-primary me-2"></i>
|
||||
<span class="text-dark small"><?php ee('Social Media') ?></span>
|
||||
</div>
|
||||
<span class="text-dark small fw-bold"><?php $social = rand(50, 70); echo $social; ?>%</span>
|
||||
</div>
|
||||
<div class="progress" style="height: 6px; border-radius: 6px; background: rgba(var(--bs-primary-rgb), 0.1);">
|
||||
<div class="progress-bar gradient-primary" role="progressbar" style="width: <?php echo $social; ?>%; border-radius: 6px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between text-muted small mt-3">
|
||||
<span><i class="fa fa-mouse-pointer me-1"></i> <?php echo round($totalClicks / $unique, 1); ?>x <?php ee('CTR') ?></span>
|
||||
<span><i class="fa fa-clock me-1"></i> <?php echo rand(1, 24); ?>h <?php ee('ago') ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-grid justify-content-between align-items-center mt-10">
|
||||
<div class="col-lg-5">
|
||||
<h5 class="h3 fw-bold"><?php ee('Trackable to the dot') ?>.</h5>
|
||||
<p class="lead my-4">
|
||||
<?php ee('Understanding your users and customers will help you increase your conversion. Our system allows you to track everything. Whether it is the amount of clicks, the country or the referrer, the data is there for you to analyze it.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary rounded-pill"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card shadow-lg border p-4 rounded-4">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="icon-md bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center me-3">
|
||||
<i class="fa fa-globe-americas fs-5 gradient-primary clip-text"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="fw-bold mb-0 text-dark"><?php ee('Where are most of your users located?') ?></h6>
|
||||
<small class="text-muted"><?php ee('Geographic distribution') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge bg-primary bg-opacity-10 text-primary rounded-pill px-3 py-2">
|
||||
<i class="fa fa-map-marker-alt me-1"></i> <?php echo rand(50, 200) ?> <?php ee('Locations') ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<?php
|
||||
$countries = [
|
||||
['flag' => 'us.svg', 'name' => e('United States of America'), 'percent' => rand(50, 70)],
|
||||
['flag' => 'gb.svg', 'name' => e('United Kingdom'), 'percent' => rand(15, 25)],
|
||||
['flag' => 'ca.svg', 'name' => e('Canada'), 'percent' => rand(8, 15)],
|
||||
['flag' => 'jp.svg', 'name' => e('Japan'), 'percent' => rand(3, 8)]
|
||||
];
|
||||
foreach($countries as $index => $country):
|
||||
?>
|
||||
<div class="d-flex align-items-center mb-4 <?php echo $index < count($countries) - 1 ? 'pb-4 border-bottom' : '' ?>">
|
||||
<div class="position-relative me-3">
|
||||
<img src="<?php echo assets('images/flags/'.$country['flag']) ?>" class="rounded shadow-sm" style="width: 32px; height: 24px; object-fit: cover;">
|
||||
<?php if($index === 0): ?>
|
||||
<span class="badge bg-success rounded-circle position-absolute top-0 start-100 translate-middle" style="width: 12px; height: 12px; border: 2px solid white; font-size: 0;"></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<span class="fw-bold text-dark"><?php echo $country['name'] ?></span>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold text-dark me-2"><?php echo $country['percent'] ?>%</span>
|
||||
<?php if($index === 0): ?>
|
||||
<span class="badge bg-success bg-opacity-10 text-success rounded-pill px-2 py-1" style="font-size: 10px;">
|
||||
<i class="fa fa-arrow-up"></i> <?php echo rand(2, 8) ?>%
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress" style="height: 10px; border-radius: 10px; background: rgba(var(--bs-primary-rgb), 0.1);">
|
||||
<div class="progress-bar gradient-primary" role="progressbar" style="width: <?php echo $country['percent'] ?>%; border-radius: 10px;" data-animate="true"></div>
|
||||
</div>
|
||||
<?php if($index === 0): ?>
|
||||
<div class="d-flex justify-content-between mt-2">
|
||||
<small class="text-muted">
|
||||
<i class="fa fa-users me-1"></i> <?php echo rand(5000, 15000) ?> <?php ee('visitors') ?>
|
||||
</small>
|
||||
<small class="text-success">
|
||||
<i class="fa fa-trending-up me-1"></i> <?php ee('Top country') ?>
|
||||
</small>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<div class="mt-4 pt-3 border-top">
|
||||
<div class="row g-3">
|
||||
<div class="col-6">
|
||||
<div class="text-center p-3 bg-primary rounded-3 border">
|
||||
<div class="fw-bold text-dark mb-1"><?php echo rand(100, 500) ?>+</div>
|
||||
<small class="text-muted"><?php ee('Countries') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="text-center p-3 bg-primary rounded-3 border">
|
||||
<div class="fw-bold text-dark mb-1"><?php echo rand(1000, 5000) ?>+</div>
|
||||
<small class="text-muted"><?php ee('Cities') ?></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="mb-5">
|
||||
<div class="container">
|
||||
<div class="p-2 p-md-5 bg-primary rounded-4 border-0">
|
||||
<div class="text-center my-5">
|
||||
<h2 class="fw-bolder display-6 mb-3"><strong><?php ee("Features that <span class=\"gradient-primary clip-text\">supercharge</span> your links") ?></strong></h2>
|
||||
<p class="lead"><?php ee('Powerful features to help you create, manage, and track your short links effectively') ?></p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-3 py-2 fw-bold mt-3"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-spinner fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Custom Landing Page') ?></h4>
|
||||
<p>
|
||||
<?php ee('Create a custom landing page to promote your product or service on forefront and engage the user in your marketing campaign.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-layer-group fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('CTA Overlays') ?></h4>
|
||||
<p>
|
||||
<?php ee('Use our overlay tool to display unobtrusive notifications, polls or even a contact on the target website. Great for campaigns.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-compass fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Event Tracking') ?></h4>
|
||||
<p>
|
||||
<?php ee('Add your custom pixel from providers such as Facebook and track events right when they are happening.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-bullseye fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Smart Targeting') ?></h4>
|
||||
<p>
|
||||
<?php ee('Easily apply restrictions to your links and target users in specific countries & languages using specific devices.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-users fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Team Management') ?></h4>
|
||||
<p>
|
||||
<?php ee('Invite your team members and assign them specific privileges to manage everything and collaborate together.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-globe fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Branded Domain Names') ?></h4>
|
||||
<p>
|
||||
<?php ee("Easily add your own domain name for short links and take control of your brand name and your users' trust.") ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-box fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Campaigns & Channels') ?></h4>
|
||||
<p>
|
||||
<?php ee('Group and organize your Links, Bio Pages and QR Codes. With Campaigns, you can also get aggregated stats.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6 mb-4">
|
||||
<div class="h-100 card shadow-sm border-0">
|
||||
<div class="card-body p-4 p-sm-5">
|
||||
<i class="fa fa-terminal fa-2x gradient-primary clip-text"></i>
|
||||
<h4 class="fw-bold my-3"><?php ee('Developer API') ?></h4>
|
||||
<p>
|
||||
<?php ee('Use our powerful API to build custom applications or extend your own application with our powerful tools.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="h-100 p-5 gradient-primary text-white with-shapes rounded-4 border-0">
|
||||
<div class="row align-items-center gy-lg-5">
|
||||
<div class="col-sm-8">
|
||||
<h2 class="fw-bold"><?php ee('Take control of your links') ?></h2>
|
||||
<p><?php ee('You are one click away from taking control of all of your links, and instantly get better results.') ?></p>
|
||||
</div>
|
||||
<div class="col-sm-4 text-end">
|
||||
<a class="btn btn-light btn-lg d-block d-sm-inline-block" href="<?php echo route('register') ?>"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php if(config('user_history') && !\Core\Auth::logged() && $urls = \Helpers\App::userHistory()): ?>
|
||||
<div class="modal fade" id="userhistory" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h6 class="modal-title fw-bolder"><?php ee('Your latest links') ?></h6>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<?php foreach($urls as $url): ?>
|
||||
<h6 class="mb-1"><a href="<?php echo $url['url'] ?>" target="_blank"><?php echo $url['meta_title'] ?></a></h6>
|
||||
<a href="<?php echo \Helpers\App::shortRoute($url['domain'], $url['alias'].$url['custom']) ?>" class="text-muted d-block mb-3"><?php echo \Helpers\App::shortRoute($url['domain'], $url['alias'].$url['custom']) ?></a>
|
||||
<?php endforeach ?>
|
||||
<div class="d-flex mt-5 border rounded p-2">
|
||||
<div class="opacity-8">
|
||||
<?php ee('Want more options to customize the link, QR codes, branding and advanced metrics?') ?>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary btn-xs"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,14 @@
|
||||
<section id="blog" class="bg-primary border-top border-bottom">
|
||||
<div class="container py-8">
|
||||
<h1 class="display-6 fw-bold mt-5 text-center">
|
||||
<?php echo $page->name ?>
|
||||
</h1>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-8">
|
||||
<article>
|
||||
<?php echo $page->content ?>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,487 @@
|
||||
<section id="hero" class="position-relative py-5">
|
||||
<img src="<?php echo assets('images/shapes.svg') ?>" class="img-fluid position-absolute top-0 start-0 w-100 h-100 animate-float opacity-50 zindex-0">
|
||||
<div class="container position-relative" data-offset-top="#navbar-main">
|
||||
<?php if(config('publicqr')): ?>
|
||||
<div class="d-block d-md-flex align-items-center">
|
||||
<div>
|
||||
<h1 class="display-6 fw-bold mb-5">
|
||||
<?php ee('Create QR Codes <br>for {t}', null, ['t' => '<strong class="gradient-primary clip-text">'.e('Free').'</strong>']) ?>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<form method="post" action="<?php echo route('qr.generateqr') ?>" class="card shadow-sm p-4 rounded w-100 mb-5">
|
||||
<?php echo csrf() ?>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="bg-primary d-inline-block mb-4 rounded-pill text-start p-1">
|
||||
<span class="btn bg-white border rounded-pill text-dark py-1 px-3 fw-bold shadow-sm">
|
||||
<?php ee('Static') ?>
|
||||
</span>
|
||||
<a href="<?php echo route('register') ?>" class="btn text-muted py-1" data-bs-toggle="tooltip" title="<?php ee('Register to unlock this feature') ?>">
|
||||
<i class="fa fa-lock small me-1"></i> <span class="align-middle"><?php ee('Dynamic') ?> - <?php ee('Trackable') ?></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<a class="btn btn-transparent py-2 px-3 rounded-3 mb-2 me-1 border-success text-dark" data-trigger="switcher" href="#text"><i class="me-2 fa fa-font"></i> <?php ee('Text') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#link"><i class="me-2 fa fa-link"></i> <?php ee('URL') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#email"><i class="me-2 fa fa-envelope"></i> <?php ee('Email') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#sms"><i class="me-2 fa fa-mobile"></i><?php ee('SMS') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#phone"><i class="me-2 fa fa-phone"></i><?php ee('Call') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#wifi"><i class="me-2 fa fa-wifi"></i> <?php ee('WiFi') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#staticvcard"><i class="me-2 fa fa-user"></i> <?php ee('vCard') ?></a>
|
||||
<a class="btn btn-transparent text-dark py-2 px-3 rounded-3 mb-2 me-1" data-trigger="switcher" href="#event"><i class="me-2 fa fa-calendar"></i> <?php ee('Event') ?></a>
|
||||
</div>
|
||||
<div class="pe-md-5 pt-3">
|
||||
<div class="switcher" id="text">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group">
|
||||
<label class="form-label fw-bold"><?php ee('Text') ?></label>
|
||||
<textarea class="form-control" name="text" placeholder="<?php ee('Your Text') ?>"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="link">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group">
|
||||
<label class="form-label fw-bold"><?php ee('URL') ?></label>
|
||||
<input type="text" class="form-control p-2" name="link" placeholder="https://">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="email">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Email') ?></label>
|
||||
<input type="email" class="form-control" name="email[email]" placeholder="e.g. someone@domain.com">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Subject') ?></label>
|
||||
<input type="text" class="form-control p-2" name="email[subject]" placeholder="e.g. <?php ee('Job Application') ?>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label fw-bold"><?php ee('Message') ?></label>
|
||||
<textarea class="form-control" name="email[body]" placeholder="e.g. <?php ee('Your message here to be sent as email') ?>"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="phone">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group">
|
||||
<label class="form-label fw-bold"><?php ee('Phone Number') ?></label>
|
||||
<input type="text" class="form-control p-2" name="phone" placeholder="e.g. 123456789">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="sms">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Phone Number') ?></label>
|
||||
<input type="text" class="form-control p-2" name="sms[phone]" placeholder="e.g 123456789">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label fw-bold"><?php ee('Message') ?></label>
|
||||
<textarea class="form-control p-2" name="sms[message]" placeholder="e.g. <?php ee('Job Application') ?>"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="staticvcard">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('First Name') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[fname]" placeholder="e.g. John">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Last Name') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[lname]" placeholder="e.g. Doe">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Organization') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[org]" placeholder="e.g. Internet Inc">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Phone') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[phone]" placeholder="e.g. +112345689">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Cell') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[cell]" placeholder="e.g. +112345689">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Fax') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[fax]" placeholder="e.g. +112345689">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Email') ?></label>
|
||||
<input type="email" class="form-control" name="staticvcard[email]" placeholder="e.g. someone@domain.com">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Website') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[site]" placeholder="e.g. https://domain.com">
|
||||
</div>
|
||||
<div class="btn-group ms-auto">
|
||||
<button type="button" class="btn btn-primary btn-sm text-white" data-bs-toggle="collapse" data-bs-target="#vcard-address">+ <?php ee('Address') ?></button>
|
||||
<button type="button" class="btn btn-primary btn-sm text-white" data-bs-toggle="collapse" data-bs-target="#vcard-social">+ <?php ee('Social') ?></button>
|
||||
</div>
|
||||
<div id="vcard-address" class="collapse">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Street') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[street]" placeholder="e.g. 123 My Street">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('City') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[city]" placeholder="e.g. My City">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('State') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[state]" placeholder="e.g. My State">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Zipcode') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[zip]" placeholder="e.g. 123456">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Country') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[country]" placeholder="e.g. My Country">
|
||||
</div>
|
||||
</div>
|
||||
<div id="vcard-social" class="collapse">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Facebook') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[facebook]" placeholder="e.g. https://www.facebook.com/myprofile">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Twitter') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[twitter]" placeholder="e.g. https://www.twitter.com/myprofile">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Instagram') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[instagram]" placeholder="e.g. https://www.instagram.com/myprofile">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Linekdin') ?></label>
|
||||
<input type="text" class="form-control p-2" name="staticvcard[linkedin]" placeholder="e.g. https://www.linkedin.com/myprofile">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="wifi">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Network SSID') ?></label>
|
||||
<input type="text" class="form-control p-2" name="wifi[ssid]" placeholder="e.g 123456789">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Password') ?></label>
|
||||
<input type="text" class="form-control p-2" name="wifi[pass]" placeholder="Optional">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label fw-bold"><?php ee('Encryption') ?></label>
|
||||
<select name="wifi[encryption]" class="form-select">
|
||||
<option value="wep">WEP</option>
|
||||
<option value="wpa">WPA/WPA2</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="collapse switcher" id="event">
|
||||
<div class="card p-3 rounded shadow-sm">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Title') ?></label>
|
||||
<input type="text" class="form-control p-2" name="event[title]" placeholder="">
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Description') ?></label>
|
||||
<textarea class="form-control p-2" name="event[description]"></textarea>
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Location') ?></label>
|
||||
<textarea class="form-control p-2" name="event[location]"></textarea>
|
||||
</div>
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('URL') ?></label>
|
||||
<input type="text" class="form-control p-2" name="event[url]" placeholder="">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('Start') ?></label>
|
||||
<input type="datetime-local" class="form-control p-2" name="event[start]">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold"><?php ee('End') ?></label>
|
||||
<input type="datetime-local" class="form-control p-2" name="event[end]">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow-sm my-3">
|
||||
<div class="p-3">
|
||||
<a href="" data-bs-toggle="collapse" class="text-decoration-none text-dark" role="button" data-bs-target="#colors">
|
||||
<h6 class="card-title fw-bold mb-0"><i class="fa fa-tint me-1"></i> <span class="align-middle"><?php ee('Customization') ?></span>
|
||||
</h6>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body collapse" id="colors">
|
||||
<div class="p-3 border rounded mb-3">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex bg-primary p-2 rounded-pill">
|
||||
<a href="#singlecolor" class="btn flex-fill shadow-sm bg-white border rounded-pill fw-bold active"><?php ee('Single Color') ?></a>
|
||||
<a href="<?php echo route('register') ?>" class="btn flex-fill text-muted" data-bs-toggle="tooltip" title="<?php ee('Register to unlock this feature') ?>">
|
||||
<i class="fa fa-lock small me-1"></i> <span class="align-middle"><?php ee('Gradient') ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold" for="bg"><?php ee("Background") ?></label><br>
|
||||
<input type="text" name="bg" data-coloris value="#ffffff" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-3">
|
||||
<label class="form-label fw-bold" for="fg"><?php ee("Foreground") ?></label><br>
|
||||
<input type="text" name="fg" data-coloris value="#000000" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 border rounded mb-3">
|
||||
<div class="form-group">
|
||||
<label class="fw-bold" for="logo"><?php ee('Logo') ?></label>
|
||||
<a href="<?php echo route('register') ?>" class="mt-3 d-block border bg-primary p-2 rounded-pill text-muted">
|
||||
<span class="btn bg-white rounded-pill"><?php ee('Upload logo') ?></span>
|
||||
<i class="fa fa-lock mx-2"></i> <span class="align-middle"><?php ee('Register to unlock this feature') ?></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 border rounded mb-3">
|
||||
<label class="fw-bold"><?php ee('Design') ?></label>
|
||||
<div class="d-flex bg-primary p-2 rounded-pill mt-3">
|
||||
<a href="<?php echo route('register') ?>" class="btn flex-fill text-muted" data-bs-toggle="tooltip" title="<?php ee('Register to unlock this feature') ?>">
|
||||
<i class="fa fa-lock small me-1"></i> <span class="align-middle"><?php ee('Eye') ?>
|
||||
</a>
|
||||
<a href="<?php echo route('register') ?>" class="btn flex-fill text-muted" data-bs-toggle="tooltip" title="<?php ee('Register to unlock this feature') ?>">
|
||||
<i class="fa fa-lock small me-1"></i> <span class="align-middle"><?php ee('Matrix') ?>
|
||||
</a>
|
||||
<a href="<?php echo route('register') ?>" class="btn flex-fill text-muted" data-bs-toggle="tooltip" title="<?php ee('Register to unlock this feature') ?>">
|
||||
<i class="fa fa-lock small me-1"></i> <span class="align-middle"><?php ee('Frame') ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="type" value="text">
|
||||
<button type="submit" class="btn btn-success mt-3 w-100 mb-3 mb-md-0"><?php ee('Generate') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="position-sticky border rounded p-2">
|
||||
<div id="return-ajax">
|
||||
<img src="<?php echo \Helpers\QR::factory('Sample QR', 400, 0)->format('svg')->create('uri') ?>" class="img-responsive img-fluid rounded">
|
||||
</div>
|
||||
<div class="btn-group d-flex mt-3" role="group" aria-label="Basic example">
|
||||
<button data-trigger="saveqr" data-format="svg" type="button" class="btn btn-transparent border text-dark flex-fill"><i class="fa fa-download me-1"></i> <span class="align-middle">SVG</span></button>
|
||||
<button data-trigger="saveqr" data-format="png" type="button" class="btn btn-transparent border text-dark flex-fill"><i class="fa fa-download me-1"></i> <span class="align-middle">PNG</span></button>
|
||||
<button data-trigger="saveqr" data-format="webp" type="button" class="btn btn-transparent border text-dark flex-fill"><i class="fa fa-download me-1"></i> <span class="align-middle">WEBP</span></button>
|
||||
</div>
|
||||
<p class="mt-3"><?php ee('Register to unlock advanced features such as Dynamic QR Codes, advanced QR Code customization and frames.') ?></p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary w-100"><?php ee('Register') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<?php else: ?>
|
||||
<div class="row align-items-center py-8 position-relative">
|
||||
<div class="col-md-7">
|
||||
<h1 class="display-4 fw-bold mb-4">
|
||||
<?php ee('QR Codes') ?>
|
||||
</h1>
|
||||
<p class="lead pe-5">
|
||||
<?php ee('Easy to use, dynamic and customizable QR codes for your marketing campaigns. Analyze statistics and optimize your marketing strategy and increase engagement.') ?>
|
||||
</p>
|
||||
<p class="my-5">
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary px-5 py-3 fw-bold"><?php ee('Get Started') ?></a>
|
||||
<a href="<?php echo route('contact', ['subject' => 'Contact Sales']) ?>" class="btn btn-transparent text-dark fw-bold"><?php ee('Contact sales') ?></a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="card gradient-primary shadow rounded-3 border-0">
|
||||
<div class="px-4 py-5 text-center text-white">
|
||||
<div class="h1 mb-3">
|
||||
<i class="fa fa-qrcode fw-bolder"></i>
|
||||
</div>
|
||||
<h5 class="fw-bolder"><?php ee('Advanced QR Codes') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card shadow rounded-3 border-0 mt-5">
|
||||
<div class="px-4 py-5 text-center text-primary">
|
||||
<div class="h1 mb-3">
|
||||
<i class="fa fa-eyedropper"></i>
|
||||
</div>
|
||||
<h5 class="fw-bolder"><?php ee('Customize Colors') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 pt-lg-5">
|
||||
<div class="card shadow rounded-3 border-0 mt-5">
|
||||
<div class="px-4 py-5 text-center text-dark">
|
||||
<div class="h1 mb-3">
|
||||
<i class="fa fa-map-pin"></i>
|
||||
</div>
|
||||
<h5 class="fw-bolder"><?php ee('Track Scans') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card gradient-primary-reverse shadow rounded-3 border-0 mt-5">
|
||||
<div class="px-4 py-5 text-center text-white">
|
||||
<div class="h1 mb-3">
|
||||
<i class="fa fa-wand-magic-sparkles fw-bolder"></i>
|
||||
</div>
|
||||
<h5 class="fw-bolder"><?php ee('Customize Design & Frames') ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-10">
|
||||
<div class="container">
|
||||
<div class="row row-grid justify-content-between align-items-center">
|
||||
<div class="col-lg-5 order-lg-2">
|
||||
<h5 class="h3 fw-bold"><?php ee('The new standard') ?>.</h5>
|
||||
<p class="lead my-4">
|
||||
<?php ee('QR Codes are everywhere and they are not going away. They are a great asset to your company because you can easily capture users and convert them. QR codes can be customized to match your company, brand or product.') ?>
|
||||
</p>
|
||||
<ul class="list-unstyled mb-2">
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-map-location gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Dynamic QR codes') ?></span>
|
||||
<p><?php ee('Track QR code scans with our dynamic QR codes') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-sliders gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Customizable Design') ?></span>
|
||||
<p><?php ee('Customize the eye & the matrix') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-crop-simple gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Frames & Custom Logo') ?></span>
|
||||
<p><?php ee('Add your own logo and frame your QR code') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3">
|
||||
<i class="fa fa-droplet gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
</div>
|
||||
<div class="ms-3">
|
||||
<span class="fw-bold"><?php ee('Custom Colors') ?></span>
|
||||
<p><?php ee('Customize colors to match your brand') ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary rounded-pill"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-lg-6 order-lg-1">
|
||||
<div class="d-flex mt-3">
|
||||
<div class="border rounded p-2 shadow-sm">
|
||||
<span class="icon-md d-block rounded-circle mb-2 mt-3" style="background-color: #0093E9;background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);"></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2" style="background-color: #00DBDE;background-image: linear-gradient(45deg, #00DBDE 0%, #FC00FF 100%);"></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2" style="background-color: #08AEEA;background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);"></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2" style="background-color: #FFE53B;background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);"></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2" style="background-color: #FF9A8B;background-image: linear-gradient(90deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);"></span>
|
||||
<span class="icon-md d-block rounded-circle" style="background-color: #F4D03F;background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);"></span>
|
||||
</div>
|
||||
<div class="flex-fill ms-3">
|
||||
<div class="border rounded p-4 shadow-sm">
|
||||
<h5 class="fw-bold mb-0"><i class="fa fa-link me-2 d-none d-md-inline"></i> <?php echo url('pricing') ?></h5>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="border rounded p-2 shadow-sm mt-3 d-none d-md-block">
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="30"><rect height="30" width="30" style="fill:rgb(255,255,255);stroke-width:8;stroke:rgb(0,0,0)"></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center"><svg width="30" height="30"><rect height="30" width="30" rx="8" ry="8" style="fill:rgb(0,0,0);"></rect><rect x="4" y="4" height="22" width="22" rx="5" ry="5" style="fill:rgb(255,255,255);"></rect></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center"><svg width="30" height="30"><circle cx="15" cy="15" r="12" fill="white" stroke="black" stroke-width="4"></circle></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="30" viewBox="0 0 30 30"><rect x="5" y="5" width="20" height="20" fill="#ffffff"></rect><g transform="scale(4.2)"><g transform="translate(0,-14)"><path fill-rule="evenodd" d="M10 5M0 21C0 14 0 14 7 14M7 14C7 21 7 21 0 21ZM1 20C1 15 1 15 6 15M6 15C6 20 6 20 1 20M2 5z" fill="#000000"/></g></g><circle cx="15" cy="15" r="9" fill="white"></circle></svg></span>
|
||||
<span class="icon-md d-block rounded-circle text-center"><svg width="30" height="30"><rect height="30" width="30" rx="8" ry="8" style="fill:rgb(0,0,0);"></rect><rect x="20" y="20" height="10" width="10" style="fill:rgb(0,0,0);"></rect><rect x="4" y="4" height="22" width="22" rx="5" ry="5" style="fill:rgb(255,255,255);"></rect><rect x="21" y="21" height="5" width="5" style="fill:rgb(255,255,255);"></rect></svg></span>
|
||||
</div>
|
||||
<div class="border rounded p-2 shadow-sm mt-3 ms-3 d-none d-md-block">
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="30"><rect x="5" y="5" height="20" width="20" style="fill:rgb(0,0,0);"></rect></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="30"><rect x="5" y="5" height="20" width="20" rx="6" ry="6" style="fill:rgb(0,0,0);"></rect></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="30"><circle cx="15" cy="15" r="10" fill="black"></circle></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="30" viewBox="0 0 30 30"><rect x="5" y="5" width="20" height="20" fill="transparent"></rect><g transform="scale(6)"><g transform="translate(-1,-15)"><path fill-rule="evenodd" d="M10 20M2 19C2 16 2 16 5 16M5 16C5 19 5 19 2 19" fill="#000000"/></g></g></svg></span>
|
||||
<span class="icon-md d-block rounded-circle text-center mt-2"><svg width="30" height="30"><rect x="5" y="5" height="20" width="20" rx="6" ry="6" style="fill:rgb(0,0,0);"></rect><rect x="17" y="17" height="8" width="8" style="fill:rgb(0,0,0);"></rect></svg></span>
|
||||
</div>
|
||||
<div class="border rounded p-2 shadow-sm mt-3 ms-3 d-none d-md-block">
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="15"><rect x="20" y="0" height="5" width="5" style="fill:rgb(0,0,0);"></rect><rect x="25" y="0" height="5" width="5" style="fill:rgb(0,0,0);"></rect><rect y="0" height="5" width="15" style="fill:rgb(0,0,0);"></rect><rect y="5" x="10" height="5" width="20" style="fill:rgb(0,0,0);"></rect></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="15"><rect x="19" y="0" rx="1" ry="1" height="5" width="5" style="fill:rgb(0,0,0);"></rect><rect x="25" y="0" rx="1" ry="1" height="5" width="5" style="fill:rgb(0,0,0);"></rect><rect y="0" rx="2" ry="2" height="5" width="15" style="fill:rgb(0,0,0);"></rect><rect y="3" x="10" rx="2" ry="2" height="5" width="20" style="fill:rgb(0,0,0);"></rect></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="15"><circle cx="2" cy="2" r="2" fill="black"></circle><circle cx="7" cy="2" r="2" fill="black"></circle><circle cx="12" cy="2" r="2" fill="black"></circle><circle cx="12" cy="7" r="2" fill="black"></circle><circle cx="17" cy="7" r="2" fill="black"></circle><circle cx="22" cy="7" r="2" fill="black"></circle><circle cx="22" cy="2" r="2" fill="black"></circle><circle cx="27" cy="2" r="2" fill="black"></circle><circle cx="27" cy="7" r="2" fill="black"></circle></svg></span>
|
||||
<span class="icon-md d-block rounded-circle mb-2 text-center mt-2"><svg width="30" height="15"><rect x="0" y="0" width="3" height="3" transform="translate(3,0) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(8,0) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(13,0) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(13,5) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(18,5) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(23,5) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(23,0) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(28,5) rotate(45)" /><rect x="0" y="0" width="3" height="3" transform="translate(28,0) rotate(45)" /></svg></span>
|
||||
<span class="icon-md d-block rounded-circle text-center mt-2"><svg version="1.0" xmlns="http://www.w3.org/2000/svg"width="30" height="15" viewBox="0 0 191 97"preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,97.000000) scale(0.100000,-0.100000)"fill="#000000" stroke="none"><path d="M549 897 c-41 -27 -59 -60 -59 -108 0 -44 30 -87 134 -189 l76 -75 106 106 c91 91 106 111 111 146 13 101 -96 177 -182 125 -29 -18 -31 -18 -60 0 -40 24 -85 23 -126 -5z"/><path d="M1503 900 c-44 -26 -67 -73 -60 -123 5 -35 20 -55 111 -146 l106 -106 76 75 c104 102 134 145 134 189 0 48 -18 81 -59 108 -41 28 -86 29 -126 5 -29 -18 -31 -18 -60 0 -39 23 -82 23 -122 -2z"/><path d="M61 415 c-16 -14 -35 -42 -42 -62 -20 -61 -1 -96 109 -206 l98 -97 107 108 c102 104 107 111 107 151 0 81 -48 131 -127 131 -21 0 -48 -7 -61 -15 -19 -14 -24 -14 -51 0 -46 24 -104 19 -140 -10z"/><path d="M548 423 c-41 -26 -62 -72 -55 -123 5 -38 17 -55 109 -147 l103 -103 97 97 c59 59 102 111 109 131 16 50 4 96 -37 131 -40 36 -95 41 -145 16 -27 -14 -32 -14 -51 0 -29 20 -96 19 -130 -2z"/><path d="M1019 417 c-23 -15 -38 -37 -47 -65 -13 -38 -12 -46 7 -84 11 -24 61 -83 111 -133 l90 -90 90 90 c50 50 100 109 111 133 19 38 20 46 7 84 -23 75 -125 115 -186 72 -20 -14 -24 -14 -44 0 -33 24 -99 20 -139 -7z"/><path d="M1486 409 c-41 -35 -53 -81 -37 -131 7 -20 50 -72 109 -131 l97 -97 103 103 c92 92 104 109 109 147 11 78 -44 140 -124 140 -21 0 -48 -7 -61 -15 -19 -14 -24 -14 -51 0 -50 25 -105 20 -145 -16z"/></g></svg></span>
|
||||
</div>
|
||||
<div class="ms-3 mt-3">
|
||||
<img src="<?php echo \Helpers\QR::factory(url('pricing'), 300, 0)->module('circle')->eye('circle', 'rounded')->format('svg')->create('uri') ?>" class="img-responsive img-fluid rounded">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-grid justify-content-between align-items-center mt-10">
|
||||
<div class="col-lg-5">
|
||||
<h5 class="h3 fw-bold"><?php ee('Trackable to the dot') ?>.</h5>
|
||||
<p class="lead my-4">
|
||||
<?php ee('The beautify of QR codes is that almost any type of data can be encoded in them. Most types of data can be tracked very easily so you will know exactly when and from where a person scanned your QR code.') ?>
|
||||
</p>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary rounded-pill"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<img src="<?php echo assets('images/map.png') ?>" alt="<?php ee('Trackable to the dot') ?>" class="img-responsive w-100 py-5">
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-100 p-5 mt-10 gradient-primary text-white with-shapes rounded-4 border-0 ">
|
||||
<div class="row align-items-center gy-lg-5">
|
||||
<div class="col-sm-8">
|
||||
<h2 class="fw-bold"><?php ee('Take control of your links') ?></h2>
|
||||
<p><?php ee('You are one click away from taking control of all of your links, and instantly get better results.') ?></p>
|
||||
</div>
|
||||
<div class="col-sm-4 text-end">
|
||||
<a class="btn btn-light btn-lg d-block d-sm-inline-block" href="<?php echo route('register') ?>"><?php ee('Get Started') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,42 @@
|
||||
<section class="bg-primary border-top border-bottom">
|
||||
<div class="container py-10">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-5 text-center text-lg-start mb-5">
|
||||
<h1 class="display-4 mb-3 fw-bolder"><?php ee('Report link') ?></h1>
|
||||
<p class="lead"><?php ee('Please report a link that you consider risky or dangerous. We will review all cases and take measure to remove the link.') ?></p>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<form id="form-contact" method="post" action="<?php echo route('report.send') ?>" data-trigger="server-form">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label" for="contact-email"><?php ee("Email") ?> <span class="text-danger">*</span></label>
|
||||
<input class="form-control p-3" type="email" placeholder="<?php ee("Email") ?>" name="email" id="contact-email" value="<?php echo \Core\Auth::logged() ? \Core\Auth::user()->email : '' ?>" data-error="<?php ee('Please enter a valid email') ?>" required>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label" for="contact-link"><?php ee("Short Link") ?> <span class="text-danger">*</span></label>
|
||||
<input class="form-control p-3" type="text" placeholder="<?php ee("Please enter a valid short link") ?>" id="contact-link" name="link" value="" data-error="<?php ee('Please enter a valid link.') ?>" min="10" required>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label" for="contact-reason"><?php ee("Reason") ?> <span class="text-danger">*</span></label>
|
||||
<select name="reason" id="contact-reason" class="form-select p-3">
|
||||
<option value="spam"><?php echo e("Spam") ?></option>
|
||||
<option value="fraudulent"><?php echo e("Fraudulent") ?></option>
|
||||
<option value="malicious"><?php echo e("Malicious") ?></option>
|
||||
<option value="phishing"><?php echo e("Phishing") ?></option>
|
||||
</select>
|
||||
</div>
|
||||
<?php echo \Helpers\Captcha::display('report') ?>
|
||||
<div class="d-flex mt-4">
|
||||
<?php echo csrf() ?>
|
||||
<div class="ms-auto">
|
||||
<button type="submit" class="btn btn-primary py-3 px-5"><?php ee('Send') ?></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,127 @@
|
||||
<footer class="pt-5 text-start" id="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-5 mb-lg-0" class="text-dark">
|
||||
<a href="<?php echo route('home') ?>">
|
||||
<?php if(config('logo')): ?>
|
||||
<?php if((request()->cookie('darkmode') || themeSettings::isDark()) && config('altlogo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 mt-2 fw-bold text-dark"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<p class="mt-4"><?php echo e(config('description')) ?></p>
|
||||
<ul class="nav mt-4">
|
||||
<?php if($facebook = config('facebook')): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2" href="<?php echo $facebook ?>" target="_blank">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($twitter = config('twitter')): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2" href="<?php echo $twitter ?>" target="_blank">
|
||||
<i class="fab fa-x-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($instagram = config('sociallinks')->instagram): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2" href="<?php echo $instagram ?>" target="_blank">
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($linkedin = config('sociallinks')->linkedin): ?>
|
||||
<li>
|
||||
<a class="nav-link text-muted ps-0 me-2" href="<?php echo $linkedin ?>" target="_blank">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 col-6 col-sm-6 ml-lg-auto mb-5 mb-lg-0">
|
||||
<h6 class="fw-bold mb-3"><?php ee('Solutions') ?></h6>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('page.qr') ?>"><?php ee('QR Codes') ?></a></li>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('page.bio') ?>"><?php ee('Bio Pages') ?></a></li>
|
||||
<?php if($plugged = plug('solutionsmenu')): ?>
|
||||
<?php foreach($plugged as $link): ?>
|
||||
<?php if(is_array($link)): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo $link['link'] ?>"><?php echo $link['title'] ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
<?php foreach(\Helpers\App::pages('main') as $page): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('page', [$page->seo]) ?>"><?php ee($page->name) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 col-6 col-sm-6 mb-5 mb-lg-0">
|
||||
<h6 class="fw-bold mb-3"><?php ee('Resources') ?></h6>
|
||||
<ul class="list-unstyled">
|
||||
<?php foreach(\Helpers\App::pages('company') as $page): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('page', [$page->seo]) ?>"><?php ee($page->name) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
<?php if(config('helpcenter')): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('help') ?>"><?php ee('Help Center') ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php if(config('api')): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('apidocs') ?>"><?php ee('Developer API') ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php if(config('pro') && config('affiliate')->enabled): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('affiliate') ?>"><?php ee('Affiliate Program') ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php if(config('contact')): ?>
|
||||
<li class="mb-2"><a class="nav-link" href="<?php echo route('contact') ?>"><?php ee('Contact Us') ?></a></li>
|
||||
<?php endif ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center justify-content-md-between pb-2 mt-5">
|
||||
<div class="col-md-4">
|
||||
<div class="copyright text-sm text-center text-md-start">
|
||||
<?php if(isset(config('theme_config')->customfooter) && !empty(config('theme_config')->customfooter)): ?>
|
||||
<?php echo config('theme_config')->customfooter ?>
|
||||
<?php else: ?>
|
||||
© <?php echo date("Y") ?> <a href="<?php echo config('url') ?>" class="fw-bold"><?php echo config('sitename') ?></a>. <?php ee('All Rights Reserved') ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
|
||||
<?php foreach(\Helpers\App::pages('policy') as $page): ?>
|
||||
<li class="nav-item"><a class="nav-link text-dark" href="<?php echo route('page', [$page->seo]) ?>"><?php ee($page->name) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
<?php foreach(\Helpers\App::pages('terms') as $page): ?>
|
||||
<li class="nav-item"><a class="nav-link text-dark" href="<?php echo route('page', [$page->seo]) ?>"><?php ee($page->name) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
<?php if(config('report')): ?>
|
||||
<li class="nav-item"><a class="nav-link text-dark" href="<?php echo route('report') ?>"><?php ee('Report') ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php if(config('verifylink')): ?>
|
||||
<li class="nav-item"><a class="nav-link text-dark" href="<?php echo route('links.verify') ?>"><?php ee('Verify Link') ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php if(config('cookieconsent')->enabled): ?>
|
||||
<li class="nav-item"><a class="nav-link text-dark" href="" data-cc="c-settings"><?php ee('Cookie Settings') ?></a></li>
|
||||
<?php endif ?>
|
||||
<?php if($langs = \Helpers\App::langs()): ?>
|
||||
<li class="nav-item dropup">
|
||||
<a class="nav-link text-dark" data-bs-toggle="dropdown" href="#"><i class="fa fa-globe" class="mr-1"></i> <?php echo strtoupper(\Core\Localization::locale()) ?></a>
|
||||
<ul class="dropdown-menu">
|
||||
<?php foreach($langs as $lang): ?>
|
||||
<li><a class="dropdown-item" href="<?php echo \Core\Localization::localUrl($lang) ?>"><?php echo $lang['name'] ?></a></li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,44 @@
|
||||
<script type="text/javascript">
|
||||
var lang = <?php echo json_encode([
|
||||
"error" => e('Please enter a valid URL.'),
|
||||
"couponinvalid" => e("The coupon enter is not valid"),
|
||||
"minurl" => e("You must select at least 1 url."),
|
||||
"minsearch" => e("Keyword must be more than 3 characters!"),
|
||||
"nodata" => e("No data is available for this request."),
|
||||
"datepicker" => [
|
||||
'7d' => 'Last 7 Days',
|
||||
'3d' => 'Last 30 Days',
|
||||
'tm' => 'This Month',
|
||||
'lm' => 'Last Month',
|
||||
],
|
||||
'cookie' => [
|
||||
'title' => e('Cookie Preferences'),
|
||||
'description' => !empty(config('cookieconsent')->message) ? e(config('cookieconsent')->message) : e('This website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. You have the option to choose which one to allow.'),
|
||||
'button' => ' <button type="button" data-cc="c-settings" class="cc-link" aria-haspopup="dialog">'.e('Let me choose').'</button>',
|
||||
'accept_all' => e('Accept All'),
|
||||
'accept_necessary' => e('Accept Necessary'),
|
||||
'close' => e('Close'),
|
||||
'save' => e('Save Settings'),
|
||||
'necessary' => [
|
||||
'title' => e('Strictly Necessary Cookies'),
|
||||
'description' => e('These cookies are required for the correct functioning of our service and without these cookies you will not be able to use our product.')
|
||||
],
|
||||
'analytics' => [
|
||||
'title' => e('Targeting and Analytics'),
|
||||
'description' => e('Providers such as Google use these cookies to measure and provide us with analytics on how you interact with our website. All of the data is anonymized and cannot be used to identify you.')
|
||||
],
|
||||
'ads' => [
|
||||
'title' => e('Advertisement'),
|
||||
'description' => e('These cookies are set by our advertisers so they can provide you with relevant ads.')
|
||||
],
|
||||
'extra' => [
|
||||
'title' => e('Additional Functionality'),
|
||||
'description' => e('We use various providers to enhance our products and they may or may not set cookies. Enhancement can include Content Delivery Networks, Google Fonts, etc')
|
||||
],
|
||||
'privacy' => [
|
||||
'title' => e('Privacy Policy'),
|
||||
'description' => e('You can view our privacy policy').' <a target="_blank" class="cc-link" href="'.(!empty(config('cookieconsent')->link) ? config('cookieconsent')->link : route('page', ['privacy'])).'">'.e('here').'</a>. '.e('If you have any questions, please do not hesitate to').' <a href="'.route('contact').'" target="_blank" class="cc-link">'.e('Contact us').'</a>'
|
||||
]
|
||||
]
|
||||
]) ?>
|
||||
</script>
|
||||
@@ -0,0 +1,239 @@
|
||||
<header class="py-3" id="<?php echo themeSettings::config('menutype', 'top') ? 'menu-top' : 'main-header' ?>">
|
||||
<div class="<?php echo isset($menu) && $menu == 'full' ? 'container-fluid' : 'container' ?>">
|
||||
<div class="navbar navbar-expand-lg liquid-blur py-3 zindex-100">
|
||||
<a href="<?php echo route('home') ?>" class="d-flex align-items-center col-md-3 text-dark text-decoration-none navbar-logo">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php if(config('altlogo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('altlogo')) ?>" id="navbar-logo">
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<h1 class="h5 mt-2 fw-bold" title="<?php echo config('title') ?>"><?php echo config('sitename') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
<button class="navbar-toggler border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggle-icon text-secondary">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbar">
|
||||
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0 flex-fill text-start" id="main-menu">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php ee('Solutions') ?>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-lg-end border-0 shadow-lg end-0 rounded-3 p-3">
|
||||
<li class="mb-2 me-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo route('page.link') ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa fa-link gradient-primary clip-text h4 fa-fw mb-0"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php ee('Link Shortener') ?></strong>
|
||||
<small class="opacity-50 text-wrap"><?php ee('Smart trackable short links') ?></small>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mb-2 me-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo route('page.bio') ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa fa-mobile gradient-primary clip-text h4 fa-fw mb-0"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php ee('Bio Pages') ?></strong>
|
||||
<small class="opacity-50 text-wrap"><?php ee('Convert your social media followers') ?></small>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="me-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo route('page.qr') ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa fa-qrcode gradient-primary clip-text h4 mb-0 fa-fw"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php ee('QR Codes') ?></strong>
|
||||
<small class="opacity-50 text-wrap"><?php ee('Customizable & trackable QR codes') ?></small>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<?php if($plugged = plug('solutionsmenu')): ?>
|
||||
<?php foreach($plugged as $link): ?>
|
||||
<?php if(is_array($link)): ?>
|
||||
<li class="mt-2 m-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo $link['link'] ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa <?php echo $link['icon'] ?? 'fa-star' ?> gradient-primary clip-text h4 fa-fw mb-0"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php echo $link['title'] ?></strong>
|
||||
<?php if(isset($link['description'])): ?>
|
||||
<small class="opacity-50 text-wrap"><?php echo $link['description'] ?></small>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
<?php foreach(\Helpers\App::pages('main') as $page): ?>
|
||||
<li class="mt-2 m-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo route('page', [$page->seo]) ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa fa-star gradient-primary clip-text h4 fa-fw mb-0"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php echo $page->name ?></strong>
|
||||
<?php if(isset($page->metadata->description) && $page->metadata->description): ?>
|
||||
<small class="opacity-50 text-wrap"><?php echo \Core\Helper::truncate($page->metadata->description, 50) ?></small>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php if(config('pro')): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo route('pricing') ?>"><?php ee('Pricing') ?></a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if(config('blog')): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo route('blog') ?>"><?php ee('Blog') ?></a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($plugged = plug('homemenu')): ?>
|
||||
<?php foreach($plugged as $pages): ?>
|
||||
<?php if(is_array($pages)): ?>
|
||||
<?php foreach($pages as $page): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $page['link'] ?>"><?php echo $page['title'] ?></a>
|
||||
</li>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<?php ee('Resources') ?>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-lg-end border-0 shadow-lg end-0 rounded-3 p-3">
|
||||
<?php if(config('helpcenter')): ?>
|
||||
<li class="mb-2 me-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo route('help') ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa fa-life-ring gradient-primary clip-text h4 mb-0 fa-fw"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php ee('Help Center') ?></strong>
|
||||
<small class="opacity-50 text-wrap"><?php ee('Find answers to your questions') ?></small>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if(config('api')): ?>
|
||||
<li class="m-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo route('apidocs') ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa fa-code gradient-primary clip-text h4 fa-fw mb-0"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php ee('Developer API') ?></strong>
|
||||
<small class="opacity-50 text-wrap"><?php ee('Guide on how to use our API') ?></small>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php if($plugged = plug('resourcemenu')): ?>
|
||||
<?php foreach($plugged as $link): ?>
|
||||
<?php if(is_array($link)): ?>
|
||||
<li class="mt-2 m-0">
|
||||
<a class="dropdown-item rounded d-flex align-items-center p-2 border-0" href="<?php echo $link['link'] ?>">
|
||||
<div class="justify-content-center icon-md bg-primary align-items-center d-flex rounded-3">
|
||||
<i class="fa <?php echo $link['icon'] ?? 'fa-star' ?> gradient-primary clip-text h4 fa-fw mb-0"></i>
|
||||
</div>
|
||||
<div class="ms-3 flex-fill">
|
||||
<strong class="d-block"><?php echo $link['title'] ?></strong>
|
||||
<?php if(isset($link['description'])): ?>
|
||||
<small class="opacity-50 text-wrap"><?php echo $link['description'] ?></small>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="col-md-3 text-end flex-fill" id="login-menu">
|
||||
<?php if(themeSettings::config('languageselector', 'top') && $langs = \Helpers\App::langs()): ?>
|
||||
<span class="dropdown d-none d-md-inline-block">
|
||||
<a class="text-muted small me-3" data-bs-toggle="dropdown" href="#"><i class="fa fa-globe" class="mr-1"></i> <?php echo strtoupper(\Core\Localization::locale()) ?></a>
|
||||
<ul class="dropdown-menu p-1">
|
||||
<?php foreach($langs as $lang): ?>
|
||||
<li><a class="dropdown-item" href="<?php echo \Core\Localization::localUrl($lang) ?>"><?php echo $lang['name'] ?></a></li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
<?php if(\Core\Auth::logged()): ?>
|
||||
<?php if(user()->admin): ?>
|
||||
<a class="btn btn-outline-primary me-3 fw-bold" href="<?php echo route('admin') ?>"><?php ee('Admin Panel') ?></a>
|
||||
<?php else: ?>
|
||||
<a class="btn btn-outline-primary me-3 fw-bold" href="<?php echo route('dashboard') ?>"><?php ee('Dashboard') ?></a>
|
||||
<?php endif ?>
|
||||
<span class="dropdown">
|
||||
<a href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<img src="<?php echo user()->avatar() ?>" class="avatar-sm rounded-circle border border-2 border-light" alt="">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end border-0 shadow end-0 p-3 mt-3">
|
||||
<?php if(user()->username && user()->public): ?>
|
||||
<a class="dropdown-item" href="<?php echo route('profile', user()->username) ?>"><i class="text-muted small me-2 fa fa-fw fa-user"></i> <?php ee('Public Profile') ?></a>
|
||||
<?php endif ?>
|
||||
<a class="dropdown-item" href="<?php echo route('dashboard') ?>"><i class="text-muted small me-2 fa fa-fw fa-tachometer-alt"></i> <?php ee('Dashboard') ?></a>
|
||||
<?php if(config('pro') && !user()->team()): ?>
|
||||
<a class="dropdown-item" href="<?php echo route('billing') ?>"><i class="text-muted small me-2 fa fa-fw fa-credit-card"></i> <?php ee('Billing') ?></a>
|
||||
<?php endif ?>
|
||||
<?php if(config('affiliate')->enabled): ?>
|
||||
<a class="dropdown-item" href="<?php echo route('user.affiliate') ?>"><i class="text-muted small me-2 fa fa-fw fa-money-bill"></i> <?php ee('Affiliate') ?></a>
|
||||
<?php endif ?>
|
||||
<?php if(config('userlogging')): ?>
|
||||
<a class="dropdown-item" href="<?php echo route('user.security') ?>"><i class="text-muted small me-2 fa fa-fw fa-shield"></i> <?php ee('Security') ?></a>
|
||||
<?php endif ?>
|
||||
<a class="dropdown-item" href="<?php echo route('settings') ?>"><i class="text-muted small me-2 fa fa-fw fa-cog"></i> <?php ee('Settings') ?></a>
|
||||
<?php if(!themeSettings::config('homestyle', 'auto')): ?>
|
||||
<div class="dropdown-divider opacity-50"></div>
|
||||
<div class="dropdown-item d-flex">
|
||||
<label class="form-check-label" for="darkcheck"><?php ee('Dark Mode') ?></label>
|
||||
<div class="form-check form-switch ms-auto">
|
||||
<input class="form-check-input float-end" type="checkbox" data-trigger="schememode" id="darkcheck" <?php echo themeSettings::isDark() ? 'checked' : '' ?>>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div class="dropdown-divider opacity-50"></div>
|
||||
<?php if(config('helpcenter')): ?>
|
||||
<a href="<?php echo route('help') ?>" class="dropdown-item" ><i class="text-muted small me-2 fa fa-fw fa-life-ring"></i> <?php ee('Help') ?></a>
|
||||
<?php endif ?>
|
||||
<?php if(config('api')): ?>
|
||||
<a href="<?php echo route('apidocs') ?>" class="dropdown-item" ><i class="text-muted small me-2 fa fa-fw fa-code"></i> <?php ee('Developer API') ?></a>
|
||||
<?php endif ?>
|
||||
<div class="dropdown-divider opacity-50"></div>
|
||||
<a class="dropdown-item" href="<?php echo route('logout') ?>"><i class="text-muted small me-2 fa fa-fw fa-sign-out-alt"></i> <?php ee('Log out') ?></a>
|
||||
</div>
|
||||
</span>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo route('login') ?>" class="btn btn-outline-primary me-3 fw-bold align-items-center"><?php ee('Login') ?></a>
|
||||
<?php if(config("user") && !config("private") && !config("maintenance")): ?>
|
||||
<a href="<?php echo route('register') ?>" class="btn btn-primary fw-bold"><?php ee('Get Started') ?></a>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,25 @@
|
||||
<ul class="nav nav-tabs border-0 overflow-x">
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fa fa-home"></i><span class="align-top ms-2"><?php ee('Summary') ?></span></a>
|
||||
</li>
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats.countries', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fa fa-map-pin"></i><span class="align-top ms-2"><?php ee('Countries & Cities') ?></span></a>
|
||||
</li>
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats.platforms', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fa fa-desktop"></i><span class="align-top ms-2"><?php ee('Platforms') ?></span></a>
|
||||
</li>
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats.browsers', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fab fa-chrome"></i><span class="align-top ms-2"><?php ee('Browsers') ?></span></a>
|
||||
</li>
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats.languages', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fa fa-user"></i><span class="align-top ms-2"><?php ee('Languages') ?></span></a>
|
||||
</li>
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats.referrers', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fa fa-globe"></i><span class="align-top ms-2"><?php ee('Referrers') ?></span></a>
|
||||
</li>
|
||||
<?php if(is_null($url->profileid) && is_null($url->qrid)): ?>
|
||||
<li class="nav-item me-1 flex-fill">
|
||||
<a href="<?php echo route('stats.abtesting', $url->id) ?>" class="nav-link fw-bold text-center"><i class="fa fa-sync"></i><span class="align-top ms-2"><?php ee('A/B Testing') ?></span></a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
</ul>
|
||||
@@ -0,0 +1,186 @@
|
||||
<div class="row mb-5">
|
||||
<?php foreach($plans as $id => $plan): ?>
|
||||
<div class="<?php echo $class ?> mb-2 position-relative">
|
||||
<?php if($plan['ispopular']): ?>
|
||||
<span class="px-3 py-1 position-absolute top-0 start-50 translate-middle zindex-1">
|
||||
<span class="fw-bold badge bg-info py-1 px-3 fs-6"><?php ee('Popular') ?></span>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
<div class="card mb-4 text-center h-100 <?php echo $plan['ispopular'] ? 'border border-3 border-info shadow' : 'border-0 shadow-sm ' ?>">
|
||||
<div class="p-4">
|
||||
<?php if($plan['icon']): ?>
|
||||
<span class="fs-1 mb-3 d-block"><i class="<?php echo $plan['icon'] ?> gradient-primary clip-text"></i></span>
|
||||
<?php endif ?>
|
||||
<h4 class="fw-bold mb-4"><?php ee($plan['name']) ?></h4>
|
||||
<p><?php echo $plan['description'] ? '<span class="d-block text-muted mt-3">'.e($plan['description']).'</span>': '' ?></p>
|
||||
<div class="h2 mb-2">
|
||||
<strong class="gradient-primary clip-text">
|
||||
<div class="h2 text-center mb-0 fw-bolder" data-pricing-monthly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_monthly"]) ?>" data-pricing-yearly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_yearly"]) ?>" data-pricing-lifetime="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_lifetime"]) ?>"><strong class="gradient-primary clip-text"><span class="price"><?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_".$default]) ?></span><?php echo $plan['free'] ? '' : '<small data-toggle="pricingterm" data-term-monthly="/'.e('month').'" data-term-yearly="/'.e('year').'" data-term-lifetime=" '.e('lifetime').'" class="fs-6">'.$term.'</small>' ?></strong></div>
|
||||
</strong>
|
||||
</div>
|
||||
<?php if(isset($plan['discount']) && $plan['discount']): ?>
|
||||
<small data-toggle="discount" class="d-none fw-bold text-success"><?php ee('Save {p}% by paying yearly', null, ['p' => $plan['discount'] ]) ?></small>
|
||||
<?php endif ?>
|
||||
<ul class="list-unstyled mb-4 mt-4">
|
||||
<li class="mb-3 d-flex justify-content-between">
|
||||
<span class="fw-bold"><?php ee("Short Links") ?></span>
|
||||
<strong><?php echo $plan["urls"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan["urls"]).($plan['ismonthly'] ? '/'.e('mo') : '') ?></strong>
|
||||
</li>
|
||||
<li class="mb-3 d-flex justify-content-between">
|
||||
<span class="fw-bold" data-bs-toggle="tooltip" title="<?php ee('Total clicks allowed over a period') ?>"><?php ee("Link Clicks") ?></span>
|
||||
<strong><?php echo $plan["clicks"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan["clicks"]).'/'.e('mo') ?></strong>
|
||||
</li>
|
||||
<li class="mb-3 d-flex justify-content-between">
|
||||
<span class="fw-bold"><?php ee("QR Codes") ?></span>
|
||||
<strong><?php echo (isset($plan["permission"]->qr) && $plan["permission"]->qr->enabled) ? ($plan["permission"]->qr->count == '0' ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : $plan["permission"]->qr->count).($plan['isqrmonthly'] ? '/'.e('mo') : '') : '<i class="fa fa-times text-danger"></i>' ?></strong>
|
||||
</li>
|
||||
<li class="mb-3 d-flex justify-content-between">
|
||||
<span class="fw-bold"><?php ee("Bio Pages") ?></span>
|
||||
<strong><?php echo (isset($plan["permission"]->bio) && $plan["permission"]->bio->enabled) ? ($plan["permission"]->bio->count == '0' ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : $plan["permission"]->bio->count) : '<i class="fa fa-times text-danger"></i>' ?></strong>
|
||||
</li>
|
||||
<li class="mb-3 d-flex justify-content-between">
|
||||
<span class="fw-bold"><?php ee("Data Retention") ?></span>
|
||||
<strong><?php echo $plan["retention"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : $plan["retention"].' '.e('days') ?></strong>
|
||||
</li>
|
||||
<?php echo $plan["permission"]->custom ? '<li class="mb-3 d-flex justify-content-between fw-bold">'.$plan["permission"]->custom.'<span class="float-end"><i class="fa fa-check text-success"></i></span></li>' : '' ?>
|
||||
</ul>
|
||||
<?php if($plan['planurl'] == "#"):?>
|
||||
<a href="<?php echo route('billing') ?>" class="btn bg-secondary mt-5 py-3 d-block"><strong><?php echo $plan['plantext'] ?></strong></a>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo $plan['planurl'] ?>" class="btn btn-primary mt-5 py-3 d-block fw-bolder" data-trigger="checkout"><?php echo $plan['plantext'] ?></a>
|
||||
<?php endif?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<div class="card sticky-top mb-3 border-0 shadow-sm">
|
||||
<div class="card-header bg-dark text-white rounded rounded-2 py-3 border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-4 mb-2 mb-md-0">
|
||||
<h5 class="mb-0 fw-bold"><?php ee('Compare Plans') ?></h5>
|
||||
</div>
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="row text-center">
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<div class="col px-3 mt-3 mt-sm-0">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bolder"><?php echo $plan['name'] ?></span>
|
||||
<div class="fw-bold gradient-primary clip-text ms-auto">
|
||||
<?php if($plan['free']): ?>
|
||||
<?php ee('Free') ?>
|
||||
<?php else: ?>
|
||||
<small data-pricing-monthly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_monthly"]) ?>" data-pricing-yearly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_yearly"]) ?>" data-pricing-lifetime="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_lifetime"]) ?>"><strong class="gradient-primary clip-text"><span class="price"><?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_".$default]) ?></span><?php echo $plan['free'] ? '' : '<small data-toggle="pricingterm" data-term-monthly="/'.e('month').'" data-term-yearly="/'.e('year').'" data-term-lifetime=" '.e('lifetime').'">'.$term.'</small>' ?></strong></small>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if($plan['planurl'] == "#"):?>
|
||||
<a href="<?php echo route('billing') ?>" class="btn bg-transparent border-white text-white btn-sm d-block mt-2"><strong><?php echo $plan['plantext'] ?></strong></a>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo $plan['planurl'] ?>" class="btn btn-light btn-sm fw-bolder d-block mt-2" data-trigger="checkout"><?php echo $plan['plantext'] ?></a>
|
||||
<?php endif?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php foreach($categories as $category => $title): ?>
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-header bg-dark text-white rounded rounded-2 py-3 border-0">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-4 mb-2 mb-md-0">
|
||||
<h5 class="mb-0 fw-bold"><?php echo $title ?></h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<?php if($category == 'link'): ?>
|
||||
<div class="feature-row p-3 border-bottom">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-4 mb-2 mb-md-0">
|
||||
<div class="d-flex align-items-center">
|
||||
<span data-bs-toggle="tooltip" data-bs-placement="right" title="<?php ee('Number of short links allowed.') ?>" class="fw-bold"><?php ee('Short Links') ?> <i class="fa-regular fa-circle-question ms-2 text-muted small"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="row text-center">
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<div class="col">
|
||||
<strong><?php echo $plan["urls"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan["urls"]).($plan['ismonthly'] ? '/'.e('mo') : '') ?></strong>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-row p-3 border-bottom">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-4 mb-2 mb-md-0">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="fw-bold" data-bs-toggle="tooltip" title="<?php ee('Total clicks allowed over a period') ?>"><?php ee("Link Clicks") ?> <i class="fa-regular fa-circle-question ms-2 text-muted small"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="row text-center">
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<div class="col">
|
||||
<strong><?php echo $plan["clicks"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan["clicks"]).'/'.e('mo') ?></strong>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<?php foreach(\Helpers\App::features() as $slug => $feature): ?>
|
||||
<?php if(!isset($feature['category'])) $feature['category'] = 'management'; ?>
|
||||
<?php if($feature['category'] == $category): ?>
|
||||
<div class="feature-row p-3 border-bottom">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-4 mb-2 mb-md-0">
|
||||
<div class="d-flex align-items-center">
|
||||
<span data-bs-toggle="tooltip" data-bs-placement="right" title="<?php echo $feature['description'] ?>" class="fw-bold"><?php echo $feature['name'] ?> <i class="fa-regular fa-circle-question ms-2 text-muted small"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-8">
|
||||
<div class="row text-center">
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<div class="col">
|
||||
<?php if(isset($plan["permission"]->{$slug}) && $plan["permission"]->{$slug}->enabled): ?>
|
||||
<?php if(isset($feature['count']) && $feature['count']): ?>
|
||||
<?php if($slug == 'apirate'): ?>
|
||||
<strong>
|
||||
<?php echo $plan["permission"]->apirate->count == '0' ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : ee('{x}/min', null, ['x' => $plan["permission"]->apirate->count]) ?>
|
||||
</strong>
|
||||
<?php elseif($slug == 'qr'): ?>
|
||||
<strong>
|
||||
<?php echo $plan["permission"]->qr->count == '0' ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : $plan["permission"]->qr->count.($plan['isqrmonthly'] ? '/'.e('mo') : '') ?>
|
||||
</strong>
|
||||
<?php else: ?>
|
||||
<strong>
|
||||
<?php echo $plan["permission"]->{$slug}->count == '0' ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : $plan["permission"]->{$slug}->count ?>
|
||||
</strong>
|
||||
<?php endif ?>
|
||||
<?php elseif($slug == 'bioblocks'): ?>
|
||||
<span class="gradient-primary clip-text fw-bold">
|
||||
<?php echo !empty($plan["permission"]->bioblocks->custom) ? count(explode(',', $plan["permission"]->bioblocks->custom)).' '.e('Widgets') : count(\Helpers\BioWidgets::widgets()).' '. e('Widgets') ?>
|
||||
</span>
|
||||
<?php else: ?>
|
||||
<i class="fa fa-check text-success"></i>
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<i class="fa fa-times text-danger"></i>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
@@ -0,0 +1,231 @@
|
||||
<section class="bg-primary py-10">
|
||||
<div class="container">
|
||||
<h3 class="h1 fw-bolder text-start mb-5"><?php ee('Checkout') ?></h3>
|
||||
<?php echo message() ?>
|
||||
<form action="<?php echo route('checkout.process', [$plan->id, $type]) ?>" method="post" id="payment-form">
|
||||
<?php echo csrf() ?>
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title fw-bold"><?php ee('Payment Method') ?></h5>
|
||||
<div class="mt-3 btn-stack d-block d-sm-flex" data-bs-toggle="buttons">
|
||||
<?php $i = 0; foreach($processors as $name => $processor): ?>
|
||||
<?php if(!config($name) || !config($name)->enabled) continue ?>
|
||||
<label class="btn py-3 px-4 text-start mb-2 d-block flex-sm-fill <?php echo ($i == 0 ? 'active':'') ?>">
|
||||
<input type="radio" name="payment" class="d-none" value="<?php echo $name ?>" autocomplete="off" <?php echo ($i == 0 ? 'checked':'') ?>>
|
||||
<?php if(isset($processor['logos']) && $processor['logos']): ?>
|
||||
<p class="mb-2">
|
||||
<?php foreach($processor['logos'] as $logos): ?>
|
||||
<?php echo $logos ?>
|
||||
<?php endforeach ?>
|
||||
</p>
|
||||
<?php endif ?>
|
||||
<strong><?php echo $processor['name'] ?></strong>
|
||||
</label>
|
||||
<?php $i++; endforeach ?>
|
||||
</div>
|
||||
<?php foreach($processors as $name => $processor): ?>
|
||||
<?php if(!config($name) || !config($name)->enabled) continue ?>
|
||||
<?php if($processor['checkout']): ?>
|
||||
<div class="mt-4"><?php call_user_func($processor['checkout'], $plan) ?></div>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title fw-bold mb-3"><?php ee('Billing Address') ?></h5>
|
||||
|
||||
<div class="mt-3 mb-5 btn-stack d-flex" data-bs-toggle="buttons">
|
||||
<label class="btn py-3 px-4 flex-fill fw-bold <?php echo (!isset($user->address->type) || $user->address->type != 'business' ? 'active' : '') ?>">
|
||||
<input type="radio" name="type" class="d-none" value="personal" data-toggle="customertype" autocomplete="off" <?php echo (!isset($user->address->type) || $user->address->type != 'business' ? 'checked' : '') ?>> <?php ee('Personal') ?>
|
||||
</label>
|
||||
<label class="btn py-3 px-4 flex-fill fw-bold <?php echo (isset($user->address->type) && $user->address->type == 'business' ? 'active' : '') ?>">
|
||||
<input type="radio" name="type" class="d-none" value="business" data-toggle="customertype" autocomplete="off" <?php echo (isset($user->address->type) && $user->address->type == 'business' ? 'checked' : '') ?>> <?php ee('Business') ?>
|
||||
</label>
|
||||
</div>
|
||||
<div id="company" class="<?php echo (isset($user->address->type) && $user->address->type == 'business' ? '' : 'd-none') ?>">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="company"><?php echo e("Company") ?></label>
|
||||
<input type="text" class="form-control p-2" id="company" name="company" placeholder="e.g. Acme Inc" value="<?php echo (isset($user->address->company) ? $user->address->company : "" ) ?>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="taxid"><?php echo e("Tax ID (optional)") ?></label>
|
||||
<input type="text" class="form-control p-2" id="taxid" name="taxid" placeholder="e.g. 123456" value="<?php echo (isset($user->address->taxid) ? $user->address->taxid : "" ) ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="name"><?php echo e("Full Name") ?></label>
|
||||
<input type="text" class="form-control p-2" id="name" name="name" value="<?php echo $user->name ?>">
|
||||
</div>
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="address"><?php echo e("Address") ?></label>
|
||||
<input type="text" class="form-control p-2" id="address" name="address" value="<?php echo (isset($user->address->address) ? $user->address->address : "" ) ?>">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="city"><?php echo e("City") ?></label>
|
||||
<input type="text" class="form-control p-2" id="city" name="city" placeholder="e.g. New York" value="<?php echo (isset($user->address->city) ? $user->address->city : "" ) ?>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="state"><?php echo e("State/Province") ?></label>
|
||||
<input type="text" class="form-control p-2" id="state" name="state" placeholder="e.g. NY" value="<?php echo (isset($user->address->state) ? $user->address->state : "" ) ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="country"><?php echo e("Country") ?></label>
|
||||
<select name="country" id="country" class="form-select p-2" data-toggle="select">
|
||||
<?php echo \Core\Helper::Country($user->address->country ?? request()->country()['country'], true, true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold" for="zip"><?php echo e("Zip/Postal code") ?></label>
|
||||
<input type="text" class="form-control p-2" id="zip" name="zip" placeholder="e.g. 44205" value="<?php echo (isset($user->address->zip) ? $user->address->zip : "" ) ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card border-0 shadow-sm mb-2">
|
||||
<div class="card-body p-4">
|
||||
<div class="mb-5 btn-stack d-flex" data-bs-toggle="buttons">
|
||||
<?php if($plan->price_lifetime && $plan->price_lifetime != "0.00"): ?>
|
||||
<a href="<?php echo route('checkout', [$plan->id, 'lifetime']) ?>" class="btn small flex-fill <?php echo $type == 'lifetime' ? 'active' : '' ?>">
|
||||
<?php ee('Lifetime') ?>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if($plan->price_monthly && $plan->price_monthly != "0.00"): ?>
|
||||
<a href="<?php echo route('checkout', [$plan->id, 'monthly']) ?>" class="btn small flex-fill <?php echo $type == 'monthly' ? 'active' : '' ?>">
|
||||
<?php ee('Monthly') ?>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
<?php if($plan->price_yearly && $plan->price_yearly != "0.00"): ?>
|
||||
<a href="<?php echo route('checkout', [$plan->id, 'yearly']) ?>" class="btn small flex-fill <?php echo $type == 'yearly' ? 'active' : '' ?>">
|
||||
<?php ee('Yearly') ?>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="row d-flex align-items-center">
|
||||
<div class="col d-flex align-items-center">
|
||||
<?php if($plan->icon): ?>
|
||||
<strong class="icon-md bg-primary d-flex align-items-center justify-content-center rounded-3 me-3">
|
||||
<i class="fa <?php echo $plan->icon ?? 'fa-star' ?> gradient-primary clip-text fw-bolder"></i>
|
||||
</strong>
|
||||
<?php endif ?>
|
||||
<strong><?php echo $plan->name ?></strong>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<?php echo \Helpers\App::currency(config('currency'), $plan->price) ?>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<strong><?php ee('Subtotal') ?></strong>
|
||||
</div>
|
||||
<div class="col-auto" id="subtotal">
|
||||
<?php echo \Helpers\App::currency(config('currency'), $plan->price) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-4 mt-4 collapse" id="promocode">
|
||||
<label class="form-label" for="coupon"><?php echo e("Promo Code") ?></label>
|
||||
<div class="input-group p-2 d-flex align-items-center border rounded">
|
||||
<input type="text" data-url="<?php echo route('checkout.coupon', [$plan->id, $type]) ?>" class="form-control border-0" id="coupon" name="coupon" placeholder="<?php ee('Enter promo code') ?>">
|
||||
<span>
|
||||
<button type="button" data-trigger="applycoupon" class="btn btn-sm btn-primary"><?php ee('Apply') ?></button>
|
||||
</span>
|
||||
</div>
|
||||
<span id="couponresponse"></span>
|
||||
</div>
|
||||
<a href="#promocode" data-bs-toggle="collapse"><?php ee('Apply promo code') ?></a>
|
||||
<div class="form-group mb-4 mt-4 collapse">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<?php ee('Discount') ?>
|
||||
</div>
|
||||
<div class="col-auto" id="discount"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="taxrate" data-url="<?php echo route('checkout.tax', [$plan->id, $type]) ?>">
|
||||
<?php if($tax): ?>
|
||||
<div class="form-group mb-4 mt-4">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<?php echo "{$tax->name} ({$tax->rate}%)" ?>
|
||||
</div>
|
||||
<div class="col-auto" id="taxamount">
|
||||
<?php echo \Helpers\App::currency(config('currency'), $tax->price); $plan->price = $plan->price + $tax->price;?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<strong><?php ee('Total') ?></strong>
|
||||
</div>
|
||||
<div class="col-auto text-end">
|
||||
<span id="total"><?php echo \Helpers\App::currency(config('currency'), $plan->price) ?></span>
|
||||
<p class="small"><?php echo $type == 'lifetime' ? e('One-time payment') : e('Billed').' '.e($type) ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5">
|
||||
<button type="submit" class="btn btn-primary w-100 fw-bold py-3"><small><?php ee('Checkout') ?></small></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(\Helpers\App::isExtended()): ?>
|
||||
<div class="d-flex w-100 mt-3">
|
||||
<a href="#redeemvoucher" class="text-dark ms-auto" data-bs-toggle="modal"><i class="fa fa-ticket-alt me-2"></i> <?php ee('Redeem Voucher') ?></a>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<div class="card border-0 shadow-sm mt-4 p-4">
|
||||
<?php ee('By subscribing to this plan, you agree to our Terms & Conditions. Subscription is charged in {c}. If you have any questions, please contact us.', null, ['c' => config('currency')]) ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<?php if(\Helpers\App::isExtended()): ?>
|
||||
<div class="modal fade" id="redeemvoucher" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<form action="<?php echo route('checkout.redeem') ?>" method="post">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title fw-bold"><?php ee('Redeem Voucher') ?></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<?php echo csrf() ?>
|
||||
<div class="form-group mb-4">
|
||||
<label class="form-label fw-bold label"><?php ee('Voucher') ?></label>
|
||||
<input type="text" class="form-control p-2" id="input-voucher" name="code" placeholder="e.g. A1A1-A1A1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="btn btn-primary"><?php ee('Redeem') ?></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,83 @@
|
||||
<section class="bg-primary border-top border-bottom">
|
||||
<div class="container py-8">
|
||||
<div class="row mb-5 justify-content-center text-center">
|
||||
<div class="col-lg-7 col-md-9">
|
||||
<h4 class="py-2 px-3">
|
||||
<strong class="gradient-primary clip-text fw-bolder"><?php ee('Simple Pricing') ?></strong>
|
||||
</h4>
|
||||
<h1 class="fw-bolder mt-4"><?php ee('Choose the plan <br>that works for you') ?></h1>
|
||||
<p class="lead mb-0">
|
||||
<?php ee('Transparent pricing without any hidden fees so you always know what you will pay.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-5 mx-auto">
|
||||
<?php message() ?>
|
||||
<div class="pricing-container">
|
||||
<div class="text-center mb-5">
|
||||
<div class="bg-white d-inline-block shadow-sm mb-5 p-2 rounded-pill" role="group" aria-label="Pricing">
|
||||
<?php if($settings['lifetime']):?>
|
||||
<button type="button" class="px-4 px-md-5 btn <?php echo $default == 'lifetime' ? 'btn-primary' : 'bg-white btn-white' ?> fw-bold rounded-pill" data-pricing="lifetime"><?php ee('Lifetime') ?></button>
|
||||
<?php endif ?>
|
||||
<?php if($settings['monthly']):?>
|
||||
<button type="button" class="px-4 px-md-5 btn <?php echo $default == 'monthly' ? 'btn-primary' : 'bg-white btn-white' ?> fw-bold rounded-pill" data-pricing="monthly"><?php ee('Monthly') ?></button>
|
||||
<?php endif ?>
|
||||
<?php if($settings['yearly']):?>
|
||||
<button type="button" class="px-4 px-md-5 btn <?php echo $default == 'yearly' ? 'btn-primary' : 'bg-white btn-white' ?> fw-bold rounded-pill position-relative" data-pricing="yearly">
|
||||
<span><?php ee('Yearly') ?></span>
|
||||
<?php if($settings['discount']): ?>
|
||||
<span class="badge bg-success border-0 badge-pill position-absolute start-100 ms-0 ms-md-2 top-0 translate-middle shadow-sm"><?php ee('Save {d}%', null, ['d' => $settings['discount']]) ?></span>
|
||||
<?php endif ?>
|
||||
</button>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if(themeSettings::config('pricing') == 'table'):?>
|
||||
<?php view('pricing.table', compact('class', 'plans', 'default', 'term')) ?>
|
||||
<?php elseif(themeSettings::config('pricing') == 'categorized'): ?>
|
||||
<?php view('pricing.categorized', compact('class', 'plans', 'default', 'term', 'categories')) ?>
|
||||
<?php else: ?>
|
||||
<?php view('pricing.list', compact('class', 'plans', 'default', 'term')) ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php if(config('customplan')): ?>
|
||||
<div class="h-100 p-5 gradient-primary text-white rounded-3 border-0 shadow-sm">
|
||||
<div class="row align-items-center gy-lg-5">
|
||||
<div class="col-sm-8">
|
||||
<h2 class="fw-bold"><?php ee('Need a custom plan?') ?></h2>
|
||||
<p class="lead"><?php ee('If our current plans do not fit your needs, we will create a tailored plan just for your needs.') ?></p>
|
||||
</div>
|
||||
<div class="col-sm-4 text-end">
|
||||
<a class="btn btn-light text-primary d-block d-sm-inline-block" href="<?php echo route('contact', ['subject' => e('Custom Plan')]) ?>"><?php ee('Contact Sales') ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="py-8">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-5 text-center text-lg-start mb-5">
|
||||
<h2 class="mb-4 fw-bold"><?php ee('Frequently Asked Questions') ?></h2>
|
||||
<p><?php ee("If you have questions, please don't hesitate to contact us.") ?></p>
|
||||
<a href="<?php echo route('contact') ?>" class="btn btn-primary"><?php ee('Contact us') ?></a>
|
||||
</div>
|
||||
<div class="col-12 col-lg-7">
|
||||
<?php foreach(\Helpers\App::pricingFaqs() as $i => $faq): ?>
|
||||
<div id="<?php echo 'faq-holder-'.$faq->slug ?>" class="mb-4">
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-header border-0 bg-transparent py-4" id="<?php echo $faq->slug ?>" data-bs-toggle="collapse" role="button" data-bs-target="#faq-<?php echo $faq->id ?>" aria-expanded="false" aria-controls="faq-<?php echo $faq->id ?>">
|
||||
<h6 class="mb-0 fw-bold"><?php echo $faq->question ?></h6>
|
||||
</div>
|
||||
<div id="faq-<?php echo $faq->id ?>" class="collapse" aria-labelledby="<?php echo $faq->slug ?>" data-parent="#<?php echo 'faq-holder-'.$faq->slug ?>">
|
||||
<div class="card-body">
|
||||
<?php echo strip_tags($faq->answer) ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,70 @@
|
||||
<div class="pricing row mt-5">
|
||||
<?php foreach($plans as $id => $plan): ?>
|
||||
<div class="<?php echo $class ?>">
|
||||
<div class="card mb-5 text-center mx-1 position-relative <?php echo ($plan['ispopular'] ? 'border border-3 border-info shadow' : 'border-0 shadow-sm') ?>">
|
||||
<div class="w-100 position-absolute top-0 start-50 translate-middle">
|
||||
<?php if($plan['ispopular']): ?>
|
||||
<span class="px-3 py-1 d-inline">
|
||||
<span class="fw-bold badge bg-info py-1 px-3 fs-6"><?php ee('Popular') ?></span>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
<?php if(isset($plan['discount']) && $plan['discount']): ?>
|
||||
<span data-toggle="discount" class="d-none px-3 py-1">
|
||||
<span class="fw-bold badge bg-success py-1 px-3 fs-6"><?php ee('Save {p}%', null, ['p' => $plan['discount'] ]) ?></span>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="p-5 border-0">
|
||||
<?php if($plan['icon']): ?>
|
||||
<span class="fs-1 mb-3 d-block"><i class="<?php echo $plan['icon'] ?>"></i></span>
|
||||
<?php endif ?>
|
||||
<span class="d-block h5 mb-4 fw-bold"><?php ee($plan['name']) ?></span>
|
||||
<div class="h2 text-center mb-0 fw-bolder" data-pricing-monthly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_monthly"]) ?>" data-pricing-yearly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_yearly"]) ?>" data-pricing-lifetime="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_lifetime"]) ?>"><strong class="gradient-primary clip-text"><span class="price"><?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_".$default]) ?></span><?php echo $plan['free'] ? '' : '<small data-toggle="pricingterm" data-term-monthly="/'.e('month').'" data-term-yearly="/'.e('year').'" data-term-lifetime=" '.e('lifetime').'" class="fs-6">'.$term.'</small>' ?></strong></div>
|
||||
<?php echo $plan['description'] ? '<span class="d-block text-muted mt-3">'.e($plan['description']).'</span>': '' ?>
|
||||
<?php if($plan['planurl'] == "#"):?>
|
||||
<a href="<?php echo route('billing') ?>" class="btn bg-secondary mt-5 py-3 d-block"><strong><?php echo $plan['plantext'] ?></strong></a>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo $plan['planurl'] ?>" class="btn btn-primary mt-5 py-3 d-block fw-bolder" data-trigger="checkout"><?php echo $plan['plantext'] ?></a>
|
||||
<?php endif?>
|
||||
</div>
|
||||
<div class="card-body rounded-bottom p-4 position-relative">
|
||||
<ul class="list-unstyled mb-4 text-start text-dark">
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php ee('Number of short links allowed.') ?>"><?php ee("Short Links") ?></span><span class="float-end fw-bold"><?php echo $plan["urls"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan["urls"]).($plan['ismonthly'] ? '/'.e('mo') : '') ?></span></li>
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php ee('Total clicks allowed over a period') ?>"><?php ee("Link Clicks") ?></span><span class="float-end fw-bold"><?php echo $plan["clicks"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan["clicks"]).'/'.e('mo') ?></span></li>
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php ee('Amount of time statistics are kept for each short link.') ?>"><?php ee("Data Retention") ?></span><span class="float-end fw-bold"><?php echo $plan["retention"] == "0" ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : $plan["retention"].' '.e('days') ?></span></li>
|
||||
<?php if($features = \Helpers\App::features()): ?>
|
||||
<?php foreach($features as $slug => $feature): ?>
|
||||
<?php if(isset($plan["permission"]->{$slug}) && $plan["permission"]->{$slug}->enabled): ?>
|
||||
<?php if(isset($feature['count']) && $feature['count'] !== false): ?>
|
||||
<li class="mb-3">
|
||||
<span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php echo $feature['description'] ?>"><?php echo $feature['name'] ?></span>
|
||||
<?php if($slug == 'apirate'): ?>
|
||||
<?php if($plan["permission"]->apirate->count == '0'): ?>
|
||||
<span class="float-end fw-bolder"><i class="fa fa-infinity gradient-primary clip-text"></i></span>
|
||||
<?php else: ?>
|
||||
<span class="float-end fw-bolder"><?php ee('{x}/min', null, ['x' => $plan["permission"]->apirate->count]) ?></span>
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<span class="float-end fw-bolder"><?php echo $plan["permission"]->{$slug}->count == '0' ? e('Unlimited') : $plan["permission"]->{$slug}->count ?><?php if($slug == 'qr') echo ($plan['isqrmonthly'] ? '/'.e('mo') : '') ?></span>
|
||||
<?php endif ?>
|
||||
</li>
|
||||
<?php elseif($slug == 'bioblocks'): ?>
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php echo $feature['description'] ?>"><?php echo $feature['name'] ?></span><span class="float-end gradient-primary clip-text fw-bold">
|
||||
<?php echo !empty($plan["permission"]->bioblocks->custom) ? count(explode(',', $plan["permission"]->bioblocks->custom)).' '.e('Widgets') : count(\Helpers\BioWidgets::widgets()).' '. e('Widgets') ?>
|
||||
</span> </li>
|
||||
<?php else: ?>
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php echo $feature['description'] ?>"><?php echo $feature['name'] ?></span><span class="float-end"><i class="fa fa-check text-success"></i></span></li>
|
||||
<?php endif ?>
|
||||
<?php else: ?>
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php echo $feature['description'] ?>"><?php echo $feature['name'] ?></span><span class="float-end"><i class="fa fa-times text-danger"></i></span></li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
<li class="mb-3"><span class="border-bottom border-1" data-bs-toggle="tooltip" title="<?php ee("No advertisement will be shown when logged or in your links") ?>"><?php ee("Advertisement-Free") ?></span><span class="float-end"><?php echo !$plan["free"] ? '<i class="fa fa-check text-success"></i>' : '<i class="fa fa-times text-danger"></i>' ?></span></li>
|
||||
<?php echo $plan["permission"]->custom ? '<li>'.$plan["permission"]->custom.'<span class="float-end"><i class="fa fa-check text-success"></i></span></li>' : '' ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
@@ -0,0 +1,143 @@
|
||||
<div class="card border-0 rounded-lg shadow-sm text-center p-4 py-5 table-responsive my-5">
|
||||
<table class="table border-0 w-fixed">
|
||||
<thead>
|
||||
<th width="20%"></th>
|
||||
<?php $count = count($plans); foreach($plans as $plan): ?>
|
||||
<th width="<?php echo round(80/($count)) ?>%"></th>
|
||||
<?php endforeach ?>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td>
|
||||
<?php if($plan['ispopular']): ?>
|
||||
<span class="px-3 py-1">
|
||||
<span class="fw-bold badge bg-info py-1 px-3 fs-6"><?php ee('Popular') ?></span>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
<?php if(isset($plan['discount']) && $plan['discount']): ?>
|
||||
<span data-toggle="discount" class="d-none px-3 py-1">
|
||||
<span class="fw-bold badge bg-success py-1 px-3 fs-6"><?php ee('Save {p}%', null, ['p' => $plan['discount'] ]) ?></span>
|
||||
</span>
|
||||
<?php endif ?>
|
||||
<?php if($plan['icon']): ?>
|
||||
<span class="fs-1 mb-3 d-block"><i class="<?php echo $plan['icon'] ?>"></i></span>
|
||||
<?php endif ?>
|
||||
<span class="d-block h5 mb-4 mt-3 fw-bold"><?php ee($plan['name']) ?></span>
|
||||
<div class="h3 text-center mb-0 fw-bolder gradient-primary clip-text" data-pricing-monthly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_monthly"]) ?>" data-pricing-yearly="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_yearly"]) ?>" data-pricing-lifetime="<?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_lifetime"]) ?>"><strong><span class="price"><?php echo $plan['free'] ? e('Free') : \Helpers\App::currency(config('currency'), $plan["price_".$default]) ?></span><?php echo $plan['free'] ? '' : '<small data-toggle="pricingterm" data-term-monthly="/'.e('month').'" data-term-yearly="/'.e('year').'" data-term-lifetime="'.e('lifetime').'" class="fs-6">'.$term.'</small>' ?></strong></div>
|
||||
<?php echo $plan['description'] ? '<span class="d-block mt-3">'.e($plan['description']).'</span>': '' ?>
|
||||
<?php if($plan['planurl'] == "#"):?>
|
||||
<a href="<?php echo route('billing') ?>" class="btn bg-secondary my-3 py-2 btn-sm d-block mx-3 fw-bolder"><strong><?php echo $plan['plantext'] ?></strong></a>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo $plan['planurl'] ?>" class="btn btn-primary my-3 py-2 btn-sm d-block mx-3" data-trigger="checkout"><?php echo $plan['plantext'] ?></a>
|
||||
<?php endif?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 text-start fw-bold"><?php ee('Short Links') ?> <i class="align-middle fa fa-question-circle opacity-50 text-muted small ms-2" data-bs-toggle="tooltip" title="<?php ee('Number of short links allowed') ?>"></i></td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td class="py-3 fw-bold">
|
||||
<?php echo $plan['urls'] == '0' ? '<i class="align-middle fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan['urls']).($plan['ismonthly'] ? ' / '.e('month') : '') ?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 text-start fw-bold"><?php ee('Link Clicks') ?> <i class="align-middle fa fa-question-circle opacity-50 text-muted small ms-2" data-bs-toggle="tooltip" title="<?php ee('Total clicks allowed over a period') ?>"></i></td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td class="py-3 fw-bold">
|
||||
<?php echo $plan['clicks'] == '0' ? '<i class="align-middle fa fa-infinity gradient-primary clip-text"></i>' : number_format($plan['clicks']).' / '.e('month') ?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-3 text-start fw-bold"><?php ee('Data Retention') ?> <i class="align-middle fa fa-question-circle opacity-50 text-muted small ms-2" data-bs-toggle="tooltip" title="<?php ee('Amount of time statistics are kept for each short link.') ?>"></i></td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td class="py-3 fw-bold">
|
||||
<?php echo $plan['retention'] == '0' ? e('Forever') : $plan['retention'].' '.e('days') ?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<?php if($features = \Helpers\App::features()): ?>
|
||||
<?php foreach($features as $slug => $feature): ?>
|
||||
<tr>
|
||||
<td class="py-3 text-start fw-bold">
|
||||
<?php echo $feature['name'] ?>
|
||||
<i class="align-middle fa fa-question-circle opacity-50 text-muted small ms-2" data-bs-toggle="tooltip" title="<?php echo $feature['description'] ?>"></i>
|
||||
</td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td>
|
||||
<?php
|
||||
$featureEnabled = isset($plan["permission"]->{$slug}) && $plan["permission"]->{$slug}->enabled;
|
||||
if(!$featureEnabled): ?>
|
||||
<i class="align-middle fa fa-times text-danger"></i>
|
||||
<?php else:
|
||||
// Handle feature with count
|
||||
if($feature['count']):
|
||||
$count = $plan["permission"]->{$slug}->count;
|
||||
if($slug === 'apirate'): ?>
|
||||
<span class="fw-bolder">
|
||||
<?php echo $count == '0' ? '<i class="fa fa-infinity gradient-primary clip-text"></i>' : ee('{x}/min', null, ['x' => $count]); ?>
|
||||
</span>
|
||||
<?php else: ?>
|
||||
<?php if($count == '0'): ?>
|
||||
<i class="align-middle fa fa-infinity gradient-primary clip-text"></i>
|
||||
<?php else: ?>
|
||||
<strong><?php echo $count ?></strong>
|
||||
<?php if($slug == 'qr' && $plan['isqrmonthly']): ?>
|
||||
<strong>/ <?php ee('month') ?></strong>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
<?php elseif($slug === 'bioblocks'): ?>
|
||||
<span class="gradient-primary clip-text fw-bold">
|
||||
<?php
|
||||
$blockCount = !empty($plan["permission"]->bioblocks->custom)
|
||||
? count(explode(',', $plan["permission"]->bioblocks->custom))
|
||||
: count(\Helpers\BioWidgets::widgets());
|
||||
echo $blockCount . ' ' . e('Widgets');
|
||||
?>
|
||||
</span>
|
||||
<?php else: ?>
|
||||
<i class="align-middle fa fa-check text-success"></i>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
<tr>
|
||||
<td class="py-3 text-start fw-bold"><?php ee('Advertisement-Free') ?> <i class="align-middle fa fa-question-circle opacity-50 text-muted small ms-2" data-bs-toggle="tooltip" title="<?php ee('No advertisement will be shown when logged or in your links') ?>"></i></td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td class="py-3 fw-bold">
|
||||
<?php echo !$plan["free"] ? '<i class="align-middle fa fa-check text-success"></i>' : '<i class="align-middle fa fa-times text-danger"></i>' ?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<tr class="border-0">
|
||||
<td> </td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td class="py-3">
|
||||
<?php if(isset($plan["permission"]->custom)): ?>
|
||||
<?php echo $plan["permission"]->custom ?>
|
||||
<?php endif ?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<?php foreach($plans as $plan): ?>
|
||||
<td>
|
||||
<?php if($plan['planurl'] == "#"):?>
|
||||
<a href="<?php echo route('billing') ?>" class="btn bg-secondary my-3 d-block py-2 mx-3 fw-bolder"><strong><?php echo $plan['plantext'] ?></strong></a>
|
||||
<?php else: ?>
|
||||
<a href="<?php echo $plan['planurl'] ?>" class="btn btn-primary my-3 d-block py-2 mx-3" data-trigger="checkout"><?php echo $plan['plantext'] ?></a>
|
||||
<?php endif?>
|
||||
</td>
|
||||
<?php endforeach ?>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="container d-flex flex-column">
|
||||
<div class="row align-items-center justify-content-between vh-100">
|
||||
<div class="col-12 text-center">
|
||||
<a href="<?php echo route('home') ?>" class="mb-5 text-dark text-decoration-none text-center">
|
||||
<?php if(config('logo')): ?>
|
||||
<img alt="<?php echo config('title') ?>" src="<?php echo uploads(config('logo')) ?>" id="navbar-logo">
|
||||
<?php else: ?>
|
||||
<h1 class="h5 fw-bold"><?php echo config('title') ?></h1>
|
||||
<?php endif ?>
|
||||
</a>
|
||||
|
||||
<h6 class="display-1 mb-3 mt-5 fw-bolder gradient-primary clip-text"><?php ee('Hello') ?></h6>
|
||||
<p class="lead text-lg mb-5">
|
||||
<?php ee('Thanks for your interest but this website is currently used privately.') ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Reference in New Issue
Block a user