feat: initial import of the23 theme for lamp-link
This commit is contained in:
eldov
@@ -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>
|
||||
Reference in New Issue
Block a user