first commit
This commit is contained in:
Pedro Chueiri
commit
82cfff771c
23
.gitignore
vendored
Normal file
23
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
node_modules
|
||||
|
||||
# Output
|
||||
.output
|
||||
.vercel
|
||||
.netlify
|
||||
.wrangler
|
||||
/.svelte-kit
|
||||
/build
|
||||
|
||||
# OS
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
|
||||
# Env
|
||||
.env
|
||||
.env.*
|
||||
!.env.example
|
||||
!.env.test
|
||||
|
||||
# Vite
|
||||
vite.config.js.timestamp-*
|
||||
vite.config.ts.timestamp-*
|
||||
42
README.md
Normal file
42
README.md
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
# sv
|
||||
|
||||
Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
|
||||
|
||||
## Creating a project
|
||||
|
||||
If you're seeing this, you've probably already done this step. Congrats!
|
||||
|
||||
```sh
|
||||
# create a new project
|
||||
npx sv create my-app
|
||||
```
|
||||
|
||||
To recreate this project with the same configuration:
|
||||
|
||||
```sh
|
||||
# recreate this project
|
||||
npx sv create --template minimal --types ts --install npm basspago
|
||||
```
|
||||
|
||||
## Developing
|
||||
|
||||
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
|
||||
|
||||
```sh
|
||||
npm run dev
|
||||
|
||||
# or start the server and open the app in a new browser tab
|
||||
npm run dev -- --open
|
||||
```
|
||||
|
||||
## Building
|
||||
|
||||
To create a production version of your app:
|
||||
|
||||
```sh
|
||||
npm run build
|
||||
```
|
||||
|
||||
You can preview the production build with `npm run preview`.
|
||||
|
||||
> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
|
||||
29
eslint.config.js
Normal file
29
eslint.config.js
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
import js from '@eslint/js'
|
||||
import globals from 'globals'
|
||||
import reactHooks from 'eslint-plugin-react-hooks'
|
||||
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||
import { defineConfig, globalIgnores } from 'eslint/config'
|
||||
|
||||
export default defineConfig([
|
||||
globalIgnores(['dist']),
|
||||
{
|
||||
files: ['**/*.{js,jsx}'],
|
||||
extends: [
|
||||
js.configs.recommended,
|
||||
reactHooks.configs.flat.recommended,
|
||||
reactRefresh.configs.vite,
|
||||
],
|
||||
languageOptions: {
|
||||
ecmaVersion: 2020,
|
||||
globals: globals.browser,
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
ecmaFeatures: { jsx: true },
|
||||
sourceType: 'module',
|
||||
},
|
||||
},
|
||||
rules: {
|
||||
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
|
||||
},
|
||||
},
|
||||
])
|
||||
3475
package-lock.json
generated
Normal file
3475
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
33
package.json
Normal file
33
package.json
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
{
|
||||
"name": "basspago",
|
||||
"private": true,
|
||||
"version": "0.0.1",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite dev",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview",
|
||||
"prepare": "svelte-kit sync || echo ''",
|
||||
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
||||
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
||||
"lint": "eslint ."
|
||||
},
|
||||
"dependencies": {
|
||||
"lucide-svelte": "^0.562.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sveltejs/adapter-auto": "^7.0.0",
|
||||
"@sveltejs/kit": "^2.50.1",
|
||||
"@sveltejs/vite-plugin-svelte": "^6.2.4",
|
||||
"@tailwindcss/postcss": "^4.1.18",
|
||||
"@tailwindcss/typography": "^0.5.15",
|
||||
"autoprefixer": "^10.4.23",
|
||||
"eslint": "^9.39.1",
|
||||
"postcss": "^8.5.6",
|
||||
"svelte": "^5.48.2",
|
||||
"svelte-check": "^4.3.5",
|
||||
"tailwindcss": "^4.1.18",
|
||||
"typescript": "^5.9.3",
|
||||
"vite": "^7.3.1"
|
||||
}
|
||||
}
|
||||
6
postcss.config.js
Normal file
6
postcss.config.js
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
export default {
|
||||
plugins: {
|
||||
"@tailwindcss/postcss": {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
284
src/app.css
Normal file
284
src/app.css
Normal file
|
|
@ -0,0 +1,284 @@
|
|||
@import "tailwindcss";
|
||||
|
||||
/* Tipografia Chillax (Google Fonts como fallback temporário) */
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
|
||||
|
||||
/* =========================
|
||||
THEME TOKENS - Nova Paleta
|
||||
========================= */
|
||||
:root {
|
||||
--color-brand-dark: #333333;
|
||||
--color-brand-blue: #0000FF;
|
||||
--color-brand-emerald: #41FE95;
|
||||
|
||||
--color-gray-text: #9CA3AF;
|
||||
--color-gray-light: #F9FAFB;
|
||||
--color-gray-medium: #E5E7EB;
|
||||
--color-gray-dark: #1F2937;
|
||||
|
||||
--color-success: #41FE95;
|
||||
--color-warning: #F59E0B;
|
||||
--color-white: #FFFFFF;
|
||||
--color-black: #000000;
|
||||
|
||||
--font-family-sans: 'Inter', system-ui, sans-serif;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-family-sans);
|
||||
line-height: 1.6;
|
||||
color: var(--color-white);
|
||||
background-color: var(--color-black);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.025em;
|
||||
}
|
||||
|
||||
p, span, div {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
/* =========================
|
||||
COMPONENTS - Novo Design
|
||||
========================= */
|
||||
@layer components {
|
||||
.btn-primary {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.75rem;
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-black);
|
||||
background-color: var(--color-white);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-decoration: none;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 20px 40px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.75rem;
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-white);
|
||||
background-color: transparent;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-decoration: none;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn-accent {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.75rem;
|
||||
padding: 1rem 3rem;
|
||||
border-radius: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-black);
|
||||
background-color: var(--color-brand-emerald);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-decoration: none;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.btn-accent:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 20px 40px rgba(65, 254, 149, 0.3);
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
.card-basspago {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 1.5rem;
|
||||
padding: 2rem;
|
||||
transition: all 0.3s ease;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card-basspago::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-emerald));
|
||||
transform: scaleX(0);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.card-basspago:hover::before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.card-basspago:hover {
|
||||
transform: translateY(-8px);
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.container-basspago {
|
||||
max-width: 1240px;
|
||||
margin: 0 auto;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
.section-padding {
|
||||
padding: 6rem 0;
|
||||
}
|
||||
|
||||
.floating-animation {
|
||||
animation: floating 6s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes floating {
|
||||
0%, 100% { transform: translateY(0px); }
|
||||
50% { transform: translateY(-15px); }
|
||||
}
|
||||
}
|
||||
|
||||
/* =========================
|
||||
UTILITIES - Nova Paleta
|
||||
========================= */
|
||||
@layer utilities {
|
||||
.hero-gradient {
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
var(--color-brand-blue) 0%,
|
||||
var(--color-brand-emerald) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.section-gradient {
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
var(--color-brand-dark) 0%,
|
||||
rgba(51, 51, 51, 0.8) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.text-gradient {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--color-brand-blue),
|
||||
var(--color-brand-emerald),
|
||||
var(--color-brand-blue)
|
||||
);
|
||||
background-size: 200% 200%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
animation: gradientMove 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.text-gradient-static {
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
var(--color-brand-blue),
|
||||
var(--color-brand-emerald)
|
||||
);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
.bg-brand-dark { background-color: var(--color-brand-dark); }
|
||||
.bg-brand-blue { background-color: var(--color-brand-blue); }
|
||||
.bg-brand-emerald { background-color: var(--color-brand-emerald); }
|
||||
|
||||
.text-brand-dark { color: var(--color-brand-dark); }
|
||||
.text-brand-blue { color: var(--color-brand-blue); }
|
||||
.text-brand-emerald { color: var(--color-brand-emerald); }
|
||||
.text-gray-text { color: var(--color-gray-text); }
|
||||
|
||||
.border-brand-blue { border-color: var(--color-brand-blue); }
|
||||
.border-brand-emerald { border-color: var(--color-brand-emerald); }
|
||||
}
|
||||
|
||||
/* =========================
|
||||
ANIMATIONS
|
||||
========================= */
|
||||
@keyframes gradientMove {
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
|
||||
@keyframes pulse-glow {
|
||||
0%, 100% {
|
||||
box-shadow: 0 0 20px rgba(65, 254, 149, 0.3);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 40px rgba(65, 254, 149, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.pulse-glow {
|
||||
animation: pulse-glow 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* =========================
|
||||
RESPONSIVE
|
||||
========================= */
|
||||
@media (max-width: 768px) {
|
||||
.section-padding {
|
||||
padding: 4rem 0;
|
||||
}
|
||||
|
||||
.container-basspago {
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
|
||||
.card-basspago {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.btn-primary, .btn-secondary, .btn-accent {
|
||||
padding: 0.875rem 2rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.btn-primary, .btn-secondary, .btn-accent {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
13
src/app.d.ts
vendored
Normal file
13
src/app.d.ts
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
// See https://svelte.dev/docs/kit/types#app.d.ts
|
||||
// for information about these interfaces
|
||||
declare global {
|
||||
namespace App {
|
||||
// interface Error {}
|
||||
// interface Locals {}
|
||||
// interface PageData {}
|
||||
// interface PageState {}
|
||||
// interface Platform {}
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
41
src/app.html
Normal file
41
src/app.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<!doctype html>
|
||||
<html lang="pt-BR">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||||
|
||||
<!-- Meta tags padrão -->
|
||||
<meta name="description"
|
||||
content="Conectamos sua empresa ao futuro dos pagamentos com APIs rápidas e seguras. Pix, cartões e integrações completas para escalar seus negócios." />
|
||||
<meta name="keywords"
|
||||
content="soluções financeiras, integração financeira, pagamentos digitais, banking, banco digital, instituição de pagamento" />
|
||||
<meta name="author" content="Bass Pago" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
|
||||
<!-- Open Graph padrão -->
|
||||
<meta property="og:locale" content="pt_BR" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:site_name" content="Bass Pago" />
|
||||
|
||||
<!-- Theme -->
|
||||
<meta name="theme-color" content="#000000" />
|
||||
|
||||
<!-- Fontes -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap"
|
||||
rel="stylesheet" />
|
||||
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
17
src/lib/assets/adquirencia-cinza.svg
Normal file
17
src/lib/assets/adquirencia-cinza.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.39828 9.09452C3.63125 9.09452 3.8201 8.88528 3.8201 8.62717C3.8201 8.36905 3.63125 8.15981 3.39828 8.15981C3.16532 8.15981 2.97647 8.36905 2.97647 8.62717C2.97647 8.88528 3.16532 9.09452 3.39828 9.09452Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M6.77283 9.09452C7.00579 9.09452 7.19465 8.88528 7.19465 8.62717C7.19465 8.36905 7.00579 8.15981 6.77283 8.15981C6.53986 8.15981 6.35101 8.36905 6.35101 8.62717C6.35101 8.88528 6.53986 9.09452 6.77283 9.09452Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M5.08556 9.09452C5.31852 9.09452 5.50737 8.88528 5.50737 8.62717C5.50737 8.36905 5.31852 8.15981 5.08556 8.15981C4.85259 8.15981 4.66374 8.36905 4.66374 8.62717C4.66374 8.88528 4.85259 9.09452 5.08556 9.09452Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M3.39828 10.9639C3.63125 10.9639 3.8201 10.7547 3.8201 10.4966C3.8201 10.2385 3.63125 10.0292 3.39828 10.0292C3.16532 10.0292 2.97647 10.2385 2.97647 10.4966C2.97647 10.7547 3.16532 10.9639 3.39828 10.9639Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M6.77283 10.9639C7.00579 10.9639 7.19465 10.7547 7.19465 10.4966C7.19465 10.2385 7.00579 10.0292 6.77283 10.0292C6.53986 10.0292 6.35101 10.2385 6.35101 10.4966C6.35101 10.7547 6.53986 10.9639 6.77283 10.9639Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M5.08556 10.9639C5.31852 10.9639 5.50737 10.7547 5.50737 10.4966C5.50737 10.2385 5.31852 10.0292 5.08556 10.0292C4.85259 10.0292 4.66374 10.2385 4.66374 10.4966C4.66374 10.7547 4.85259 10.9639 5.08556 10.9639Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M3.39828 12.8334C3.63125 12.8334 3.8201 12.6241 3.8201 12.366C3.8201 12.1079 3.63125 11.8987 3.39828 11.8987C3.16532 11.8987 2.97647 12.1079 2.97647 12.366C2.97647 12.6241 3.16532 12.8334 3.39828 12.8334Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M6.77283 12.8334C7.00579 12.8334 7.19465 12.6241 7.19465 12.366C7.19465 12.1079 7.00579 11.8987 6.77283 11.8987C6.53986 11.8987 6.35101 12.1079 6.35101 12.366C6.35101 12.6241 6.53986 12.8334 6.77283 12.8334Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M8.4601 9.09452C8.69306 9.09452 8.88192 8.88528 8.88192 8.62717C8.88192 8.36905 8.69306 8.15981 8.4601 8.15981C8.22714 8.15981 8.03828 8.36905 8.03828 8.62717C8.03828 8.88528 8.22714 9.09452 8.4601 9.09452Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M8.4601 10.9639C8.69306 10.9639 8.88192 10.7547 8.88192 10.4966C8.88192 10.2385 8.69306 10.0292 8.4601 10.0292C8.22714 10.0292 8.03828 10.2385 8.03828 10.4966C8.03828 10.7547 8.22714 10.9639 8.4601 10.9639Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M8.4601 12.8334C8.69306 12.8334 8.88192 12.6241 8.88192 12.366C8.88192 12.1079 8.69306 11.8987 8.4601 11.8987C8.22714 11.8987 8.03828 12.1079 8.03828 12.366C8.03828 12.6241 8.22714 12.8334 8.4601 12.8334Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M5.08556 12.8334C5.31852 12.8334 5.50737 12.6241 5.50737 12.366C5.50737 12.1079 5.31852 11.8987 5.08556 11.8987C4.85259 11.8987 4.66374 12.1079 4.66374 12.366C4.66374 12.6241 4.85259 12.8334 5.08556 12.8334Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M9.72555 6.29039V3.01891C9.72555 2.76186 9.53574 2.55155 9.30374 2.55155H2.55465C2.32265 2.55155 2.13283 2.76186 2.13283 3.01891V6.29039C2.13283 6.54744 2.32265 6.75775 2.55465 6.75775H9.30374C9.53574 6.75775 9.72555 6.54744 9.72555 6.29039ZM8.88192 5.82304H2.97647V3.48626H8.88192V5.82304Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M9.30374 16.1049C9.07174 16.1049 8.88192 16.3152 8.88192 16.5722V19.8437C8.88192 20.1007 8.6921 20.311 8.4601 20.311H8.03828V16.5722C8.03828 16.3152 7.84846 16.1049 7.61646 16.1049H5.92919C5.69719 16.1049 5.50737 16.3152 5.50737 16.5722V20.311H3.39828C3.16628 20.311 2.97647 20.1007 2.97647 19.8437V16.5722C2.97647 16.3152 2.78665 16.1049 2.55465 16.1049C2.32265 16.1049 2.13283 16.3152 2.13283 16.5722V19.8437C2.13283 20.6148 2.70228 21.2458 3.39828 21.2458H8.4601C9.1561 21.2458 9.72555 20.6148 9.72555 19.8437V16.5722C9.72555 16.3152 9.53574 16.1049 9.30374 16.1049ZM6.35101 17.0396H7.19465V20.311H6.35101V17.0396Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M12.6783 5.82304C12.4463 5.82304 12.2565 6.03335 12.2565 6.29039V11.8987C12.2565 12.6324 11.9401 13.3288 11.4128 13.7681C11.0501 14.0719 10.6029 14.2354 10.1474 14.2354H1.71101C1.47901 14.2354 1.28919 14.0251 1.28919 13.7681V2.08419C1.28919 1.82715 1.47901 1.61684 1.71101 1.61684H10.1474C10.3794 1.61684 10.5692 1.82715 10.5692 2.08419V12.366C10.5692 12.6231 10.759 12.8334 10.991 12.8334C11.223 12.8334 11.4128 12.6231 11.4128 12.366V2.08419C11.4128 1.31306 10.8434 0.682129 10.1474 0.682129H1.71101C1.01501 0.682129 0.445557 1.31306 0.445557 2.08419V13.7681C0.445557 14.5392 1.01501 15.1701 1.71101 15.1701H10.1474C10.7843 15.1701 11.4128 14.9365 11.919 14.5158C12.6572 13.9036 13.1001 12.9222 13.1001 11.8987V6.29039C13.1001 6.03335 12.9103 5.82304 12.6783 5.82304Z" fill="white" fill-opacity="0.43"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
79
src/lib/assets/adquirencia.svg
Normal file
79
src/lib/assets/adquirencia.svg
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<svg width="18" height="25" viewBox="0 0 18 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.66674 10.2273C4.9797 10.2273 5.23341 9.97289 5.23341 9.65909C5.23341 9.34529 4.9797 9.09091 4.66674 9.09091C4.35378 9.09091 4.10007 9.34529 4.10007 9.65909C4.10007 9.97289 4.35378 10.2273 4.66674 10.2273Z" fill="url(#paint0_linear_166_354)"/>
|
||||
<path d="M9.20007 10.2273C9.51303 10.2273 9.76674 9.97289 9.76674 9.65909C9.76674 9.34529 9.51303 9.09091 9.20007 9.09091C8.88711 9.09091 8.63341 9.34529 8.63341 9.65909C8.63341 9.97289 8.88711 10.2273 9.20007 10.2273Z" fill="url(#paint1_linear_166_354)"/>
|
||||
<path d="M6.93341 10.2273C7.24637 10.2273 7.50007 9.97289 7.50007 9.65909C7.50007 9.34529 7.24637 9.09091 6.93341 9.09091C6.62044 9.09091 6.36674 9.34529 6.36674 9.65909C6.36674 9.97289 6.62044 10.2273 6.93341 10.2273Z" fill="url(#paint2_linear_166_354)"/>
|
||||
<path d="M4.66674 12.5C4.9797 12.5 5.23341 12.2456 5.23341 11.9318C5.23341 11.618 4.9797 11.3636 4.66674 11.3636C4.35378 11.3636 4.10007 11.618 4.10007 11.9318C4.10007 12.2456 4.35378 12.5 4.66674 12.5Z" fill="url(#paint3_linear_166_354)"/>
|
||||
<path d="M9.20007 12.5C9.51303 12.5 9.76674 12.2456 9.76674 11.9318C9.76674 11.618 9.51303 11.3636 9.20007 11.3636C8.88711 11.3636 8.63341 11.618 8.63341 11.9318C8.63341 12.2456 8.88711 12.5 9.20007 12.5Z" fill="url(#paint4_linear_166_354)"/>
|
||||
<path d="M6.93341 12.5C7.24637 12.5 7.50007 12.2456 7.50007 11.9318C7.50007 11.618 7.24637 11.3636 6.93341 11.3636C6.62044 11.3636 6.36674 11.618 6.36674 11.9318C6.36674 12.2456 6.62044 12.5 6.93341 12.5Z" fill="url(#paint5_linear_166_354)"/>
|
||||
<path d="M4.66674 14.7727C4.9797 14.7727 5.23341 14.5183 5.23341 14.2045C5.23341 13.8907 4.9797 13.6364 4.66674 13.6364C4.35378 13.6364 4.10007 13.8907 4.10007 14.2045C4.10007 14.5183 4.35378 14.7727 4.66674 14.7727Z" fill="url(#paint6_linear_166_354)"/>
|
||||
<path d="M9.20007 14.7727C9.51303 14.7727 9.76674 14.5183 9.76674 14.2045C9.76674 13.8907 9.51303 13.6364 9.20007 13.6364C8.88711 13.6364 8.63341 13.8907 8.63341 14.2045C8.63341 14.5183 8.88711 14.7727 9.20007 14.7727Z" fill="url(#paint7_linear_166_354)"/>
|
||||
<path d="M11.4667 10.2273C11.7797 10.2273 12.0334 9.97289 12.0334 9.65909C12.0334 9.34529 11.7797 9.09091 11.4667 9.09091C11.1538 9.09091 10.9001 9.34529 10.9001 9.65909C10.9001 9.97289 11.1538 10.2273 11.4667 10.2273Z" fill="url(#paint8_linear_166_354)"/>
|
||||
<path d="M11.4667 12.5C11.7797 12.5 12.0334 12.2456 12.0334 11.9318C12.0334 11.618 11.7797 11.3636 11.4667 11.3636C11.1538 11.3636 10.9001 11.618 10.9001 11.9318C10.9001 12.2456 11.1538 12.5 11.4667 12.5Z" fill="url(#paint9_linear_166_354)"/>
|
||||
<path d="M11.4667 14.7727C11.7797 14.7727 12.0334 14.5183 12.0334 14.2045C12.0334 13.8907 11.7797 13.6364 11.4667 13.6364C11.1538 13.6364 10.9001 13.8907 10.9001 14.2045C10.9001 14.5183 11.1538 14.7727 11.4667 14.7727Z" fill="url(#paint10_linear_166_354)"/>
|
||||
<path d="M6.93341 14.7727C7.24637 14.7727 7.50007 14.5183 7.50007 14.2045C7.50007 13.8907 7.24637 13.6364 6.93341 13.6364C6.62044 13.6364 6.36674 13.8907 6.36674 14.2045C6.36674 14.5183 6.62044 14.7727 6.93341 14.7727Z" fill="url(#paint11_linear_166_354)"/>
|
||||
<path d="M13.1667 6.81818V2.84091C13.1667 2.52841 12.9117 2.27273 12.6001 2.27273H3.53341C3.22174 2.27273 2.96674 2.52841 2.96674 2.84091V6.81818C2.96674 7.13068 3.22174 7.38636 3.53341 7.38636H12.6001C12.9117 7.38636 13.1667 7.13068 13.1667 6.81818ZM12.0334 6.25H4.10007V3.40909H12.0334V6.25Z" fill="url(#paint12_linear_166_354)"/>
|
||||
<path d="M12.6001 18.75C12.2884 18.75 12.0334 19.0057 12.0334 19.3182V23.2955C12.0334 23.608 11.7784 23.8636 11.4667 23.8636H10.9001V19.3182C10.9001 19.0057 10.6451 18.75 10.3334 18.75H8.06674C7.75507 18.75 7.50007 19.0057 7.50007 19.3182V23.8636H4.66674C4.35507 23.8636 4.10007 23.608 4.10007 23.2955V19.3182C4.10007 19.0057 3.84507 18.75 3.53341 18.75C3.22174 18.75 2.96674 19.0057 2.96674 19.3182V23.2955C2.96674 24.233 3.73174 25 4.66674 25H11.4667C12.4017 25 13.1667 24.233 13.1667 23.2955V19.3182C13.1667 19.0057 12.9117 18.75 12.6001 18.75ZM8.63341 19.8864H9.76674V23.8636H8.63341V19.8864Z" fill="url(#paint13_linear_166_354)"/>
|
||||
<path d="M17.1334 6.25C16.8217 6.25 16.5667 6.50568 16.5667 6.81818V13.6364C16.5667 14.5284 16.1417 15.375 15.4334 15.9091C14.9461 16.2784 14.3454 16.4773 13.7334 16.4773H2.40007C2.08841 16.4773 1.83341 16.2216 1.83341 15.9091V1.70455C1.83341 1.39205 2.08841 1.13636 2.40007 1.13636H13.7334C14.0451 1.13636 14.3001 1.39205 14.3001 1.70455V14.2045C14.3001 14.517 14.5551 14.7727 14.8667 14.7727C15.1784 14.7727 15.4334 14.517 15.4334 14.2045V1.70455C15.4334 0.767045 14.6684 0 13.7334 0H2.40007C1.46507 0 0.700073 0.767045 0.700073 1.70455V15.9091C0.700073 16.8466 1.46507 17.6136 2.40007 17.6136H13.7334C14.5891 17.6136 15.4334 17.3295 16.1134 16.8182C17.1051 16.0739 17.7001 14.8807 17.7001 13.6364V6.81818C17.7001 6.50568 17.4451 6.25 17.1334 6.25Z" fill="url(#paint14_linear_166_354)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint12_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint13_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint14_linear_166_354" x1="15.7683" y1="-6.54762" x2="-23.1613" y2="22.0656" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.0 KiB |
9
src/lib/assets/approval-flow-mockup.svg
Normal file
9
src/lib/assets/approval-flow-mockup.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 23 KiB |
BIN
src/lib/assets/backgroundSection1.png
Normal file
BIN
src/lib/assets/backgroundSection1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
src/lib/assets/backgroundSection2.png
Normal file
BIN
src/lib/assets/backgroundSection2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
src/lib/assets/bank-shape.png
Normal file
BIN
src/lib/assets/bank-shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/lib/assets/banking-interface-mockup.png
Normal file
BIN
src/lib/assets/banking-interface-mockup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
src/lib/assets/bass_assinatura01@2x.png
Normal file
BIN
src/lib/assets/bass_assinatura01@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
src/lib/assets/bass_assinatura02@2x (1).png
Normal file
BIN
src/lib/assets/bass_assinatura02@2x (1).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
src/lib/assets/bass_assinatura05@2x (1).png
Normal file
BIN
src/lib/assets/bass_assinatura05@2x (1).png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
src/lib/assets/bass_assinatura06@2x.png
Normal file
BIN
src/lib/assets/bass_assinatura06@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
src/lib/assets/basspago-pagamentos.png
Normal file
BIN
src/lib/assets/basspago-pagamentos.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
src/lib/assets/basspago-shape.png
Normal file
BIN
src/lib/assets/basspago-shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
19
src/lib/assets/biggest-logo-basspago.svg
Normal file
19
src/lib/assets/biggest-logo-basspago.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="436" height="512" viewBox="0 0 436 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M383.166 289.802C377.663 294.861 371.607 299.44 364.997 303.502C347.53 314.211 327.478 319.603 304.805 319.603C282.131 319.603 263.002 314.248 245.535 303.502C228.068 292.793 214.294 278.539 204.176 260.777C194.427 243.642 189.405 225.03 189.072 205.015H188.998V-141H58.5317V202.873C58.5317 248.812 69.2409 289.876 90.696 326.028C112.151 362.181 141.398 390.652 178.437 411.48C215.513 432.307 257.611 442.721 304.805 442.721C332.722 442.721 358.793 438.806 383.166 431.199V289.802Z" fill="url(#paint0_linear_974_1756)"/>
|
||||
<path d="M520.76 77.465C500.56 41.0171 472.532 12.6933 436.675 -7.5432C400.855 -27.7428 359.311 -37.8611 312.154 -37.8611C281.467 -37.8611 252.884 -31.4356 226.444 -18.8062V115.205C232.242 109.851 238.593 105.05 245.536 100.877C263.003 90.4637 282.759 85.2568 304.805 85.2568C326.851 85.2568 347.531 90.4637 364.998 100.877C382.465 111.291 396.091 125.545 405.877 143.603C415.441 161.255 420.316 180.494 420.537 201.358H420.574V415.799C424.119 413.953 427.665 412.107 431.136 410.076C468.211 388.325 497.458 359.226 518.877 322.778C540.332 286.33 551.041 246.374 551.041 202.873C551.041 155.715 540.923 113.913 520.723 77.4281L520.76 77.465Z" fill="url(#paint1_linear_974_1756)"/>
|
||||
<path d="M0 493.94L70.8648 423.075C129.876 482.086 211.376 518.571 301.443 518.571C391.511 518.571 473.011 482.086 532.022 423.075L602.886 493.94C525.744 571.083 419.17 618.794 301.443 618.794C183.717 618.794 77.1426 571.083 0 493.94Z" fill="url(#paint2_linear_974_1756)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_974_1756" x1="-237.873" y1="-67.0314" x2="622.992" y2="387.129" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_974_1756" x1="-69.9274" y1="19.6264" x2="683.379" y2="530.92" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_974_1756" x1="-550.462" y1="447.876" x2="-336.202" y2="1073.96" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
49
src/lib/assets/boleto.svg
Normal file
49
src/lib/assets/boleto.svg
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.9691 13.9456H19.5606V0.543476C19.5606 0.23913 19.3226 0 19.0197 0H0.630935C0.328061 0 0.0900879 0.23913 0.0900879 0.543476V21.4673C0.0900879 23.413 1.66936 24.9999 3.60559 24.9999H22.2648C22.3405 24.9999 22.4163 24.9782 22.4812 24.9456C24.1902 24.7064 25.5099 23.239 25.5099 21.4673V14.4891C25.5099 14.1847 25.2719 13.9456 24.9691 13.9456ZM1.17178 21.4673V1.08695H18.4789V21.4673C18.4789 22.413 18.8575 23.2825 19.4632 23.913H3.60559C2.26429 23.913 1.17178 22.8151 1.17178 21.4673ZM24.4282 21.4673C24.4282 22.8151 23.3357 23.913 21.9944 23.913C20.6531 23.913 19.5606 22.8151 19.5606 21.4673V15.0326H24.4282V21.4673Z" fill="url(#paint0_linear_166_351)"/>
|
||||
<path d="M5.31479 9.13051C4.89293 9.13051 4.5576 8.79355 4.5576 8.36963C4.5576 8.06529 4.31962 7.82616 4.01675 7.82616C3.71388 7.82616 3.4759 8.06529 3.4759 8.36963C3.4759 9.19572 4.02757 9.89137 4.77394 10.1305V10.3262C4.77394 10.6305 5.01191 10.8696 5.31479 10.8696C5.61766 10.8696 5.85563 10.6305 5.85563 10.3262V10.1305C6.602 9.89137 7.15366 9.20659 7.15366 8.36963C7.15366 7.3479 6.33158 6.52182 5.31479 6.52182C4.89293 6.52182 4.5576 6.18487 4.5576 5.76095C4.5576 5.33704 4.89293 5.00008 5.31479 5.00008C5.73665 5.00008 6.07197 5.33704 6.07197 5.76095C6.07197 6.0653 6.30994 6.30443 6.61282 6.30443C6.91569 6.30443 7.15366 6.0653 7.15366 5.76095C7.15366 4.93487 6.602 4.23922 5.85563 4.00009V3.80444C5.85563 3.50009 5.61766 3.26096 5.31479 3.26096C5.01191 3.26096 4.77394 3.50009 4.77394 3.80444V4.00009C4.02757 4.23922 3.4759 4.924 3.4759 5.76095C3.4759 6.78269 4.298 7.60877 5.31479 7.60877C5.73665 7.60877 6.07197 7.94572 6.07197 8.36963C6.07197 8.79355 5.73665 9.13051 5.31479 9.13051Z" fill="url(#paint1_linear_166_351)"/>
|
||||
<path d="M15.7747 13.0434H3.87603C3.57315 13.0434 3.33518 13.2825 3.33518 13.5869V15.7608C3.33518 16.0651 3.57315 16.3042 3.87603 16.3042H15.7747C16.0775 16.3042 16.3155 16.0651 16.3155 15.7608V13.5869C16.3155 13.2825 16.0775 13.0434 15.7747 13.0434ZM15.2338 15.2173H4.41688V14.1303H15.2338V15.2173Z" fill="url(#paint2_linear_166_351)"/>
|
||||
<path d="M15.7748 3.26096H9.28459C8.98172 3.26096 8.74375 3.50009 8.74375 3.80444C8.74375 4.10878 8.98172 4.34791 9.28459 4.34791H15.7748C16.0776 4.34791 16.3156 4.10878 16.3156 3.80444C16.3156 3.50009 16.0776 3.26096 15.7748 3.26096Z" fill="url(#paint3_linear_166_351)"/>
|
||||
<path d="M15.7748 5.43478H9.28459C8.98172 5.43478 8.74375 5.67391 8.74375 5.97826C8.74375 6.2826 8.98172 6.52173 9.28459 6.52173H15.7748C16.0776 6.52173 16.3156 6.2826 16.3156 5.97826C16.3156 5.67391 16.0776 5.43478 15.7748 5.43478Z" fill="url(#paint4_linear_166_351)"/>
|
||||
<path d="M15.7748 7.6086H9.28459C8.98172 7.6086 8.74375 7.84773 8.74375 8.15207C8.74375 8.45642 8.98172 8.69555 9.28459 8.69555H15.7748C16.0776 8.69555 16.3156 8.45642 16.3156 8.15207C16.3156 7.84773 16.0776 7.6086 15.7748 7.6086Z" fill="url(#paint5_linear_166_351)"/>
|
||||
<path d="M11.448 10.8696C11.7509 10.8696 11.9888 10.6305 11.9888 10.3261C11.9888 10.0218 11.7509 9.78265 11.448 9.78265H9.28459C8.98172 9.78265 8.74375 10.0218 8.74375 10.3261C8.74375 10.6305 8.98172 10.8696 9.28459 10.8696H11.448Z" fill="url(#paint6_linear_166_351)"/>
|
||||
<path d="M11.4479 17.3912H3.87603C3.57315 17.3912 3.33518 17.6304 3.33518 17.9347C3.33518 18.2391 3.57315 18.4782 3.87603 18.4782H11.4479C11.7508 18.4782 11.9887 18.2391 11.9887 17.9347C11.9887 17.6304 11.7508 17.3912 11.4479 17.3912Z" fill="url(#paint7_linear_166_351)"/>
|
||||
<path d="M7.12111 19.5651H3.87603C3.57315 19.5651 3.33518 19.8042 3.33518 20.1085C3.33518 20.4129 3.57315 20.652 3.87603 20.652H7.12111C7.42399 20.652 7.66196 20.4129 7.66196 20.1085C7.66196 19.8042 7.42399 19.5651 7.12111 19.5651Z" fill="url(#paint8_linear_166_351)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_166_351" x1="22.6213" y1="-6.5476" x2="-17.9866" y2="38.082" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.6 KiB |
BIN
src/lib/assets/card-shape.png
Normal file
BIN
src/lib/assets/card-shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 750 B |
4
src/lib/assets/cartoes-cinza.svg
Normal file
4
src/lib/assets/cartoes-cinza.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.1042 0.309448H2.40079C1.98733 0.309448 1.64851 0.649906 1.64851 1.06538V1.46355H1.25228C0.838812 1.46355 0.5 1.804 0.5 2.21948V9.93463C0.5 10.3501 0.838812 10.6906 1.25228 10.6906H12.9499C13.3634 10.6906 13.7022 10.3501 13.7022 9.93463V9.53646H14.0984C14.5119 9.53646 14.8507 9.196 14.8507 8.78053V1.06538C14.8507 0.649906 14.5119 0.309448 14.0984 0.309448H14.1042ZM1.25228 2.0406H12.9499C13.0475 2.0406 13.1279 2.12138 13.1279 2.21948V3.19469H1.07426V2.21948C1.07426 2.12138 1.15465 2.0406 1.25228 2.0406ZM1.07426 3.77174H13.1337V4.34879H1.07426V3.77174ZM13.1337 9.9404C13.1337 10.0385 13.0533 10.1193 12.9556 10.1193H1.25228C1.15465 10.1193 1.07426 10.0385 1.07426 9.9404V4.92584H13.1337V9.9404ZM14.2822 8.7863C14.2822 8.8844 14.2018 8.96519 14.1042 8.96519H13.7079V2.21948C13.7079 1.804 13.3691 1.46355 12.9556 1.46355H2.22277V1.06538C2.22277 0.967283 2.30317 0.886497 2.40079 0.886497H14.0984C14.196 0.886497 14.2764 0.967283 14.2764 1.06538V8.78053L14.2822 8.7863Z" fill="white" fill-opacity="0.5"/>
|
||||
<path d="M4.80694 6.65698H2.50991C2.34911 6.65698 2.22278 6.78393 2.22278 6.94551V8.67665C2.22278 8.83823 2.34911 8.96518 2.50991 8.96518H4.80694C4.96773 8.96518 5.09407 8.83823 5.09407 8.67665V6.94551C5.09407 6.78393 4.96773 6.65698 4.80694 6.65698ZM2.79704 7.23403H3.37129V8.38813H2.79704V7.23403ZM4.51981 8.38813H3.94555V7.23403H4.51981V8.38813Z" fill="white" fill-opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
9
src/lib/assets/cartoes.svg
Normal file
9
src/lib/assets/cartoes.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="30" height="21" viewBox="0 0 30 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M27.5914 0H3.94111C3.10558 0 2.4209 0.688713 2.4209 1.52918V2.33463H1.62018C0.784649 2.33463 0.0999756 3.02334 0.0999756 3.86381V19.4708C0.0999756 20.3113 0.784649 21 1.62018 21H25.2588C26.0944 21 26.779 20.3113 26.779 19.4708V18.6654H27.5798C28.4153 18.6654 29.1 17.9767 29.1 17.1362V1.52918C29.1 0.688713 28.4153 0 27.5798 0H27.5914ZM1.62018 3.50195H25.2588C25.4561 3.50195 25.6186 3.66537 25.6186 3.86381V5.83658H1.26044V3.86381C1.26044 3.66537 1.4229 3.50195 1.62018 3.50195ZM1.26044 7.00389H25.6302V8.17121H1.26044V7.00389ZM25.6302 19.4825C25.6302 19.6809 25.4677 19.8444 25.2704 19.8444H1.62018C1.4229 19.8444 1.26044 19.6809 1.26044 19.4825V9.33852H25.6302V19.4825ZM27.9511 17.1479C27.9511 17.3463 27.7887 17.5097 27.5914 17.5097H26.7907V3.86381C26.7907 3.02334 26.106 2.33463 25.2704 2.33463H3.58137V1.52918C3.58137 1.33074 3.74383 1.16732 3.94111 1.16732H27.5798C27.777 1.16732 27.9395 1.33074 27.9395 1.52918V17.1362L27.9511 17.1479Z" fill="url(#paint0_linear_166_352)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_166_352" x1="25.8045" y1="-5.5" x2="-5.88236" y2="41.7973" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/lib/assets/case-1.webp
Normal file
BIN
src/lib/assets/case-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
src/lib/assets/case-2.webp
Normal file
BIN
src/lib/assets/case-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
src/lib/assets/case-3.webp
Normal file
BIN
src/lib/assets/case-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
src/lib/assets/case-4.webp
Normal file
BIN
src/lib/assets/case-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
src/lib/assets/case-5.webp
Normal file
BIN
src/lib/assets/case-5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
src/lib/assets/case-6.webp
Normal file
BIN
src/lib/assets/case-6.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
3
src/lib/assets/check.svg
Normal file
3
src/lib/assets/check.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.7623 7.47869L5.74356 6.50422C5.61475 6.37885 5.45386 6.31616 5.26089 6.31616C5.06792 6.31616 4.90094 6.38455 4.75995 6.52131C4.63115 6.64668 4.56674 6.80625 4.56674 7C4.56674 7.19375 4.63115 7.35332 4.75995 7.47869L6.27049 8.94893C6.41101 9.0857 6.57494 9.15408 6.7623 9.15408C6.94965 9.15408 7.11358 9.0857 7.2541 8.94893L10.24 6.04263C10.3806 5.90586 10.4478 5.7463 10.4417 5.56394C10.4356 5.38159 10.3684 5.22203 10.24 5.08526C10.0995 4.94849 9.93279 4.87737 9.73981 4.8719C9.54684 4.86643 9.37986 4.93185 9.23888 5.06816L6.7623 7.47869ZM4.79508 13.6674L3.77635 11.992L1.84426 11.5817C1.66862 11.5475 1.5281 11.4593 1.42272 11.3171C1.31733 11.1748 1.27635 11.018 1.29977 10.8466L1.49297 8.91474L0.175644 7.44449C0.058548 7.31912 0 7.17096 0 7C0 6.82904 0.058548 6.68088 0.175644 6.55551L1.49297 5.08526L1.29977 3.15342C1.27635 2.98246 1.31733 2.82563 1.42272 2.68294C1.5281 2.54025 1.66862 2.45203 1.84426 2.4183L3.77635 2.00799L4.79508 0.332596C4.88876 0.184431 5.01756 0.0845911 5.1815 0.0330754C5.34543 -0.0184403 5.50937 -0.00977835 5.6733 0.0590612L7.5 0.811281L9.3267 0.0590612C9.49063 -0.00932246 9.65457 -0.0179844 9.8185 0.0330754C9.98244 0.0841352 10.1112 0.183975 10.2049 0.332596L11.2237 2.00799L13.1557 2.4183C13.3314 2.45249 13.4719 2.54093 13.5773 2.68363C13.6827 2.82632 13.7237 2.98292 13.7002 3.15342L13.507 5.08526L14.8244 6.55551C14.9415 6.68088 15 6.82904 15 7C15 7.17096 14.9415 7.31912 14.8244 7.44449L13.507 8.91474L13.7002 10.8466C13.7237 11.0175 13.6827 11.1744 13.5773 11.3171C13.4719 11.4598 13.3314 11.548 13.1557 11.5817L11.2237 11.992L10.2049 13.6674C10.1112 13.8156 9.98244 13.9154 9.8185 13.9669C9.65457 14.0184 9.49063 14.0098 9.3267 13.9409L7.5 13.1887L5.6733 13.9409C5.50937 14.0093 5.34543 14.018 5.1815 13.9669C5.01756 13.9159 4.88876 13.816 4.79508 13.6674Z" fill="#41FE95"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
15
src/lib/assets/cobranca-em-lote.svg
Normal file
15
src/lib/assets/cobranca-em-lote.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="49" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M31.7904 14.2767H37.918C38.7387 14.2767 39.3952 14.9359 39.3952 15.7599V29.2187V32.3499C39.3952 33.174 38.7387 33.8332 37.918 33.8332H27.3589H21.9973H11.3834C10.5628 33.8332 9.90625 33.174 9.90625 32.3499V29.2187V15.7599C9.90625 14.9359 10.5628 14.2767 11.3834 14.2767H17.6204" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.3616 33.8881H22V37.5687H27.3616V33.8881Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.4647 40.0956H17.8965V39.1617C17.8965 38.2828 18.6077 37.5687 19.4831 37.5687H29.8781C30.7534 37.5687 31.4647 38.2828 31.4647 39.1617V40.0956Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.96289 29.2188H39.3971" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.7911 12.8485V26.3622H17.6211V7.90442H26.8672L31.7911 12.8485Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M26.8691 7.90442V12.8485H31.7931" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.2571 11.9145C23.2571 11.9145 22.9289 11.1454 21.6158 11.1454C20.3028 11.1454 19.4274 13.0132 21.2329 13.5076C23.2571 14.0569 23.5307 14.4415 23.3666 15.2655C23.1477 16.3092 20.3575 16.474 20.1934 14.9908" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.7773 17.0234V16.0346" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.7773 11.1455V10.1567" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6797 17.0234H29.5489" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.1934 20.3744H29.5489" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.1934 23.6704H29.5489" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
19
src/lib/assets/cobranca.svg
Normal file
19
src/lib/assets/cobranca.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="49" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M38.062 16.6755H31.9277V13.6084C31.9277 11.9146 33.3011 10.5413 34.9949 10.5413C36.6887 10.5413 38.062 11.9146 38.062 13.6084V16.6755Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16.1797 27.6165V13.6084C16.1797 11.9146 17.553 10.5413 19.2468 10.5413H34.9945" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.9273 29.0814V33.3846H20.9863" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.9277 26.0601V16.6755" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16.1815 37.4588C18.8867 37.4588 21.0797 35.2658 21.0797 32.5606C21.0797 29.8553 18.8867 27.6623 16.1815 27.6623C13.4762 27.6623 11.2832 29.8553 11.2832 32.5606C11.2832 35.2658 13.4762 37.4588 16.1815 37.4588Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.127 33.6134V33.8881C15.127 34.4374 15.5847 34.941 16.1799 34.941C16.7292 34.941 17.2327 34.4832 17.2327 33.8881V33.6134C17.2327 33.0641 16.775 32.5605 16.1799 32.5605C15.6305 32.5605 15.127 32.1027 15.127 31.5076V31.233C15.127 30.6836 15.5847 30.1801 16.1799 30.1801C16.7292 30.1801 17.2327 30.6378 17.2327 31.233V31.5076" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16.1797 30.1801V29.4019" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16.1797 35.6734V34.8952" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.9609 26.0601H34.9965V22.6725" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M34.9953 22.6725C35.7791 22.6725 36.4144 22.0371 36.4144 21.2534C36.4144 20.4696 35.7791 19.8342 34.9953 19.8342C34.2115 19.8342 33.5762 20.4696 33.5762 21.2534C33.5762 22.0371 34.2115 22.6725 34.9953 22.6725Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.9609 29.0814H34.9965V33.4761" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M34.9953 36.2685C35.7791 36.2685 36.4144 35.6332 36.4144 34.8494C36.4144 34.0657 35.7791 33.4303 34.9953 33.4303C34.2115 33.4303 33.5762 34.0657 33.5762 34.8494C33.5762 35.6332 34.2115 36.2685 34.9953 36.2685Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.1562 14.4324H28.8612" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.1562 17.9573H28.8612" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.1562 21.2534H28.8612" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.1562 24.4578H26.3434" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
19
src/lib/assets/conta-escrow-azul.svg
Normal file
19
src/lib/assets/conta-escrow-azul.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="49" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M15.9863 26.2474C17.3821 31.8906 20.4227 35.0368 24.6598 36.6349C28.8968 35.0368 31.9375 31.8406 33.3332 26.2474" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M34.0328 21.7528C34.1325 20.6541 34.1823 19.5055 34.1823 18.307V13.4628C34.1823 13.4628 28.7489 14.961 24.6615 11.9147C20.574 14.961 15.1406 13.4628 15.1406 13.4628V18.307C15.1406 19.5055 15.1905 20.7041 15.2902 21.7528" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.2882 24.7518C29.7027 22.1926 27.968 19.7813 25.4136 19.366C22.8592 18.9507 20.4523 20.6886 20.0378 23.2477C19.6232 25.8069 21.3579 28.2182 23.9123 28.6336C26.4667 29.0489 28.8736 27.311 29.2882 24.7518Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.6641 24.9989V25.2486C23.6641 25.7979 24.1127 26.2474 24.661 26.2474C25.2093 26.2474 25.658 25.7979 25.658 25.2486V24.9989C25.658 24.4496 25.2093 24.0001 24.661 24.0001C24.1127 24.0001 23.6641 23.5507 23.6641 23.0013V22.7017C23.6641 22.1523 24.1127 21.7029 24.661 21.7029C25.2093 21.7029 25.658 22.1523 25.658 22.7017V23.0013" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6641 21.7528V21.0037" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6641 26.9965V26.2474" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6641 19.3057V11.8646" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6641 36.6848V28.6945" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.043 21.7527H37.8721V11.8646" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M39.1663 9.26788H36.5742V11.8648H39.1663V9.26788Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.043 26.2474H37.8721V36.1355" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M39.1663 36.1354H36.5742V38.7323H39.1663V36.1354Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.2822 21.7527H11.4531V11.8646" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M10.1872 11.8934L12.7793 11.8934L12.7793 9.29656L10.1872 9.29656L10.1872 11.8934Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.2822 26.2474H11.4531V36.1355" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M10.1872 38.7036L12.7793 38.7036L12.7793 36.1067L10.1872 36.1067L10.1872 38.7036Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/lib/assets/contato-conta-digital.png
Normal file
BIN
src/lib/assets/contato-conta-digital.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
src/lib/assets/copy-link-pagamento.png
Normal file
BIN
src/lib/assets/copy-link-pagamento.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
40
src/lib/assets/cubes-plus.svg
Normal file
40
src/lib/assets/cubes-plus.svg
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<svg width="362" height="441" viewBox="0 0 362 441" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M360.982 190.838V188.58L358.998 187.403L344.292 178.672L361 168.76L360.982 111.857V109.599L358.998 108.423L311.078 79.9779L295.714 89.0972L295.708 72.1726V69.9146L293.725 68.738L245.805 40.2933L230.901 49.1403L230.896 32.8793V30.6213L228.912 29.4447L180.992 1L133.069 29.4447L131.086 30.6213V49.1429L116.179 40.2959L68.2564 68.7406L66.273 69.9172V89.0998L50.9061 79.9779L2.98334 108.423L1 109.599V168.749L17.7024 178.664L2.98334 187.4L1 188.577V190.835V247.727L17.705 257.642L2.98334 266.381L1 267.558V326.708L48.9228 355.152L50.9061 356.332L52.8895 355.155L66.273 347.215V368.293L114.196 396.738L116.179 397.917L118.163 396.741L131.086 389.076V410.376L179.009 438.821L180.992 440L182.975 438.823L230.914 410.387L230.906 389.073L243.819 396.738L245.802 397.917L247.786 396.741L295.724 368.304L295.716 347.215L309.092 355.152L311.075 356.332L313.059 355.155L360.997 326.718L360.979 269.816V267.558L358.996 266.381L344.29 257.65L360.997 247.738L360.979 190.835L360.982 190.838ZM357.031 166.504L313.059 192.588V140.307L357.015 114.216L357.031 166.507V166.504ZM311.075 84.5891L355.111 110.728L348.743 114.509L311.075 136.87L267.151 110.797L267.04 110.731L311.075 84.5917V84.5891ZM245.802 44.9071L289.838 71.0462L282.92 75.1525L245.802 97.1854L202.365 71.4006L201.767 71.0462L245.802 44.9071ZM180.992 5.61123L225.027 31.7503L217.906 35.9782L180.992 57.8894L140.064 33.5932L136.957 31.7477L180.992 5.60858V5.61123ZM116.179 44.9071L160.215 71.0462L153.064 75.2926L116.179 97.188L78.8289 75.0176L72.1437 71.0489L116.179 44.9098V44.9071ZM50.9061 84.5891L66.273 93.7111L68.2564 94.8877L70.2397 96.0643L94.9416 110.728L70.2397 125.392L68.2564 126.569L66.273 127.745L50.9061 136.867L6.87069 110.728L50.9061 84.5891ZM4.96668 166.491V114.213L48.9228 140.305V192.583L25.4744 178.664L23.5307 177.509L21.5871 176.356L4.96668 166.491ZM4.96668 245.472V193.194L48.9201 219.285V271.566L4.96668 245.472ZM48.9228 350.541L4.96932 324.45V272.169L48.9228 298.26V350.541ZM114.196 392.127L70.2424 366.035V313.754L114.196 339.846V392.127ZM179.009 434.21L135.055 408.118V355.837L179.009 381.929V434.21ZM182.975 434.21V381.929L226.932 355.837L226.947 408.129L182.975 434.212V434.21ZM247.786 392.127V339.846L291.742 313.754L291.758 366.046L247.786 392.129V392.127ZM357.031 324.46L313.059 350.544V298.263L357.015 272.171L357.031 324.463V324.46ZM355.111 268.687L348.116 272.84L311.075 294.828L295.724 285.717V289.326L294.878 289.828L309.089 298.266V350.546L295.714 342.606L295.703 311.404V309.146L293.72 307.969L279.014 299.239L275.127 301.544L289.835 310.275L282.653 314.54L245.8 336.417L230.909 327.578V331.411L230.253 331.8L243.816 339.851V392.132L230.901 384.467L230.89 353.489V351.231L228.907 350.055L214.201 341.324L210.314 343.63L225.022 352.36L217.901 356.588L180.987 378.499L140.059 354.203L136.951 352.358L151.67 343.619L147.786 341.313L133.064 350.052L131.081 351.229V384.467L118.157 392.132V339.851L131.739 331.789L131.083 331.401V327.57L116.177 336.417L74.5634 311.713L72.1411 310.275L86.8601 301.536L82.9754 299.231L68.2537 307.969L66.2704 309.146V342.606L52.8868 350.546V298.266L67.1166 289.82L66.273 289.318V285.709L50.9061 294.831L9.93032 270.508L6.87069 268.692L21.5897 259.953L48.9228 276.177L50.9061 277.356L52.8895 276.18L66.273 268.24V263.628L52.8895 271.569V219.288L67.1166 210.843L66.273 210.34V206.731L50.9061 215.853L6.87069 189.711L21.5897 180.975L48.9228 197.199L50.9061 198.379L52.8895 197.202L66.273 189.262V184.651L52.8895 192.591V140.31L69.0444 130.717L70.9881 129.564L72.9318 128.412L96.8429 114.216L96.8482 130.752L96.8509 133.041L98.8342 131.865L100.815 130.688V128.398L100.81 111.862V109.604L98.8263 108.428L70.2397 91.4583V74.5338L114.196 100.625V122.745L116.179 121.569L118.163 122.745V100.625L162.119 74.5338L162.124 91.1833L166.091 88.8301L166.085 72.1805V69.9225L164.102 68.7459L135.055 51.5041V35.2405L179.009 61.332V81.1624L180.992 79.9858L182.975 81.1624V61.332L226.932 35.2405L226.937 51.5014L197.885 68.7459L195.902 69.9225V88.8328L199.868 91.1886V74.5364L243.822 100.628V122.748L245.805 121.571L247.788 122.748V100.628L291.744 74.5364L291.75 91.4583L263.158 108.431L261.175 109.607V130.693L265.141 133.049V114.221L309.095 140.312V192.593L295.719 184.653V189.264L309.095 197.202L311.078 198.381L313.061 197.205L340.405 180.986L355.113 189.717L348.119 193.87L311.078 215.858L295.727 206.747V210.356L294.881 210.858L309.092 219.296V271.577L295.716 263.636V268.248L309.092 276.185L311.075 277.364L313.059 276.188L340.402 259.969L355.111 268.7V268.687ZM313.059 271.563V219.282L357.015 193.191L357.031 245.482L313.059 271.566V271.563Z" stroke="white" stroke-opacity="0.35" stroke-width="0.5" stroke-dasharray="2 2"/>
|
||||
<path d="M230.914 327.579L230.909 310.098V305.486L230.898 274.507V272.249L228.915 271.072L214.209 262.341L210.322 264.647L225.03 273.378L217.909 277.606L180.997 299.521L140.069 275.223L136.962 273.378L151.681 264.639L147.796 262.333L133.075 271.072L131.091 272.249V327.568V331.402L131.747 331.791L147.794 341.315L151.678 343.621L179.011 359.846L180.995 361.025L182.978 359.848L210.322 343.629L214.209 341.323L230.261 331.801L230.917 331.413V327.579H230.914ZM179.009 350.549V355.237L135.055 329.144V276.86L179.009 302.953V350.549ZM182.975 355.24V302.956L226.932 276.863L226.947 329.157L182.975 355.242V355.24Z" fill="url(#paint0_linear_942_1719)"/>
|
||||
<path d="M118.162 310.864V260.871L131.744 252.808L131.089 252.42V248.588L123.613 253.025L117.16 256.857L116.182 257.438L115.96 257.306L104.348 250.413L99.9871 247.824L98.8024 247.121L98.3978 246.877L97.0174 246.06L96.4515 245.725L72.1436 231.293L74.0714 230.148L86.8627 222.556L84.9322 221.411L84.919 221.403L82.9885 220.258L82.9753 220.25L70.1841 227.842L68.2563 228.987L66.2994 230.148L66.2729 230.163V232.422V285.708V289.317L67.1165 289.819L82.9753 299.233L86.86 301.538L114.193 317.763L116.176 318.942L118.16 317.766L131.083 310.1V305.489L118.16 313.154V310.864H118.162ZM114.196 310.864V313.154L70.2423 287.061V234.778L114.196 260.871V310.864Z" fill="url(#paint1_linear_942_1719)"/>
|
||||
<path d="M295.725 285.718L295.719 268.237V263.626L295.709 232.421V230.163L293.725 228.987L279.02 220.255L275.132 222.561L289.841 231.292L283.288 235.185L245.808 257.435L230.917 248.596V252.43L230.261 252.819L243.825 260.87V313.154L230.909 305.488V310.1L243.825 317.766L245.808 318.945L247.791 317.768L275.135 301.549L279.022 299.243L294.886 289.832L295.733 289.33V285.72L295.725 285.718ZM247.786 313.154V260.87L291.742 234.777L291.758 287.072L247.786 313.157V313.154Z" fill="url(#paint2_linear_942_1719)"/>
|
||||
<path d="M230.895 111.854V109.596L228.912 108.419L199.865 91.1762L195.899 88.8202L182.975 81.1494L180.992 79.9727L179.009 81.1494L166.09 88.8176L162.124 91.1709L133.072 108.416L131.088 109.593V111.851V130.408L135.055 132.762V114.207L179.009 140.3V164.82L180.992 163.643L182.975 164.82V140.3L226.931 114.207L226.937 132.759L230.903 130.406L230.898 111.854H230.895ZM217.903 114.953L180.992 136.868L140.064 112.57L136.956 110.725L180.992 84.5842L225.027 110.725L217.906 114.953H217.903Z" fill="url(#paint3_linear_942_1719)"/>
|
||||
<path d="M166.083 153.439V151.181L166.053 151.165L164.099 150.005L162.169 148.86L147.463 140.129L145.519 138.976L143.578 137.823L135.053 132.762L131.086 130.409L118.162 122.735L116.179 121.558L114.196 122.735L100.815 130.678L98.8341 131.855L96.8508 133.032L88.7905 137.815L86.8468 138.97L84.9058 140.123L70.1841 148.86L68.2563 150.005L66.2994 151.165L66.2729 151.181V210.335L67.1165 210.837L81.0475 219.106L82.9753 220.25L82.9885 220.258L84.919 221.403L84.9322 221.411L86.8627 222.556L96.8561 228.487L98.8394 229.666L100.823 230.843L114.196 238.781L116.179 239.96L118.162 238.784L131.086 231.118V226.507L118.162 234.172V181.888L135.692 171.481L137.634 170.328H137.636L139.577 169.175L162.116 155.793L162.121 170.153V174.765V174.842L166.085 172.488V167.8L166.08 153.439H166.083ZM114.196 199.427V234.17L100.82 226.229L98.8367 225.052L96.8534 223.876L90.7474 220.25L88.8169 219.106L88.8037 219.095L86.8759 217.95H86.8732L86.8627 217.942H86.86L84.9322 216.797L71.0039 208.529L70.2396 208.077V155.795L92.5641 169.048L94.5078 170.201L96.4515 171.354L114.196 181.888V199.427ZM135.692 166.867L133.751 168.022H133.749L131.808 169.175H131.805L118.11 177.309L116.179 178.454L114.249 177.309L100.339 169.048H100.336L98.3951 167.895L96.4541 166.742H96.4515L72.1436 152.31L74.0714 151.165L88.7905 142.429L90.7341 141.276L92.6752 140.123L96.8508 137.643L98.8341 136.466L100.817 135.29L114.196 127.347L116.179 126.17L118.162 127.347L131.086 135.02L135.053 137.373L139.691 140.129L141.635 141.281L143.578 142.434L158.287 151.165L160.215 152.31L135.692 166.867Z" fill="url(#paint4_linear_942_1719)"/>
|
||||
<path d="M295.724 206.736L295.719 189.255V184.644L295.709 153.439V151.181L293.725 150.005L265.139 133.037L261.172 130.681L247.788 122.735L245.805 121.558L243.822 122.735L230.904 130.403L226.937 132.757L197.882 150.002L195.899 151.179V172.488L199.866 174.844V155.793L243.819 181.886V234.17L230.904 226.504V231.116L243.819 238.781L245.802 239.96L247.786 238.784L275.129 222.564L279.017 220.258L294.881 210.848L295.727 210.345V206.736H295.724ZM203.504 153.342L201.767 152.31L245.802 126.17L289.838 152.31L282.655 156.576L245.802 178.454L203.502 153.342H203.504ZM247.786 234.172V181.888L291.742 155.795L291.758 208.09L247.786 234.175V234.172Z" fill="url(#paint5_linear_942_1719)"/>
|
||||
<path d="M230.914 248.596L230.909 231.115V226.504L230.898 195.524V193.266L228.915 192.09L199.868 174.847L195.901 172.491L182.978 164.82L180.995 163.643L179.011 164.82L166.09 172.491L162.126 174.844L133.072 192.09L131.088 193.266V247.732V248.588V252.422L131.744 252.811L147.791 262.335L151.675 264.641L179.009 280.866L180.992 282.045L182.975 280.869L210.319 264.649L214.206 262.343L230.258 252.822L230.914 252.433V248.599V248.596ZM179.009 271.566V276.255L135.055 250.162V245.473V197.88L179.009 223.973V271.566ZM140.064 196.241L136.956 194.395L180.992 168.255L225.027 194.395L217.906 198.623L180.995 220.539L140.066 196.241H140.064ZM182.975 276.257V271.569V223.973L226.931 197.88L226.947 250.175L182.975 276.26V276.257Z" fill="url(#paint6_linear_942_1719)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_942_1719" x1="224.412" y1="201.486" x2="66.5918" y2="461.658" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_942_1719" x1="127.478" y1="159.404" x2="-49.9336" y2="351.222" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_942_1719" x1="291.466" y1="159.41" x2="114.06" y2="351.228" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_942_1719" x1="224.399" y1="27.662" x2="98.9415" y2="268.205" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_942_1719" x1="159.581" y1="48.56" x2="-43.5732" y2="327.679" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_942_1719" x1="289.222" y1="48.56" x2="86.0775" y2="327.71" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_942_1719" x1="224.409" y1="90.645" x2="21.2628" y2="369.79" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.134641" stop-color="#41FE95"/>
|
||||
<stop offset="0.822187" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
9
src/lib/assets/cubes.svg
Normal file
9
src/lib/assets/cubes.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="62" height="71" viewBox="0 0 62 71" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M62 33.1915V17.0322C62 16.7148 61.8262 16.4262 61.5509 16.2675L48.8033 9.34211C48.5425 9.19783 48.2238 9.19783 47.9776 9.34211L44.6168 11.16V7.79831C44.6168 7.4809 44.443 7.19234 44.1678 7.03363L31.4201 0.10821C31.1593 -0.0360699 30.8407 -0.0360699 30.5944 0.10821L17.8467 7.03363C17.5715 7.19234 17.3977 7.4809 17.3977 7.79831V11.16L14.0514 9.34211C13.7907 9.19783 13.472 9.19783 13.2257 9.34211L0.478037 16.2675C0.202804 16.4262 0.0289721 16.7148 0.0289721 17.0322V33.1915C0.0289721 33.5089 0.202804 33.7975 0.478037 33.9562L3.3028 35.5L0.449065 37.0438C0.173832 37.2025 0 37.4911 0 37.8085V53.9678C0 54.2852 0.173832 54.5738 0.449065 54.7325L13.1967 61.6579C13.4575 61.8022 13.7762 61.8022 14.0224 61.6579L17.3687 59.84V63.2017C17.3687 63.5191 17.5425 63.8077 17.8178 63.9664L30.5654 70.8918C30.8262 71.0361 31.1449 71.0361 31.3911 70.8918L44.1388 63.9664C44.414 63.8077 44.5878 63.5191 44.5878 63.2017V59.8255L47.9341 61.6435C48.1949 61.7878 48.5135 61.7878 48.7598 61.6435L61.5075 54.718C61.7827 54.5593 61.9565 54.2708 61.9565 53.9534V37.8085C61.9565 37.4911 61.7827 37.2025 61.5075 37.0438L58.6972 35.5L61.5509 33.9562C61.8262 33.7975 62 33.5089 62 33.1915ZM48.3832 11.0879L59.3201 17.0322L48.3832 22.9765L37.4463 17.0322L48.3832 11.0879ZM47.514 59.436L44.6168 57.8633V47.0424C44.6168 46.725 44.443 46.4364 44.1678 46.2777L41.314 44.7339L43.936 43.3055L47.514 45.2533V59.436ZM31 52.9867L20.0631 47.0424L22.4967 45.715L30.5799 50.1011C30.8407 50.2454 31.1593 50.2454 31.4056 50.1011L39.4888 45.715L41.9224 47.0424L31 52.9867ZM14.486 24.477L25.4953 18.5039V21.3606L17.8322 25.5159C17.557 25.6746 17.3832 25.9631 17.3832 26.2805V37.1015L14.486 38.6742V24.477ZM19.1215 9.25554L30.1308 15.2287V18.8213L27.2336 20.3939V17.0322C27.2336 16.7148 27.0598 16.4262 26.7846 16.2675L19.1215 12.1123V9.25554ZM42.8785 12.1123L35.2154 16.2675C34.9402 16.4262 34.7664 16.7148 34.7664 17.0322V20.4084L31.8692 18.8357V15.2431L42.8785 9.26997V12.1123ZM31.8692 47.8936V33.7109L42.8785 27.7378V41.9204L31.8692 47.8936ZM31 32.2104L20.0631 26.2661L31 20.3218L41.9369 26.2661L31 32.2104ZM19.1215 27.7233L30.1308 33.6965V47.8792L19.1215 41.8916V27.7233ZM44.1678 25.5014L36.5047 21.3462V18.4894L47.514 24.4626V38.6453L44.6168 37.0871V26.2661C44.6168 25.9487 44.443 25.6601 44.1678 25.5014ZM31 1.85399L41.9369 7.79831L31 13.7426L20.0631 7.79831L31 1.85399ZM13.6168 11.0879L24.5537 17.0322L13.6168 22.9765L2.67991 17.0322L13.6168 11.0879ZM1.73832 32.6721V18.4894L12.7477 24.4626V38.6453L5.53364 34.7209L1.73832 32.6721ZM5.11355 36.4811L13.1967 40.8672C13.4575 41.0115 13.7762 41.0115 14.0224 40.8672L17.3687 39.0493V41.704L13.6023 43.7528L2.67991 37.8085L5.11355 36.4811ZM1.73832 39.2657L12.7477 45.2533V59.436L1.73832 53.4484V39.2657ZM14.486 59.436V45.2533L18.064 43.3055L20.686 44.7339L17.8322 46.2777C17.557 46.4364 17.3832 46.725 17.3832 47.0424V57.8633L14.486 59.436ZM19.1215 48.4996L30.1308 54.4872V68.6699L19.1215 62.6823V48.4996ZM42.8785 62.6823L31.8692 68.6699V54.4872L42.8785 48.4996V62.6823ZM49.2523 59.436V45.2533L60.2617 39.2657V53.4484L49.2523 59.436ZM59.3201 37.8085L48.3832 43.7528L44.6168 41.704V39.0493L47.9631 40.8672C48.2238 41.0115 48.5425 41.0115 48.7888 40.8672L56.872 36.4811L59.3201 37.8085ZM56.4664 34.7353L49.2523 38.6597V24.477L60.2617 18.5039V32.6866L56.4664 34.7353Z" fill="url(#paint0_linear_13_693)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_13_693" x1="87.5463" y1="-2.36126e-06" x2="-43.5533" y2="116.118" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
BIN
src/lib/assets/ecossistema-basspago.png
Normal file
BIN
src/lib/assets/ecossistema-basspago.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
src/lib/assets/elementos-digitais.png
Normal file
BIN
src/lib/assets/elementos-digitais.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
3
src/lib/assets/facebook-green.svg
Normal file
3
src/lib/assets/facebook-green.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.6673 11.75H13.7507L14.584 8.41669H11.6673V6.75002C11.6673 5.89169 11.6673 5.08335 13.334 5.08335H14.584V2.28335C14.3123 2.24752 13.2865 2.16669 12.2032 2.16669C9.94065 2.16669 8.33398 3.54752 8.33398 6.08335V8.41669H5.83398V11.75H8.33398V18.8334H11.6673V11.75Z" fill="#41FE95"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 398 B |
1
src/lib/assets/favicon.svg
Normal file
1
src/lib/assets/favicon.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
27
src/lib/assets/fluxo-de-aprovacao.svg
Normal file
27
src/lib/assets/fluxo-de-aprovacao.svg
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="48" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M37.0618 12H20.8105V20.9267H37.0618V12Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.8594 17.6307C27.8594 18.0427 28.1798 18.3631 28.5918 18.3631H29.1412C29.5532 18.3631 29.8736 18.0427 29.8736 17.6307V17.1729C29.8736 16.7609 29.5532 16.4404 29.1412 16.4404H28.5918C28.1798 16.4404 27.8594 16.12 27.8594 15.708V15.2502C27.8594 14.8382 28.1798 14.5178 28.5918 14.5178H29.1412C29.5532 14.5178 29.8736 14.8382 29.8736 15.2502" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M28.9121 14.472V13.3734" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M28.9121 19.5076V18.4089" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.0466 14.472H20.8105V12H23.3283V13.236C23.2826 13.9227 22.7332 14.472 22.0466 14.472Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.2815 20.881H20.7637V18.3632H21.9997C22.6864 18.3632 23.2357 18.9125 23.2357 19.5992V20.881H23.2815Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.0466 14.472H20.8105V12H23.3283V13.236C23.2826 13.9227 22.7332 14.472 22.0466 14.472Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.2815 20.881H20.7637V18.3632H21.9997C22.6864 18.3632 23.2357 18.9125 23.2357 19.5992V20.881H23.2815Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M37.015 14.472H35.779C35.0923 14.472 34.543 13.9227 34.543 13.236V12H37.0608V14.472H37.015Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M37.0139 20.881H34.4961V19.6449C34.4961 18.9583 35.0454 18.4089 35.7321 18.4089H36.9681V20.881H37.0139Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.9774 16.4405H15.5898V25.5503" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.3296 23.765L15.59 25.5504L13.8047 23.765" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M28.3633 31.9135H31.7509V22.7579" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.9648 24.5432L31.7502 22.7579L33.5355 24.5432" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M26.2981 27.2354H10.0469V36.1621H26.2981V27.2354Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.0957 32.866C17.0957 33.278 17.4161 33.5985 17.8282 33.5985H18.3775C18.7895 33.5985 19.1099 33.278 19.1099 32.866V32.4082C19.1099 31.9962 18.7895 31.6758 18.3775 31.6758H17.8282C17.4161 31.6758 17.0957 31.3553 17.0957 30.9433V30.4856C17.0957 30.0736 17.4161 29.7531 17.8282 29.7531H18.3775C18.7895 29.7531 19.1099 30.0736 19.1099 30.4856" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.1484 29.7074V28.6087" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.1484 34.743V33.6443" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.2829 29.7074H10.0469V27.2354H12.5647V28.4714C12.5189 29.158 11.9696 29.7074 11.2829 29.7074Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.5178 36.1163H10V33.5985H11.236C11.9227 33.5985 12.472 34.1478 12.472 34.8345V36.1163H12.5178Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.2829 29.7074H10.0469V27.2354H12.5647V28.4714C12.5189 29.158 11.9696 29.7074 11.2829 29.7074Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.5178 36.1163H10V33.5985H11.236C11.9227 33.5985 12.472 34.1478 12.472 34.8345V36.1163H12.5178Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M26.2513 29.7074H25.0153C24.3286 29.7074 23.7793 29.158 23.7793 28.4714V27.2354H26.2971V29.7074H26.2513Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M26.2502 36.1163H23.7324V34.8803C23.7324 34.1936 24.2818 33.6443 24.9684 33.6443H26.2044V36.1163H26.2502Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
9
src/lib/assets/gestao-de-usuarios.svg
Normal file
9
src/lib/assets/gestao-de-usuarios.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="48" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M27.7548 35.645H35.9033C36.5442 35.645 37.0935 35.0956 37.0935 34.4547V18.2493V14.5412C37.0935 13.9004 36.5442 13.351 35.9033 13.351H12.1902C11.5493 13.351 11 13.9004 11 14.5412V18.2493V34.4547C11 35.0956 11.5493 35.645 12.1902 35.645H29.8965" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11 18.2493H37.0935" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.9824 15.7773H29.9051" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M32.6074 15.7773H34.5301" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M30 35.351V34.351C30 31.0373 27.3137 28.351 24 28.351V28.351C20.6863 28.351 18 31.0373 18 34.351V35.351" stroke="#0000FF" stroke-width="0.92"/>
|
||||
<circle cx="24" cy="24.351" r="3.54" stroke="#0000FF" stroke-width="0.92"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/lib/assets/graphics.png
Normal file
BIN
src/lib/assets/graphics.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
11
src/lib/assets/icon-slim-basspago.svg
Normal file
11
src/lib/assets/icon-slim-basspago.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="384" height="484" viewBox="0 0 384 484" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M119.879 0.530029V220.92H119.938C120.215 233.163 123.239 244.589 129.035 255.15L129.612 256.183C136.098 267.57 144.931 276.71 156.128 283.575C167.338 290.471 179.613 293.905 194.141 293.905C208.665 293.905 221.529 290.45 232.741 283.576H232.742C236.646 281.176 240.249 278.494 243.552 275.549V364.114C228.18 368.872 211.742 371.323 194.141 371.323C164.158 371.323 137.43 364.707 113.898 351.488C90.3821 338.265 71.818 320.192 58.1978 297.242C44.5823 274.3 37.7808 248.234 37.7808 219.055V0.530029H119.879Z" stroke="white" stroke-opacity="0.38"/>
|
||||
<path d="M198.822 66.2229C228.784 66.2229 255.158 72.6513 277.888 85.469C300.636 98.3069 318.417 116.27 331.237 139.391L331.23 139.397C344.05 162.552 350.477 189.093 350.477 219.055C350.477 246.244 343.89 271.244 330.694 294.087L330.06 295.173C316.462 318.313 297.895 336.787 274.353 350.598C272.392 351.745 270.391 352.8 268.378 353.85V217.59H268.346C268.133 204.413 265.013 192.243 258.957 181.066C252.681 169.486 243.939 160.341 232.736 153.661C221.523 146.977 208.261 143.641 194.141 143.641C180.017 143.641 167.343 146.978 156.134 153.661L156.132 153.662C152.013 156.138 148.219 158.959 144.73 162.086V78.177C161.422 70.2553 179.458 66.2229 198.822 66.2229Z" stroke="white" stroke-opacity="0.38"/>
|
||||
<path d="M383.291 404.445C334.274 453.282 266.666 483.47 192 483.47C117.333 483.47 49.7247 453.282 0.708008 404.445L45.1387 360.014C82.7865 397.483 134.675 420.634 192 420.634C249.325 420.634 301.213 397.482 338.86 360.014L383.291 404.445Z" stroke="url(#paint0_linear_500_2206)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_500_2206" x1="384" y1="421.64" x2="0" y2="421.64" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
BIN
src/lib/assets/imagem-contato.png
Normal file
BIN
src/lib/assets/imagem-contato.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 651 KiB |
21
src/lib/assets/infraestrutura.svg
Normal file
21
src/lib/assets/infraestrutura.svg
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.08984 11.7852V22.1538L17.083 27.391L26.0762 22.1538V11.7852L17.083 6.60095L8.08984 11.7852Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M26.0769 11.7852L20.8926 14.8006" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.2741 14.8006L8.08984 11.7852" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.082 27.391V21.3603" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.0832 21.3602C19.5081 21.3602 21.4739 19.3944 21.4739 16.9694C21.4739 14.5444 19.5081 12.5786 17.0832 12.5786C14.6582 12.5786 12.6924 14.5444 12.6924 16.9694C12.6924 19.3944 14.6582 21.3602 17.0832 21.3602Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.082 3.16241V5.01395" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.0828 3.1623C17.7255 3.1623 18.2466 2.64124 18.2466 1.99848C18.2466 1.35572 17.7255 0.834656 17.0828 0.834656C16.44 0.834656 15.9189 1.35572 15.9189 1.99848C15.9189 2.64124 16.44 3.1623 17.0828 3.1623Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.082 30.6709V28.8193" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.0828 32.9985C17.7255 32.9985 18.2466 32.4774 18.2466 31.8347C18.2466 31.1919 17.7255 30.6708 17.0828 30.6708C16.44 30.6708 15.9189 31.1919 15.9189 31.8347C15.9189 32.4774 16.44 32.9985 17.0828 32.9985Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M30.8363 16.9166H27.9268" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M32.0007 18.0805C32.6435 18.0805 33.1646 17.5594 33.1646 16.9166C33.1646 16.2739 32.6435 15.7528 32.0007 15.7528C31.358 15.7528 30.8369 16.2739 30.8369 16.9166C30.8369 17.5594 31.358 18.0805 32.0007 18.0805Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3.3291 16.9166H6.23865" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2.16382 18.0805C2.80658 18.0805 3.32764 17.5594 3.32764 16.9166C3.32764 16.2739 2.80658 15.7528 2.16382 15.7528C1.52106 15.7528 1 16.2739 1 16.9166C1 17.5594 1.52106 18.0805 2.16382 18.0805Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M26.8176 7.1828L25.4951 8.50532" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.6619 7.50013C28.3046 7.50013 28.8257 6.97907 28.8257 6.33631C28.8257 5.69355 28.3046 5.17249 27.6619 5.17249C27.0191 5.17249 26.498 5.69355 26.498 6.33631C26.498 6.97907 27.0191 7.50013 27.6619 7.50013Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.34863 26.6503L8.67116 25.3278" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.50269 28.6606C7.14545 28.6606 7.66651 28.1395 7.66651 27.4968C7.66651 26.854 7.14545 26.3329 6.50269 26.3329C5.85993 26.3329 5.33887 26.854 5.33887 27.4968C5.33887 28.1395 5.85993 28.6606 6.50269 28.6606Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.1784 19.3242C18.4548 19.3242 19.4896 18.2894 19.4896 17.013C19.4896 15.7365 18.4548 14.7018 17.1784 14.7018C15.9019 14.7018 14.8672 15.7365 14.8672 17.013C14.8672 18.2894 15.9019 19.3242 17.1784 19.3242Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.3336 15.8574L16.0225 18.7463" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
3
src/lib/assets/instagram-green.svg
Normal file
3
src/lib/assets/instagram-green.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.24935 2.16669H14.2494C16.916 2.16669 19.0827 4.33335 19.0827 7.00002V14C19.0827 15.2819 18.5735 16.5113 17.667 17.4177C16.7606 18.3241 15.5312 18.8334 14.2494 18.8334H7.24935C4.58268 18.8334 2.41602 16.6667 2.41602 14V7.00002C2.41602 5.71814 2.92524 4.48876 3.83167 3.58234C4.73809 2.67591 5.96747 2.16669 7.24935 2.16669ZM7.08268 3.83335C6.28703 3.83335 5.52397 4.14942 4.96136 4.71203C4.39875 5.27464 4.08268 6.0377 4.08268 6.83335V14.1667C4.08268 15.825 5.42435 17.1667 7.08268 17.1667H14.416C15.2117 17.1667 15.9747 16.8506 16.5373 16.288C17.0999 15.7254 17.416 14.9623 17.416 14.1667V6.83335C17.416 5.17502 16.0743 3.83335 14.416 3.83335H7.08268ZM15.1243 5.08335C15.4006 5.08335 15.6656 5.1931 15.8609 5.38845C16.0563 5.5838 16.166 5.84875 16.166 6.12502C16.166 6.40129 16.0563 6.66624 15.8609 6.86159C15.6656 7.05694 15.4006 7.16669 15.1243 7.16669C14.8481 7.16669 14.5831 7.05694 14.3878 6.86159C14.1924 6.66624 14.0827 6.40129 14.0827 6.12502C14.0827 5.84875 14.1924 5.5838 14.3878 5.38845C14.5831 5.1931 14.8481 5.08335 15.1243 5.08335ZM10.7493 6.33335C11.8544 6.33335 12.9142 6.77234 13.6956 7.55374C14.477 8.33514 14.916 9.39495 14.916 10.5C14.916 11.6051 14.477 12.6649 13.6956 13.4463C12.9142 14.2277 11.8544 14.6667 10.7493 14.6667C9.64428 14.6667 8.58447 14.2277 7.80307 13.4463C7.02167 12.6649 6.58268 11.6051 6.58268 10.5C6.58268 9.39495 7.02167 8.33514 7.80307 7.55374C8.58447 6.77234 9.64428 6.33335 10.7493 6.33335ZM10.7493 8.00002C10.0863 8.00002 9.45042 8.26341 8.98158 8.73225C8.51274 9.20109 8.24935 9.83698 8.24935 10.5C8.24935 11.1631 8.51274 11.7989 8.98158 12.2678C9.45042 12.7366 10.0863 13 10.7493 13C11.4124 13 12.0483 12.7366 12.5171 12.2678C12.986 11.7989 13.2493 11.1631 13.2493 10.5C13.2493 9.83698 12.986 9.20109 12.5171 8.73225C12.0483 8.26341 11.4124 8.00002 10.7493 8.00002Z" fill="#41FE95"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
BIN
src/lib/assets/iphone-mockup.png
Normal file
BIN
src/lib/assets/iphone-mockup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
BIN
src/lib/assets/iphone-pix-mockup.png
Normal file
BIN
src/lib/assets/iphone-pix-mockup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
3
src/lib/assets/linkedin-green.svg
Normal file
3
src/lib/assets/linkedin-green.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.03255 4.66665C6.03233 5.10867 5.85652 5.53251 5.54381 5.84491C5.23109 6.15732 4.80708 6.3327 4.36505 6.33248C3.92302 6.33226 3.49919 6.15645 3.18678 5.84373C2.87438 5.53102 2.699 5.10701 2.69922 4.66498C2.69944 4.22295 2.87525 3.79912 3.18796 3.48671C3.50068 3.17431 3.92469 2.99892 4.36672 2.99915C4.80875 2.99937 5.23258 3.17517 5.54499 3.48789C5.85739 3.80061 6.03277 4.22462 6.03255 4.66665ZM6.08255 7.56665H2.74922V18H6.08255V7.56665ZM11.3492 7.56665H8.03255V18H11.3159V12.525C11.3159 9.47498 15.2909 9.19165 15.2909 12.525V18H18.5826V11.3916C18.5826 6.24998 12.6992 6.44165 11.3159 8.96665L11.3492 7.56665Z" fill="#41FE95"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 749 B |
18
src/lib/assets/logo-basspago-preta.svg
Normal file
18
src/lib/assets/logo-basspago-preta.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<svg width="119" height="27" viewBox="0 0 119 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.2353 15.111C13.0476 15.2831 12.8431 15.4384 12.6179 15.5756C12.0251 15.9393 11.3443 16.1205 10.5768 16.1205C9.82875 16.1205 9.15832 15.9393 8.56684 15.5756C7.97406 15.2119 7.50683 14.7292 7.16385 14.126C6.83252 13.5449 6.66297 12.9133 6.65132 12.2351H6.64873V5.42598V0.5H2.22363V12.1639C2.22363 13.7222 2.58732 15.1149 3.3147 16.3405C4.04208 17.5662 5.03349 18.533 6.29152 19.2384C7.54825 19.9451 8.97712 20.2984 10.5768 20.2984C11.5229 20.2984 12.4082 20.1664 13.2353 19.9075V15.111Z" fill="#333333"/>
|
||||
<path d="M17.9016 7.9089C17.2157 6.67287 16.2657 5.71123 15.0504 5.02656C13.835 4.3406 12.4269 3.99762 10.8272 3.99762C9.78657 3.99762 8.81717 4.21506 7.91895 4.64475V9.19022C8.11567 9.00773 8.33052 8.84595 8.56737 8.70487C9.16015 8.35154 9.82928 8.17551 10.5774 8.17551C11.3462 8.17551 12.0269 8.35283 12.6184 8.70487C13.2112 9.05821 13.6733 9.54097 14.0059 10.1545C14.3295 10.7524 14.4951 11.406 14.5029 12.1127H14.5042V19.3865C14.6245 19.3243 14.7449 19.2622 14.8627 19.1923C16.1194 18.4546 17.1121 17.4684 17.8395 16.231C18.5669 14.995 18.9306 13.6399 18.9306 12.1632C18.9306 10.5634 18.5876 9.14492 17.9016 7.9089Z" fill="#333333"/>
|
||||
<path d="M0.107422 22.08L2.52382 19.6636C4.53511 21.6749 7.3139 22.92 10.3839 22.92C13.4539 22.92 16.2327 21.6762 18.244 19.6636L20.6604 22.08C18.0304 24.7099 14.3974 26.3368 10.3839 26.3368C6.37038 26.3355 2.73608 24.7099 0.107422 22.08Z" fill="url(#paint0_linear_500_4015)"/>
|
||||
<path d="M35.2936 7.94573C34.5662 6.73041 33.5696 5.76489 32.3025 5.04916C31.0354 4.33213 29.6027 3.97491 28.0043 3.97491C26.4253 3.97491 25.008 4.34378 23.7526 5.08022C22.4959 5.81795 21.4993 6.80418 20.7616 8.03892C20.0238 9.27494 19.6562 10.63 19.6562 12.1042C19.6562 13.5991 19.9837 14.9658 20.6373 16.2006C21.2909 17.4366 22.1891 18.4228 23.332 19.1593C24.4735 19.8957 25.7924 20.2646 27.2885 20.2646C28.5763 20.2646 29.6765 19.9889 30.5902 19.4388C31.2115 19.0648 31.7395 18.5911 32.1796 18.0255V19.8595H36.3847V12.1029C36.3834 10.5459 36.0197 9.15975 35.2936 7.94573ZM31.4457 14.1284C31.1028 14.7316 30.6355 15.2143 30.044 15.5767C29.4526 15.9404 28.7718 16.1216 28.0043 16.1216C27.2562 16.1216 26.587 15.9404 25.9956 15.5767C25.4041 15.2143 24.9369 14.7303 24.5939 14.1284C24.2509 13.5266 24.0801 12.8626 24.0801 12.1353C24.0801 11.4092 24.2509 10.7439 24.5939 10.1421C24.9369 9.54027 25.4041 9.0575 25.9956 8.69381C26.587 8.33013 27.2575 8.14893 28.0043 8.14893C28.7718 8.14893 29.4526 8.33142 30.044 8.69381C30.6355 9.0575 31.1028 9.54027 31.4457 10.1421C31.7887 10.7452 31.9596 11.4092 31.9596 12.1353C31.9596 12.8626 31.7887 13.5266 31.4457 14.1284Z" fill="#333333"/>
|
||||
<path d="M43.8568 20.2975C42.2364 20.2975 40.871 20.0011 39.7605 19.4096C38.6487 18.8181 37.7712 17.951 37.1279 16.8081L40.3985 14.9703C40.7519 15.5928 41.188 16.0445 41.707 16.3254C42.226 16.6062 42.8693 16.746 43.6381 16.746C44.1157 16.746 44.526 16.6891 44.8689 16.5752C45.2119 16.4613 45.4811 16.2943 45.6792 16.0769C45.8759 15.8581 45.9755 15.5941 45.9755 15.2822C45.9755 14.8667 45.7672 14.5613 45.353 14.3633C44.9375 14.1665 44.4134 14.0047 43.7805 13.8805C43.1463 13.7562 42.4668 13.6113 41.7407 13.4443C41.0133 13.2787 40.3287 13.0392 39.6841 12.7273C39.0396 12.4154 38.5154 11.9637 38.1116 11.3722C37.7065 10.7807 37.5046 9.98605 37.5046 8.98946C37.5046 8.055 37.7582 7.21373 38.2682 6.46694C38.7768 5.71885 39.499 5.12737 40.4335 4.6912C41.368 4.25503 42.4681 4.0376 43.7352 4.0376C44.856 4.0376 45.8228 4.19291 46.6317 4.50483C47.4419 4.81674 48.1214 5.22185 48.6728 5.72015C49.2229 6.21844 49.6538 6.7685 49.9658 7.37163L46.6952 9.20949C46.4661 8.64907 46.0881 8.23361 45.5575 7.96311C45.0281 7.6939 44.4522 7.558 43.8284 7.558C43.475 7.558 43.1527 7.61495 42.8628 7.72885C42.5716 7.84274 42.3438 7.99935 42.1769 8.19608C42.0099 8.3941 41.9271 8.62707 41.9271 8.89757C41.9271 9.31303 42.129 9.63013 42.5341 9.84756C42.9392 10.0663 43.4634 10.2371 44.1066 10.3614C44.7499 10.4856 45.4358 10.6319 46.1632 10.7976C46.8893 10.9645 47.5701 11.2078 48.2043 11.5301C48.8372 11.8524 49.3613 12.3041 49.7768 12.8852C50.1923 13.4663 50.3993 14.2351 50.3993 15.1903C50.3993 16.2296 50.0978 17.1265 49.4959 17.885C48.8928 18.6434 48.0943 19.2349 47.0977 19.6607C46.0998 20.0839 45.0204 20.2975 43.8568 20.2975Z" fill="#333333"/>
|
||||
<path d="M57.2201 20.2975C55.5997 20.2975 54.2342 20.0011 53.1238 19.4096C52.012 18.8181 51.1345 17.951 50.4912 16.8081L53.7618 14.9703C54.1152 15.5928 54.5513 16.0445 55.0703 16.3254C55.5893 16.6062 56.2326 16.746 57.0014 16.746C57.479 16.746 57.8892 16.6891 58.2322 16.5752C58.5752 16.4613 58.8444 16.2943 59.0424 16.0769C59.2392 15.8581 59.3388 15.5941 59.3388 15.2822C59.3388 14.8667 59.1304 14.5613 58.7163 14.3633C58.3008 14.1665 57.7766 14.0047 57.1437 13.8805C56.5096 13.7562 55.8301 13.6113 55.104 13.4443C54.3766 13.2787 53.6919 13.0392 53.0474 12.7273C52.4028 12.4154 51.8787 11.9637 51.4749 11.3722C51.0698 10.7807 50.8678 9.98605 50.8678 8.98946C50.8678 8.055 51.1215 7.21373 51.6315 6.46694C52.1401 5.71885 52.8623 5.12737 53.7968 4.6912C54.7312 4.25503 55.8314 4.0376 57.0984 4.0376C58.2193 4.0376 59.1861 4.19291 59.995 4.50483C60.8039 4.81674 61.4847 5.22185 62.0361 5.72015C62.5861 6.21844 63.0171 6.7685 63.3291 7.37163L60.0584 9.20949C59.8293 8.64907 59.4514 8.23361 58.9208 7.96311C58.3914 7.6939 57.8155 7.558 57.1916 7.558C56.8383 7.558 56.516 7.61495 56.2261 7.72885C55.9349 7.84274 55.7071 7.99935 55.5401 8.19608C55.3732 8.3941 55.2904 8.62707 55.2904 8.89757C55.2904 9.31303 55.4923 9.63013 55.8974 9.84756C56.3025 10.0663 56.8266 10.2371 57.4699 10.3614C58.1131 10.4856 58.7991 10.6319 59.5265 10.7976C60.2526 10.9645 60.9334 11.2078 61.5676 11.5301C62.2005 11.8524 62.7246 12.3041 63.1401 12.8852C63.5555 13.4663 63.7626 14.2351 63.7626 15.1903C63.7626 16.2296 63.4611 17.1265 62.8592 17.885C62.2561 18.6434 61.4575 19.2349 60.461 19.6607C59.4631 20.0839 58.3824 20.2975 57.2201 20.2975Z" fill="#333333"/>
|
||||
<path d="M67.9437 22.5307H66.8721V11.2576C66.8721 10.1057 67.1478 9.07032 67.7004 8.15398C68.2518 7.23764 68.9908 6.50638 69.9162 5.96279C70.8416 5.4192 71.8718 5.1474 73.0082 5.1474C74.1925 5.1474 75.2395 5.4192 76.1494 5.96279C77.058 6.50638 77.7802 7.24541 78.316 8.17857C78.8518 9.11174 79.1197 10.1381 79.1197 11.2589C79.1197 12.3785 78.8518 13.4061 78.316 14.3393C77.7802 15.2725 77.0541 16.0154 76.1364 16.5667C75.2188 17.1181 74.1847 17.3951 73.0328 17.3951C71.9611 17.3951 70.9878 17.131 70.1116 16.6043C69.2354 16.0775 68.5417 15.3786 68.0304 14.5101C67.5192 13.6417 67.2629 12.6878 67.2629 11.6498L67.945 12.6969V22.5307H67.9437ZM73.0082 16.3713C73.9491 16.3713 74.8021 16.1396 75.5644 15.6776C76.3267 15.2155 76.9363 14.5981 77.3906 13.8268C77.8449 13.0567 78.0727 12.1999 78.0727 11.2576C78.0727 10.3322 77.8449 9.48449 77.3906 8.71311C76.9363 7.94302 76.3267 7.32565 75.5644 6.8623C74.8008 6.40025 73.9491 6.16858 73.0082 6.16858C72.0673 6.16858 71.2143 6.40025 70.452 6.8623C69.6884 7.32436 69.0801 7.94172 68.6258 8.71311C68.1715 9.48449 67.9437 10.3322 67.9437 11.2576C67.9437 12.1986 68.1702 13.0554 68.6258 13.8268C69.0801 14.5981 69.6884 15.2142 70.452 15.6776C71.2143 16.1396 72.066 16.3713 73.0082 16.3713Z" fill="#333333"/>
|
||||
<path d="M85.9246 17.3687C84.7883 17.3687 83.7697 17.093 82.8688 16.5404C81.968 15.989 81.2497 15.2461 80.7139 14.3129C80.1781 13.3798 79.9102 12.3612 79.9102 11.2572C79.9102 10.1376 80.1781 9.11515 80.7139 8.18975C81.2497 7.26434 81.9797 6.52661 82.9051 5.97396C83.8305 5.4226 84.8685 5.14563 86.0217 5.14563C87.1581 5.14563 88.1883 5.41742 89.1137 5.96102C90.0391 6.50461 90.7768 7.23587 91.3295 8.15221C91.8808 9.06985 92.1578 10.104 92.1578 11.2559V17.1474H91.1599V12.5708L91.6958 11.4992C91.6958 12.5864 91.4434 13.5765 90.9412 14.4695C90.4377 15.3626 89.7518 16.068 88.8846 16.5882C88.0136 17.1085 87.0286 17.3687 85.9246 17.3687ZM86.0217 16.3708C86.9626 16.3708 87.8194 16.1391 88.5895 15.6771C89.3609 15.215 89.9731 14.5977 90.4274 13.8263C90.8817 13.0562 91.1095 12.1994 91.1095 11.2572C91.1095 10.3318 90.8817 9.48013 90.4274 8.70098C89.9731 7.92183 89.3596 7.30576 88.5895 6.85018C87.8181 6.39589 86.9626 6.1681 86.0217 6.1681C85.0808 6.1681 84.2278 6.39589 83.4655 6.85018C82.7019 7.30447 82.0936 7.92183 81.6393 8.70098C81.185 9.48013 80.9572 10.3318 80.9572 11.2572C80.9572 12.1981 81.1837 13.0549 81.6393 13.8263C82.0936 14.5977 82.7019 15.2137 83.4655 15.6771C84.2278 16.1391 85.0808 16.3708 86.0217 16.3708Z" fill="#333333"/>
|
||||
<path d="M99.1381 22.7981C98.0018 22.7981 96.9431 22.5509 95.9607 22.0552C94.9784 21.5595 94.2199 20.8412 93.6841 19.9003L94.5603 19.389C95.0146 20.1682 95.6475 20.7649 96.459 21.179C97.2705 21.5932 98.1545 21.8003 99.1123 21.8003C100.135 21.8003 101.039 21.5608 101.826 21.0819C102.613 20.6031 103.231 19.9417 103.677 19.0978C104.124 18.254 104.339 17.2716 104.322 16.1521V12.7443L104.808 11.7943C104.808 12.7676 104.565 13.6813 104.078 14.533C103.592 15.3846 102.925 16.0705 102.081 16.5895C101.237 17.1098 100.263 17.3687 99.1602 17.3687C98.0406 17.3687 97.022 17.093 96.1044 16.5404C95.1867 15.989 94.4607 15.25 93.9248 14.3246C93.389 13.3992 93.1211 12.3689 93.1211 11.2326C93.1211 10.1286 93.389 9.11385 93.9248 8.18975C94.4607 7.26564 95.1906 6.52661 96.116 5.97396C97.0414 5.4226 98.0794 5.14563 99.2326 5.14563C100.369 5.14563 101.399 5.41742 102.325 5.96102C103.25 6.50461 103.988 7.23587 104.54 8.15221C105.092 9.06985 105.369 10.104 105.369 11.2559V16.222C105.369 17.5525 105.105 18.7096 104.578 19.6906C104.05 20.673 103.316 21.4353 102.375 21.9789C101.435 22.5263 100.356 22.7981 99.1381 22.7981ZM99.2365 16.3462C100.177 16.3462 101.029 16.1145 101.793 15.6525C102.555 15.1904 103.165 14.5692 103.619 13.79C104.073 13.0109 104.301 12.1593 104.301 11.2339C104.301 10.3085 104.073 9.46072 103.619 8.68933C103.165 7.91924 102.555 7.30576 101.793 6.85147C101.029 6.39719 100.177 6.16939 99.2365 6.16939C98.3111 6.16939 97.4672 6.39719 96.7049 6.85147C95.9413 7.30576 95.333 7.91924 94.8787 8.68933C94.4244 9.46072 94.1966 10.3085 94.1966 11.2339C94.1966 12.1593 94.4231 13.0109 94.8787 13.79C95.333 14.5692 95.9413 15.1904 96.7049 15.6525C97.4672 16.1145 98.3111 16.3462 99.2365 16.3462Z" fill="#333333"/>
|
||||
<path d="M112.413 17.3686C111.277 17.3686 110.243 17.0929 109.309 16.5402C108.376 15.9889 107.637 15.246 107.094 14.3128C106.55 13.3796 106.278 12.361 106.278 11.257C106.278 10.1051 106.55 9.06971 107.094 8.15337C107.637 7.23703 108.375 6.50577 109.309 5.96218C110.243 5.41859 111.277 5.14679 112.413 5.14679C113.597 5.14679 114.641 5.42247 115.541 5.97512C116.442 6.52648 117.164 7.26551 117.708 8.19091C118.252 9.11631 118.523 10.1388 118.523 11.2583C118.523 12.3623 118.252 13.3809 117.708 14.3141C117.164 15.2473 116.433 15.9902 115.517 16.5415C114.599 17.0929 113.565 17.3686 112.413 17.3686ZM112.413 16.3707C113.354 16.3707 114.206 16.139 114.969 15.6769C115.732 15.2149 116.341 14.5975 116.796 13.8261C117.25 13.0561 117.478 12.1993 117.478 11.257C117.478 10.3316 117.25 9.48 116.796 8.70085C116.341 7.9217 115.733 7.30563 114.969 6.85005C114.206 6.39576 113.354 6.16797 112.413 6.16797C111.472 6.16797 110.619 6.39576 109.857 6.85005C109.093 7.30433 108.481 7.9217 108.019 8.70085C107.557 9.48 107.325 10.3316 107.325 11.257C107.325 12.198 107.557 13.0548 108.019 13.8261C108.481 14.5975 109.095 15.2136 109.857 15.6769C110.619 16.139 111.471 16.3707 112.413 16.3707Z" fill="#333333"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_500_4015" x1="20.6587" y1="22.9998" x2="0.106852" y2="22.9998" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
BIN
src/lib/assets/mini-phone.png
Normal file
BIN
src/lib/assets/mini-phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/lib/assets/mockup-iphone-fundo-verde.png
Normal file
BIN
src/lib/assets/mockup-iphone-fundo-verde.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
BIN
src/lib/assets/onboarding.png
Normal file
BIN
src/lib/assets/onboarding.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
18
src/lib/assets/pagamentos-azul.svg
Normal file
18
src/lib/assets/pagamentos-azul.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="48" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M30.5055 10.529H16.7904C15.9839 10.529 15.3301 11.1828 15.3301 11.9893V35.3133C15.3301 36.1198 15.9839 36.7736 16.7904 36.7736H30.5055C31.312 36.7736 31.9659 36.1198 31.9659 35.3133V11.9893C31.9659 11.1828 31.312 10.529 30.5055 10.529Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.3301 33.4089H31.9659" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.1719 10.529H26.1296V11.5636C26.1296 12.2777 25.5483 12.8545 24.8387 12.8545H22.4674C21.7533 12.8545 21.1765 12.2731 21.1765 11.5636V10.529H21.1719Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M30.0118 26.881V29.0783H27.8145" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.2852 26.881V29.0783H19.4825" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.2852 23.4797V21.2869H19.4825" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M30.0118 23.4797V21.2869H27.8145" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.4824 23.1272V27.4258" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.6484 23.1272V27.4258" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.8145 23.1272V27.4258" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25.7305 23.1272V27.4258" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.5645 23.1272V27.4258" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.5645 19.0759C22.5645 19.6756 23.0497 20.1608 23.6494 20.1608C24.2491 20.1608 24.7343 19.6756 24.7343 19.0759C24.7343 18.4762 24.2491 17.9909 23.6494 17.9909C23.0497 17.9909 22.5645 17.5057 22.5645 16.906C22.5645 16.3063 23.0497 15.821 23.6494 15.821C24.2491 15.821 24.7343 16.3063 24.7343 16.906" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.6484 14.8825V15.821" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.6484 20.1607V21.1037" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
4
src/lib/assets/pagamentos-cinza.svg
Normal file
4
src/lib/assets/pagamentos-cinza.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18.3034 11.7393L15.3637 9.07642C15.2515 8.97484 15.0753 8.93856 14.9311 8.9966C14.7789 9.05465 14.6828 9.18526 14.6828 9.33038V10.738H13.6174V8.15492H17.2221C17.4464 8.15492 17.6226 7.99529 17.6226 7.79213V6.02171C17.6226 5.81855 17.4464 5.65892 17.2221 5.65892H13.6174V1.58112C13.6174 0.986141 13.0808 0.5 12.4239 0.5H1.19353C0.536686 0.5 0 0.986141 0 1.58112V17.5585C0 18.1535 0.536686 18.6396 1.19353 18.6396H12.4239C13.0808 18.6396 13.6174 18.1535 13.6174 17.5585V13.234H14.6828V14.6417C14.6828 14.7868 14.7789 14.9174 14.9311 14.9754C14.9792 14.9972 15.0353 15.0045 15.0833 15.0045C15.1875 15.0045 15.2916 14.9682 15.3637 14.8956L18.3034 12.2327C18.3755 12.1674 18.4236 12.0731 18.4236 11.9788C18.4236 11.8844 18.3835 11.7901 18.3034 11.7248V11.7393ZM16.8135 7.44385H11.3425C11.1182 7.44385 10.942 7.60348 10.942 7.80665V8.70638L8.97149 6.92143L10.942 5.1365V6.03621C10.942 6.23938 11.1182 6.39901 11.3425 6.39901H16.8135V7.44385ZM1.18552 1.23284H12.4159C12.6322 1.23284 12.8084 1.39248 12.8084 1.58838V1.95843H0.793014V1.58838C0.793014 1.39248 0.969238 1.23284 1.18552 1.23284ZM12.4239 17.9213H1.19353C0.97725 17.9213 0.801026 17.7617 0.801026 17.5658V16.4701H12.8164V17.5658C12.8164 17.7617 12.6402 17.9213 12.4239 17.9213ZM12.8084 15.7446H0.793014V2.68401H12.8084V5.66617H11.743V4.25853C11.743 4.11342 11.6469 3.98282 11.4947 3.92477C11.3425 3.86672 11.1743 3.89575 11.0622 4.00458L8.12241 6.66748C8.05031 6.73278 8.00225 6.8271 8.00225 6.92143C8.00225 7.01576 8.0423 7.11009 8.12241 7.17539L11.0622 9.83829C11.1423 9.91085 11.2384 9.94712 11.3425 9.94712C11.3906 9.94712 11.4467 9.93987 11.4947 9.9181C11.6469 9.86005 11.743 9.72944 11.743 9.58433V8.1767H12.8084V10.7598H9.20379C8.9795 10.7598 8.80328 10.9194 8.80328 11.1226V12.893C8.80328 13.0962 8.9795 13.2558 9.20379 13.2558H12.8084V15.7518V15.7446ZM15.4838 13.7782V12.8785C15.4838 12.6753 15.3076 12.5157 15.0833 12.5157H9.61231V11.4709H15.0833C15.3076 11.4709 15.4838 11.3112 15.4838 11.1081V10.2083L17.4544 11.9933L15.4838 13.7782Z" fill="white" fill-opacity="0.43"/>
|
||||
<path d="M4.77409 6.33365C5.46298 6.33365 6.0317 6.84156 6.0317 7.47282C6.0317 7.67598 6.20793 7.83561 6.43222 7.83561C6.6565 7.83561 6.83273 7.67598 6.83273 7.47282C6.83273 6.57309 6.11982 5.81848 5.17461 5.64434V5.2235C5.17461 5.02034 4.99838 4.86071 4.77409 4.86071C4.54981 4.86071 4.37358 5.02034 4.37358 5.2235V5.64434C3.42837 5.81123 2.71546 6.56584 2.71546 7.47282C2.71546 8.50315 3.63664 9.33757 4.77409 9.33757C5.46298 9.33757 6.0317 9.84548 6.0317 10.4767C6.0317 11.108 5.47099 11.6159 4.77409 11.6159C4.0772 11.6159 3.51648 11.108 3.51648 10.4767C3.51648 10.2736 3.34026 10.114 3.11597 10.114C2.89168 10.114 2.71546 10.2736 2.71546 10.4767C2.71546 11.3765 3.42837 12.1311 4.37358 12.3052V12.7261C4.37358 12.9292 4.54981 13.0888 4.77409 13.0888C4.99838 13.0888 5.17461 12.9292 5.17461 12.7261V12.3052C6.11982 12.1383 6.83273 11.3837 6.83273 10.4767C6.83273 9.44641 5.91155 8.61198 4.77409 8.61198C4.08521 8.61198 3.51648 8.10408 3.51648 7.47282C3.51648 6.84156 4.0772 6.33365 4.77409 6.33365Z" fill="white" fill-opacity="0.43"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
14
src/lib/assets/pagamentos.svg
Normal file
14
src/lib/assets/pagamentos.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.7915 14.2508L18.4314 10.8744C18.3032 10.7456 18.1018 10.6996 17.937 10.7732C17.7631 10.8468 17.6532 11.0124 17.6532 11.1964V12.9812H16.4355V9.70598H20.5555C20.8118 9.70598 21.0133 9.50358 21.0133 9.24598V7.00119C21.0133 6.7436 20.8118 6.5412 20.5555 6.5412H16.4355V1.3708C16.4355 0.616397 15.8221 0 15.0713 0H2.23538C1.48463 0 0.871216 0.616397 0.871216 1.3708V21.6292C0.871216 22.3836 1.48463 23 2.23538 23H15.0713C15.8221 23 16.4355 22.3836 16.4355 21.6292V16.146H17.6532V17.9308C17.6532 18.1148 17.7631 18.2804 17.937 18.354C17.992 18.3816 18.056 18.3908 18.111 18.3908C18.23 18.3908 18.349 18.3448 18.4314 18.2528L21.7915 14.8764C21.8739 14.7936 21.9288 14.674 21.9288 14.5544C21.9288 14.4348 21.883 14.3152 21.7915 14.2324V14.2508ZM20.0886 8.80438H13.8354C13.579 8.80438 13.3776 9.00678 13.3776 9.26438V10.4052L11.1253 8.14198L13.3776 5.8788V7.01958C13.3776 7.27718 13.579 7.47958 13.8354 7.47958H20.0886V8.80438ZM2.22622 0.9292H15.0622C15.3094 0.9292 15.5108 1.1316 15.5108 1.38V1.8492H1.77761V1.38C1.77761 1.1316 1.97902 0.9292 2.22622 0.9292ZM15.0713 22.0892H2.23538C1.98818 22.0892 1.78676 21.8868 1.78676 21.6384V20.2492H15.52V21.6384C15.52 21.8868 15.3185 22.0892 15.0713 22.0892ZM15.5108 19.3292H1.77761V2.7692H15.5108V6.55039H14.2931V4.76559C14.2931 4.58159 14.1833 4.416 14.0093 4.3424C13.8354 4.2688 13.6431 4.3056 13.5149 4.4436L10.1549 7.81999C10.0725 7.90279 10.0175 8.02238 10.0175 8.14198C10.0175 8.26158 10.0633 8.38119 10.1549 8.46399L13.5149 11.8404C13.6065 11.9324 13.7163 11.9784 13.8354 11.9784C13.8903 11.9784 13.9544 11.9692 14.0093 11.9416C14.1833 11.868 14.2931 11.7024 14.2931 11.5184V9.73359H15.5108V13.0088H11.3909C11.1345 13.0088 10.9331 13.2112 10.9331 13.4688V15.7136C10.9331 15.9712 11.1345 16.1736 11.3909 16.1736H15.5108V19.3384V19.3292ZM18.5687 16.836V15.6952C18.5687 15.4376 18.3673 15.2352 18.111 15.2352H11.8578V13.9104H18.111C18.3673 13.9104 18.5687 13.708 18.5687 13.4504V12.3096L20.821 14.5728L18.5687 16.836Z" fill="url(#paint0_linear_155_222)"/>
|
||||
<path d="M6.32785 7.39671C7.11522 7.39671 7.76526 8.04071 7.76526 8.84111C7.76526 9.09871 7.96668 9.30111 8.22303 9.30111C8.47939 9.30111 8.68081 9.09871 8.68081 8.84111C8.68081 7.70032 7.86597 6.74351 6.78562 6.52271V5.98911C6.78562 5.73151 6.5842 5.52911 6.32785 5.52911C6.0715 5.52911 5.87008 5.73151 5.87008 5.98911V6.52271C4.78973 6.73431 3.9749 7.69112 3.9749 8.84111C3.9749 10.1475 5.02777 11.2055 6.32785 11.2055C7.11522 11.2055 7.76526 11.8495 7.76526 12.6499C7.76526 13.4503 7.12438 14.0943 6.32785 14.0943C5.53133 14.0943 4.89044 13.4503 4.89044 12.6499C4.89044 12.3923 4.68902 12.1899 4.43267 12.1899C4.17632 12.1899 3.9749 12.3923 3.9749 12.6499C3.9749 13.7907 4.78973 14.7475 5.87008 14.9683V15.5019C5.87008 15.7595 6.0715 15.9619 6.32785 15.9619C6.5842 15.9619 6.78562 15.7595 6.78562 15.5019V14.9683C7.86597 14.7567 8.68081 13.7999 8.68081 12.6499C8.68081 11.3435 7.62793 10.2855 6.32785 10.2855C5.54048 10.2855 4.89044 9.64151 4.89044 8.84111C4.89044 8.04071 5.53133 7.39671 6.32785 7.39671Z" fill="url(#paint1_linear_155_222)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_155_222" x1="19.5359" y1="-6.0238" x2="-17.9881" y2="31.11" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_155_222" x1="19.5359" y1="-6.0238" x2="-17.9881" y2="31.11" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
8
src/lib/assets/payment-schedule-mockup.svg
Normal file
8
src/lib/assets/payment-schedule-mockup.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="183" height="202" viewBox="0 0 183 202" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="78.6133" width="52" height="146" rx="5" fill="white" fill-opacity="0.74"/>
|
||||
<rect x="1" y="79.6133" width="50" height="144" rx="4" stroke="#41FE95" stroke-opacity="0.65" stroke-width="2"/>
|
||||
<rect x="65" y="40.6133" width="53" height="184" rx="5" fill="white" fill-opacity="0.74"/>
|
||||
<rect x="66" y="41.6133" width="51" height="182" rx="4" stroke="#41FE95" stroke-opacity="0.65" stroke-width="2"/>
|
||||
<rect x="131" y="0.613281" width="52" height="224" rx="5" fill="white" fill-opacity="0.74"/>
|
||||
<rect x="132" y="1.61328" width="50" height="222" rx="4" stroke="#41FE95" stroke-opacity="0.65" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 725 B |
BIN
src/lib/assets/phone-card.png
Normal file
BIN
src/lib/assets/phone-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
src/lib/assets/phone-qrcode.png
Normal file
BIN
src/lib/assets/phone-qrcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
3
src/lib/assets/pix-cinza.svg
Normal file
3
src/lib/assets/pix-cinza.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0756 4.62164C14.3577 4.88487 14.617 5.12695 14.8162 5.34643C15.0311 5.58195 15.2428 5.86123 15.367 6.21706C15.5443 6.72578 15.5443 7.27387 15.367 7.78259C15.2428 8.13915 15.0311 8.41842 14.8162 8.65394C14.617 8.87269 14.3577 9.11551 14.0756 9.37874L10.5484 12.6709C10.299 12.9105 10.04 13.1411 9.77183 13.3622C9.5195 13.5627 9.2195 13.7603 8.83826 13.8763C8.29313 14.0412 7.70608 14.0412 7.16096 13.8763C6.77972 13.7603 6.48129 13.5627 6.22739 13.3622C5.99302 13.1762 5.73365 12.9342 5.45162 12.6709L1.92436 9.37874C1.6677 9.14602 1.42065 8.90425 1.18376 8.65394C0.968917 8.41842 0.757203 8.13915 0.632987 7.78259C0.455671 7.27387 0.455671 6.72578 0.632987 6.21706C0.757203 5.86123 0.968917 5.58268 1.18376 5.34643C1.38219 5.12768 1.64156 4.88487 1.92436 4.62164L5.45162 1.32944C5.73365 1.06621 5.99302 0.824127 6.22739 0.638189C6.48051 0.437667 6.77972 0.240063 7.16096 0.124125C7.706 -0.0413749 8.29322 -0.0413749 8.83826 0.124125C9.22028 0.240063 9.5195 0.437667 9.77183 0.638189C10.0062 0.824127 10.2656 1.06548 10.5484 1.32944L14.0756 4.62164ZM12.2452 4.44883L13.2241 5.36247C13.8389 5.9356 14.1459 6.22289 14.2608 6.55321C14.3623 6.84342 14.3623 7.15696 14.2608 7.44717C14.1459 7.77821 13.8389 8.06477 13.2241 8.6379L12.2452 9.55155H11.0632C10.9743 9.55051 10.8866 9.53176 10.806 9.49655C10.7254 9.46134 10.6538 9.41049 10.596 9.34738L9.07576 7.78696C8.93956 7.64696 8.77349 7.5351 8.58823 7.45855C8.40297 7.382 8.2026 7.34245 8 7.34245C7.7974 7.34245 7.59703 7.382 7.41177 7.45855C7.22651 7.5351 7.06045 7.64696 6.92424 7.78696L5.40319 9.34738C5.34546 9.41039 5.274 9.4612 5.19357 9.4964C5.11315 9.53161 5.02561 9.55041 4.93679 9.55155H3.75401L2.77512 8.6379C2.16108 8.06477 1.85405 7.77748 1.73921 7.44717C1.63894 7.15653 1.63894 6.84385 1.73921 6.55321C1.85405 6.22216 2.16108 5.9356 2.77512 5.36247L3.75401 4.44883H4.93757C5.10085 4.44883 5.27038 4.51445 5.40397 4.65299L6.92503 6.21341C7.06123 6.35341 7.22729 6.46528 7.41255 6.54183C7.59781 6.61838 7.79818 6.65792 8.00078 6.65792C8.20339 6.65792 8.40375 6.61838 8.58901 6.54183C8.77427 6.46528 8.94034 6.35341 9.07654 6.21341L10.5968 4.65299C10.6546 4.58989 10.7262 4.53903 10.8068 4.50382C10.8873 4.46861 10.975 4.44986 11.064 4.44883H12.2452ZM11.082 3.36309H11.0632C10.5538 3.36309 10.0773 3.57164 9.73512 3.92237L8.21562 5.48352C8.18851 5.51162 8.15538 5.5341 8.11837 5.54948C8.08136 5.56486 8.0413 5.57281 8.00078 5.57281C7.96027 5.57281 7.9202 5.56486 7.88319 5.54948C7.84618 5.5341 7.81305 5.51162 7.78594 5.48352L6.2641 3.92309C6.09692 3.74835 5.89236 3.60823 5.66362 3.51178C5.43487 3.41533 5.18701 3.36468 4.93601 3.36309H4.91726L6.24535 2.12351C6.8594 1.55038 7.16721 1.26382 7.52032 1.15663C7.83282 1.06184 8.16796 1.06184 8.4789 1.15663C8.83357 1.26382 9.1406 1.55038 9.75465 2.12424L11.082 3.36309ZM11.0632 10.6373H11.082L9.75387 11.8769C9.1406 12.45 8.83357 12.7366 8.4789 12.8437C8.16796 12.9385 7.83204 12.9385 7.52032 12.8437C7.16643 12.7366 6.8594 12.45 6.24535 11.8761L4.91726 10.6366H4.93679C5.44616 10.6366 5.92192 10.4287 6.2641 10.078L7.78516 8.51686C7.81227 8.48875 7.8454 8.46628 7.88241 8.4509C7.91942 8.43551 7.95949 8.42756 8 8.42756C8.04052 8.42756 8.08058 8.43551 8.11759 8.4509C8.1546 8.46628 8.18773 8.48875 8.21484 8.51686L9.7359 10.0773C9.90308 10.252 10.1076 10.3921 10.3364 10.4886C10.5651 10.585 10.813 10.6357 11.064 10.6373" fill="white" fill-opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
15
src/lib/assets/pix-e-ted-azul.svg
Normal file
15
src/lib/assets/pix-e-ted-azul.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="49" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M25.1308 30.3998H11.4844V28.0605H14.0663H16.7718H24.7097H25.9915" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16.7699 17.2935H14.0645V28.0605H16.7699V17.2935Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25.9908 28.0605H24.709V17.2935H27.4099V26.4354" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.7728 10.2253L11.4844 17.2935H30.0657L20.7728 10.2253Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.5039 23.9451V24.2793C19.5039 24.7966 19.9205 25.2131 20.4378 25.2131H21.1016C21.6189 25.2131 22.0354 24.7966 22.0354 24.2793V23.6155C22.0354 23.0982 21.6189 22.6816 21.1016 22.6816H20.4378C19.9205 22.6816 19.5039 22.265 19.5039 21.7477V21.084C19.5039 20.5667 19.9205 20.1501 20.4378 20.1501H21.1016C21.6189 20.1501 22.0354 20.5667 22.0354 21.084V21.4181" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.7715 20.1409V19.1979" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.7715 26.1562V25.2131" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.4323 37.7747C34.9566 37.7747 37.8137 34.9176 37.8137 31.3932C37.8137 27.8688 34.9566 25.0117 31.4323 25.0117C27.9079 25.0117 25.0508 27.8688 25.0508 31.3932C25.0508 34.9176 27.9079 37.7747 31.4323 37.7747Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M28.252 29.2325H35.0363" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M33.4121 27.6074L35.0372 29.2325L33.4121 30.8576" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M35.0363 33.5356H28.252" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.8771 35.1608L28.252 33.5356L29.8771 31.9105" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/lib/assets/pix-shape.png
Normal file
BIN
src/lib/assets/pix-shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
9
src/lib/assets/pix.svg
Normal file
9
src/lib/assets/pix.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9109 6.93246C20.3246 7.3273 20.705 7.69043 20.9972 8.01965C21.3123 8.37293 21.6228 8.79184 21.805 9.32559C22.065 10.0887 22.065 10.9108 21.805 11.6739C21.6228 12.2087 21.3123 12.6276 20.9972 12.9809C20.705 13.309 20.3246 13.6733 19.9109 14.0681L14.7376 19.0064C14.3719 19.3657 13.992 19.7116 13.5987 20.0433C13.2286 20.3441 12.7886 20.6405 12.2295 20.8144C11.4299 21.0619 10.5689 21.0619 9.7694 20.8144C9.21025 20.6405 8.77255 20.3441 8.40017 20.0433C8.05643 19.7644 7.67602 19.4012 7.26238 19.0064L2.08907 14.0681C1.71263 13.719 1.35029 13.3564 1.00284 12.9809C0.687745 12.6276 0.377231 12.2087 0.195048 11.6739C-0.065016 10.9108 -0.065016 10.0887 0.195048 9.32559C0.377231 8.79184 0.687745 8.37403 1.00284 8.01965C1.29388 7.69152 1.67428 7.3273 2.08907 6.93246L7.26238 1.99416C7.67602 1.59932 8.05643 1.23619 8.40017 0.957283C8.77141 0.656501 9.21025 0.360094 9.7694 0.186187C10.5688 -0.0620624 11.4301 -0.0620624 12.2295 0.186187C12.7897 0.360094 13.2286 0.656501 13.5987 0.957283C13.9424 1.23619 14.3228 1.59822 14.7376 1.99416L19.9109 6.93246ZM17.2263 6.67324L18.662 8.04371C19.5638 8.9034 20.0141 9.33434 20.1825 9.82981C20.3314 10.2651 20.3314 10.7354 20.1825 11.1708C20.0141 11.6673 19.5638 12.0972 18.662 12.9569L17.2263 14.3273H15.4927C15.3622 14.3258 15.2336 14.2976 15.1155 14.2448C14.9973 14.192 14.8923 14.1157 14.8075 14.0211L12.5778 11.6804C12.378 11.4704 12.1345 11.3026 11.8627 11.1878C11.591 11.073 11.2972 11.0137 11 11.0137C10.7028 11.0137 10.409 11.073 10.1373 11.1878C9.86555 11.3026 9.62199 11.4704 9.42222 11.6804L7.19134 14.0211C7.10667 14.1156 7.00186 14.1918 6.88391 14.2446C6.76596 14.2974 6.63757 14.3256 6.5073 14.3273H4.77254L3.33685 12.9569C2.43624 12.0972 1.98594 11.6662 1.81751 11.1708C1.67045 10.7348 1.67045 10.2658 1.81751 9.82981C1.98594 9.33325 2.43624 8.9034 3.33685 8.04371L4.77254 6.67324H6.50844C6.74791 6.67324 6.99655 6.77168 7.19249 6.97949L9.42337 9.32012C9.62313 9.53012 9.86669 9.69791 10.1384 9.81274C10.4101 9.92757 10.704 9.98689 11.0011 9.98689C11.2983 9.98689 11.5922 9.92757 11.8639 9.81274C12.1356 9.69791 12.3792 9.53012 12.5789 9.32012L14.8087 6.97949C14.8935 6.88483 14.9984 6.80855 15.1166 6.75573C15.2348 6.70292 15.3634 6.6748 15.4939 6.67324H17.2263ZM15.5202 5.04464H15.4927C14.7456 5.04464 14.0467 5.35745 13.5448 5.88355L11.3162 8.22527C11.2765 8.26743 11.2279 8.30114 11.1736 8.32422C11.1193 8.34729 11.0606 8.35922 11.0011 8.35922C10.9417 8.35922 10.883 8.34729 10.8287 8.32422C10.7744 8.30114 10.7258 8.26743 10.686 8.22527L8.45402 5.88464C8.20881 5.62252 7.9088 5.41235 7.5733 5.26767C7.23781 5.12299 6.87428 5.04702 6.50615 5.04464H6.47865L8.42652 3.18526C9.32712 2.32557 9.77857 1.89572 10.2965 1.73494C10.7548 1.59275 11.2463 1.59275 11.7024 1.73494C12.2226 1.89572 12.6729 2.32557 13.5735 3.18635L15.5202 5.04464ZM15.4927 15.9559H15.5202L13.5723 17.8153C12.6729 18.675 12.2226 19.1048 11.7024 19.2656C11.2463 19.4078 10.7537 19.4078 10.2965 19.2656C9.77742 19.1048 9.32712 18.675 8.42652 17.8142L6.47865 15.9548H6.5073C7.25436 15.9548 7.95216 15.6431 8.45402 15.117L10.6849 12.7753C10.7247 12.7331 10.7733 12.6994 10.8275 12.6763C10.8818 12.6533 10.9406 12.6413 11 12.6413C11.0594 12.6413 11.1182 12.6533 11.1725 12.6763C11.2267 12.6994 11.2753 12.7331 11.3151 12.7753L13.546 15.1159C13.7912 15.378 14.0912 15.5882 14.4267 15.7329C14.7622 15.8776 15.1257 15.9535 15.4939 15.9559" fill="url(#paint0_linear_166_350)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_166_350" x1="19.5" y1="-5.5" x2="-14.5" y2="33" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
3
src/lib/assets/plano-pf.svg
Normal file
3
src/lib/assets/plano-pf.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.5107 5.18401C12.3884 5.18401 11.2914 5.51684 10.3582 6.14041C9.42512 6.76399 8.69783 7.6503 8.26836 8.68726C7.83889 9.72423 7.72652 10.8653 7.94547 11.9661C8.16441 13.0669 8.70483 14.0781 9.49839 14.8718C10.2919 15.6654 11.303 16.2059 12.4037 16.4249C13.5044 16.6439 14.6453 16.5315 15.6821 16.102C16.719 15.6724 17.6052 14.9451 18.2286 14.0118C18.8521 13.0786 19.1849 11.9814 19.1849 10.859C19.1825 9.35462 18.584 7.91256 17.5203 6.84881C16.4567 5.78506 15.0149 5.1864 13.5107 5.18401ZM13.5107 14.7266C12.7458 14.7266 11.9982 14.4998 11.3622 14.0748C10.7263 13.6498 10.2306 13.0458 9.93789 12.3391C9.6452 11.6323 9.56861 10.8547 9.71783 10.1044C9.86704 9.35419 10.2354 8.66504 10.7762 8.12414C11.317 7.58323 12.0061 7.21488 12.7562 7.06564C13.5064 6.91641 14.284 6.993 14.9906 7.28573C15.6972 7.57847 16.3012 8.07419 16.7261 8.71023C17.151 9.34626 17.3778 10.094 17.3778 10.859C17.3763 11.8843 16.9683 12.8671 16.2434 13.5921C15.5185 14.317 14.5358 14.725 13.5107 14.7266ZM13.5107 2.66672e-05C10.9265 -0.00511218 8.39521 0.732553 6.21825 2.12521C4.04128 3.51786 2.31031 5.50683 1.2314 7.85535C0.152487 10.2039 -0.228914 12.813 0.1326 15.3721C0.494115 17.9313 1.58332 20.3326 3.27054 22.2902C3.30802 22.3442 3.35146 22.3937 3.40004 22.4378C4.66372 23.8716 6.21806 25.02 7.95975 25.8066C9.70145 26.5932 11.5906 27 13.5016 27C15.4127 27 17.3018 26.5932 19.0435 25.8066C20.7852 25.02 22.3396 23.8716 23.6033 22.4378C23.6416 22.3995 23.6768 22.3582 23.7087 22.3143C25.4011 20.36 26.4961 17.9603 26.8633 15.4011C27.2305 12.8418 26.8543 10.231 25.7797 7.87955C24.705 5.5281 22.9772 3.53517 20.8019 2.13817C18.6267 0.74117 16.0958 -0.00101655 13.5107 2.66672e-05ZM13.5107 25.188C10.5261 25.1891 7.65497 24.044 5.49024 21.989C10.8754 19.1756 16.143 19.1756 21.5311 21.989C19.3659 24.0432 16.4951 25.1882 13.5107 25.188ZM22.778 20.6064C16.6249 17.2509 10.3935 17.2509 4.24034 20.6064C2.90961 18.8755 2.09005 16.8064 1.87448 14.6336C1.6589 12.4608 2.05592 10.271 3.02057 8.31224C3.98523 6.35347 5.47898 4.70395 7.33268 3.55047C9.18638 2.397 11.326 1.78564 13.5092 1.78564C15.6924 1.78564 17.832 2.397 19.6857 3.55047C21.5394 4.70395 23.0331 6.35347 23.9978 8.31224C24.9624 10.271 25.3595 12.4608 25.1439 14.6336C24.9283 16.8064 24.1087 18.8755 22.778 20.6064Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
3
src/lib/assets/plano-pj.svg
Normal file
3
src/lib/assets/plano-pj.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23.2964 22.5938H22.5464V10.6409C22.5464 10.3383 22.3528 10.0696 22.0656 9.97389L14.1091 7.32171V4.92232C14.1091 4.62921 13.9273 4.36685 13.6529 4.26396L2.40314 0.0453004C1.94395 -0.126871 1.45312 0.213113 1.45312 0.70366V22.5938H0.703125C0.314812 22.5938 0 22.9086 0 23.2969C0 23.6853 0.314812 24.0001 0.703125 24.0001C0.861047 24.0001 22.9917 24.0001 23.2964 24.0001C23.6847 24.0001 23.9995 23.6853 23.9995 23.2969C23.9995 22.9086 23.6847 22.5938 23.2964 22.5938ZM7.07798 22.5938H5.67178V19.7813H7.07798V22.5938ZM9.89044 22.5938H8.48423V19.7813H9.89044V22.5938ZM12.7029 7.82847V22.5938H11.2967V19.0782C11.2967 18.6899 10.9819 18.3751 10.5936 18.3751H4.96866C4.58034 18.3751 4.26553 18.6899 4.26553 19.0782V22.5938H2.85933V1.71822L12.7029 5.40953V7.82847ZM18.3278 22.5938H16.9215V19.7813H18.3278V22.5938ZM21.1402 22.5938H19.734V19.0782C19.734 18.6899 19.4192 18.3751 19.0309 18.3751H16.2184C15.8301 18.3751 15.5153 18.6899 15.5153 19.0782V22.5938H14.1091V8.80399L21.1402 11.1477V22.5938Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
4
src/lib/assets/plano-pro.svg
Normal file
4
src/lib/assets/plano-pro.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23.8325 0.214564C23.6929 0.0748544 23.5018 -0.00388095 23.3055 0.000147367C23.2196 0.001246 21.1712 0.0343881 18.4709 0.703089C15.9639 1.324 12.4032 2.63595 9.67895 5.3602C9.36236 5.67697 9.06555 6.00528 8.78576 6.34164C6.57677 6.0419 4.45385 6.66226 2.5935 8.16446C1.00762 9.44491 0.174855 10.9134 0.140248 10.9753C0.0172014 11.195 0.0157366 11.4624 0.136037 11.6836C0.25652 11.9046 0.482106 12.0481 0.73351 12.0639L4.88891 12.3233L3.75036 13.4619C3.61303 13.5992 3.53594 13.7854 3.53594 13.9797C3.53594 14.1738 3.61303 14.36 3.75036 14.4973L4.32586 15.0728C4.31798 15.0807 4.30956 15.0884 4.30169 15.0963C1.83379 17.5644 1.75725 21.3885 1.75524 21.5502C1.75268 21.7476 1.83013 21.9377 1.96966 22.0772C2.10698 22.2145 2.2932 22.2916 2.4873 22.2916H2.49663C2.65832 22.2896 6.48247 22.213 8.95037 19.745C8.95843 19.7371 8.96612 19.7289 8.97381 19.7208L9.54949 20.2965C9.68682 20.4338 9.87304 20.5109 10.0671 20.5109C10.2614 20.5109 10.4476 20.4338 10.585 20.2965L11.7235 19.1577L11.983 23.3133C11.9985 23.5645 12.1423 23.7901 12.3635 23.9106C12.4726 23.9703 12.5931 24 12.7137 24C12.837 24 12.9604 23.9688 13.0715 23.9066C13.1334 23.8718 14.6019 23.0392 15.8824 21.4533C17.3846 19.5928 18.0051 17.4701 17.7054 15.2611C18.0416 14.9815 18.3701 14.6845 18.6866 14.3679C21.4111 11.6436 22.7228 8.08316 23.3438 5.57589C24.0125 2.87582 24.0456 0.827235 24.0467 0.741359C24.0493 0.544154 23.972 0.35409 23.8325 0.214564ZM5.30346 13.9797L6.55407 12.7291L11.3177 17.4928L10.0671 18.7434L5.30346 13.9797ZM5.33715 16.1319C5.34521 16.1239 5.35308 16.116 5.36114 16.1081L7.93871 18.6859C7.93084 18.6938 7.92297 18.7018 7.91509 18.7097C6.49181 20.133 4.42455 20.6008 3.29314 20.7539C3.44622 19.6219 3.91424 17.555 5.33715 16.1319ZM12.5284 16.6325L7.41412 11.5182C8.14196 9.73825 9.1939 7.91617 10.7144 6.39566C12.7394 4.37069 15.301 3.19406 17.4338 2.51657L21.5303 6.61319C20.8528 8.74582 19.6763 11.3075 17.6512 13.3324C16.1124 14.8712 14.2634 15.9201 12.5284 16.6325ZM21.9694 5.03024L19.0166 2.07748C20.4988 1.7239 21.7678 1.57357 22.5368 1.51004C22.4733 2.27926 22.3229 3.54818 21.9694 5.03024ZM3.54967 9.27463C4.85503 8.23239 6.2644 7.71621 7.75634 7.72995C7.05926 8.78427 6.50811 9.87704 6.0736 10.9301L2.1339 10.6842C2.484 10.2555 2.95861 9.74667 3.54967 9.27463ZM14.7724 20.4972C14.3002 21.0882 13.7913 21.563 13.3627 21.9131L13.1168 17.9732C14.1698 17.5385 15.2626 16.9876 16.3169 16.2905C16.3308 17.7826 15.8146 19.192 14.7724 20.4972Z" fill="black"/>
|
||||
<path d="M17.5124 6.53479C16.9554 5.9776 16.2146 5.6709 15.4268 5.6709C14.6389 5.6709 13.8981 5.9776 13.3411 6.53479C12.191 7.68488 12.191 9.55603 13.3411 10.7061C13.8981 11.2633 14.6389 11.5702 15.4268 11.5702C16.2146 11.5702 16.9552 11.2633 17.5124 10.7061C18.0696 10.1491 18.3763 9.40827 18.3763 8.62055C18.3763 7.83264 18.0696 7.0918 17.5124 6.53479ZM16.4769 9.67066C16.1964 9.95136 15.8234 10.1057 15.4268 10.1057C15.03 10.1057 14.6571 9.95136 14.3764 9.67084C13.7974 9.09168 13.7974 8.14941 14.3764 7.57025C14.6571 7.28973 15.03 7.13519 15.4268 7.13519C15.8234 7.13519 16.1964 7.28973 16.4769 7.57025C16.7575 7.85077 16.912 8.22376 16.912 8.62055C16.912 9.01733 16.7575 9.39014 16.4769 9.67066Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
15
src/lib/assets/prevencao.svg
Normal file
15
src/lib/assets/prevencao.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.16504 16.7554C7.44683 21.9283 10.2393 24.8123 14.1304 26.2772C18.0216 24.8123 20.814 21.8825 22.0958 16.7554" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.7357 12.6354C22.8272 11.6282 22.873 10.5753 22.873 9.47667V5.03619C22.873 5.03619 17.8832 6.40953 14.1294 3.61707C10.3756 6.40953 5.38574 5.03619 5.38574 5.03619V9.47667C5.38574 10.5753 5.43152 11.674 5.52308 12.6354" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.3809 15.3845C18.7616 13.0385 17.1686 10.8282 14.8227 10.4475C12.4767 10.0667 10.2664 11.6598 9.88565 14.0057C9.50493 16.3516 11.098 18.562 13.4439 18.9427C15.7898 19.3234 18.0002 17.7304 18.3809 15.3845Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14.1318 10.3922V3.57123" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14.1318 26.323V18.9985" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.9893 12.6353H26.2609V3.57123" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.4508 1.19086H25.0703V3.57132H27.4508V1.19086Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.9893 16.7554H26.2609V25.8194" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.4508 25.8195H25.0703V28.1999H27.4508V25.8195Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.27258 12.6353H2.00098V3.57123" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M0.838287 3.5976L3.21875 3.5976L3.21875 1.21713L0.838287 1.21713L0.838287 3.5976Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.27258 16.7554H2.00098V25.8194" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M0.838287 28.1736L3.21875 28.1736L3.21875 25.7931L0.838287 25.7931L0.838287 28.1736Z" stroke="#0000FF" stroke-width="0.915563" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
BIN
src/lib/assets/qrcode-azul.png
Normal file
BIN
src/lib/assets/qrcode-azul.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
src/lib/assets/qrcode-shape.png
Normal file
BIN
src/lib/assets/qrcode-shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 962 B |
BIN
src/lib/assets/qrcode.png
Normal file
BIN
src/lib/assets/qrcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/lib/assets/quem-somos.png
Normal file
BIN
src/lib/assets/quem-somos.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 267 KiB |
17
src/lib/assets/saldos-e-extratos.svg
Normal file
17
src/lib/assets/saldos-e-extratos.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="48" height="48" rx="24" fill="#0000FF" fill-opacity="0.1"/>
|
||||
<path d="M18.6816 21.2671V10.5641H35.766V31.97H24.4268" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25.8323 35.1653H11.5312V37.4359H25.8323V35.1653Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.1237 26.6002H12.9355V35.1653H15.1237V26.6002Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.7761 26.6002H17.5879V35.1653H19.7761V26.6002Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.4265 26.6002H22.2383V35.1653H24.4265V26.6002Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M25.8323 26.6002V25.1628L18.6818 21.2671L11.5312 25.1628V26.6002H25.8323Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M30.6387 17.1608V17.495C30.6387 18.0123 31.0553 18.4288 31.5725 18.4288H32.2363C32.7536 18.4288 33.1702 18.0123 33.1702 17.495V16.8312C33.1702 16.3139 32.7536 15.8973 32.2363 15.8973H31.5725C31.0553 15.8973 30.6387 15.4807 30.6387 14.9634V14.2997C30.6387 13.7824 31.0553 13.3658 31.5725 13.3658H32.2363C32.7536 13.3658 33.1702 13.7824 33.1702 14.2997V14.6338" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.9062 13.3566V12.4136" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.9062 19.3719V18.4288" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.0117 14.4233H28.295" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.0117 17.8429H28.295" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.3516 21.2671H33.1756" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.8789 25.0667H33.1754" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M27.8789 28.8662H33.1754" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
24
src/lib/assets/secure.svg
Normal file
24
src/lib/assets/secure.svg
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<svg width="58" height="53" viewBox="0 0 58 53" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M35.96 12.5883V11.4336C35.96 7.61184 32.8396 4.50591 29 4.50591C25.1604 4.50591 22.04 7.61184 22.04 11.4336V12.5883C20.126 12.5883 18.56 14.147 18.56 16.0521V27.5983C18.56 29.5035 20.126 31.0622 22.04 31.0622H35.96C37.874 31.0622 39.44 29.5035 39.44 27.5983V16.0521C39.44 14.147 37.874 12.5883 35.96 12.5883ZM24.36 11.4336C24.36 8.88192 26.4364 6.81515 29 6.81515C31.5636 6.81515 33.64 8.88192 33.64 11.4336V12.5883H24.36V11.4336ZM37.12 27.5983C37.12 28.2334 36.598 28.753 35.96 28.753H22.04C21.402 28.753 20.88 28.2334 20.88 27.5983V16.0521C20.88 15.4171 21.402 14.8975 22.04 14.8975H35.96C36.598 14.8975 37.12 15.4171 37.12 16.0521V27.5983Z" fill="url(#paint0_linear_11_11699)"/>
|
||||
<path d="M30.16 19.7354V18.3729C30.16 17.7379 29.638 17.2183 29 17.2183C28.362 17.2183 27.84 17.7379 27.84 18.3729V19.7354C26.4944 20.2088 25.52 21.4788 25.52 22.9914C25.52 24.8965 27.086 26.4553 29 26.4553C30.914 26.4553 32.48 24.8965 32.48 22.9914C32.48 21.4904 31.5056 20.2203 30.16 19.7354ZM29 24.1345C28.362 24.1345 27.84 23.6149 27.84 22.9798C27.84 22.3448 28.362 21.8252 29 21.8252C29.638 21.8252 30.16 22.3448 30.16 22.9798C30.16 23.6149 29.638 24.1345 29 24.1345Z" fill="url(#paint1_linear_11_11699)"/>
|
||||
<path d="M47.56 46.0723C46.052 46.0723 44.776 47.0422 44.2888 48.3815H37.12V40.9573C38.28 39.6526 39.3356 38.2786 40.2868 36.8353H45.24C45.878 36.8353 46.4 36.3157 46.4 35.6807C46.4 35.0456 45.878 34.5261 45.24 34.5261H41.702C44.7412 29.1109 46.4 22.9452 46.4 16.5255V9.12439H53.36V12.7961C52.0144 13.2695 51.04 14.5396 51.04 16.0521C51.04 17.9572 52.606 19.516 54.52 19.516C56.434 19.516 58 17.9572 58 16.0521C58 14.5511 57.0256 13.281 55.68 12.7961V7.96977C55.68 7.33473 55.158 6.81515 54.52 6.81515H46.4V4.74838C46.4 4.20571 46.0172 3.74386 45.4952 3.61685L29.2552 0.025979C29.0928 -0.00865966 28.9188 -0.00865966 28.7564 0.025979L12.5164 3.61685C11.9828 3.73231 11.6116 4.20571 11.6116 4.74838V6.81515H3.48C2.842 6.81515 2.32 7.33473 2.32 7.96977V12.7961C0.9744 13.2695 0 14.5396 0 16.0521C0 17.9572 1.566 19.516 3.48 19.516C5.394 19.516 6.96 17.9572 6.96 16.0521C6.96 14.5511 5.9856 13.281 4.64 12.7961V9.12439H11.6C11.6 9.75944 12.122 10.279 12.76 10.279C13.398 10.279 13.92 9.75944 13.92 9.12439V5.67208L29 2.33522L44.08 5.67208V16.5255C44.08 25.2083 40.8436 33.3945 35.1712 39.6757C35.148 39.6988 35.1248 39.7219 35.1132 39.7449C33.3152 41.7309 31.2736 43.5206 29 45.0677C26.738 43.5206 24.6964 41.7193 22.8868 39.7449C22.8636 39.7219 22.852 39.6988 22.8288 39.6757C17.1564 33.4061 13.92 25.2083 13.92 16.5255V13.7429C13.92 13.1078 13.398 12.5883 12.76 12.5883C12.122 12.5883 11.6 13.1078 11.6 13.7429V16.5255C11.6 22.9452 13.2704 29.1109 16.298 34.5261H4.64V30.8544C5.9856 30.381 6.96 29.1109 6.96 27.5983C6.96 25.6932 5.394 24.1345 3.48 24.1345C1.566 24.1345 0 25.6932 0 27.5983C0 29.0993 0.9744 30.3694 2.32 30.8544V35.6807C2.32 36.3157 2.842 36.8353 3.48 36.8353H17.7132C18.6644 38.2786 19.72 39.6526 20.88 40.9573V48.3815H13.7112C13.2356 47.0422 11.9596 46.0723 10.44 46.0723C8.526 46.0723 6.96 47.631 6.96 49.5361C6.96 51.4413 8.526 53 10.44 53C11.948 53 13.224 52.0301 13.7112 50.6908H22.04C22.678 50.6908 23.2 50.1712 23.2 49.5361V43.3474C24.7776 44.8368 26.506 46.1993 28.362 47.4232C28.5592 47.5502 28.7796 47.6079 29 47.6079C29.2204 47.6079 29.4408 47.5502 29.638 47.4232C31.494 46.2108 33.2224 44.8368 34.8 43.3474V49.5361C34.8 50.1712 35.322 50.6908 35.96 50.6908H44.2888C44.7644 52.0301 46.0404 53 47.56 53C49.474 53 51.04 51.4413 51.04 49.5361C51.04 47.631 49.474 46.0723 47.56 46.0723ZM54.52 17.2067C53.882 17.2067 53.36 16.6872 53.36 16.0521C53.36 15.4171 53.882 14.8975 54.52 14.8975C55.158 14.8975 55.68 15.4171 55.68 16.0521C55.68 16.6872 55.158 17.2067 54.52 17.2067ZM3.48 17.2067C2.842 17.2067 2.32 16.6872 2.32 16.0521C2.32 15.4171 2.842 14.8975 3.48 14.8975C4.118 14.8975 4.64 15.4171 4.64 16.0521C4.64 16.6872 4.118 17.2067 3.48 17.2067ZM3.48 26.4437C4.118 26.4437 4.64 26.9633 4.64 27.5983C4.64 28.2334 4.118 28.753 3.48 28.753C2.842 28.753 2.32 28.2334 2.32 27.5983C2.32 26.9633 2.842 26.4437 3.48 26.4437ZM10.44 50.6908C9.802 50.6908 9.28 50.1712 9.28 49.5361C9.28 48.9011 9.802 48.3815 10.44 48.3815C11.078 48.3815 11.6 48.9011 11.6 49.5361C11.6 50.1712 11.078 50.6908 10.44 50.6908ZM47.56 50.6908C46.922 50.6908 46.4 50.1712 46.4 49.5361C46.4 48.9011 46.922 48.3815 47.56 48.3815C48.198 48.3815 48.72 48.9011 48.72 49.5361C48.72 50.1712 48.198 50.6908 47.56 50.6908Z" fill="url(#paint2_linear_11_11699)"/>
|
||||
<path d="M54.52 24.1345C52.606 24.1345 51.04 25.6932 51.04 27.5983C51.04 29.0993 52.0144 30.3694 53.36 30.8544V34.5261H49.88C49.242 34.5261 48.72 35.0456 48.72 35.6807C48.72 36.3157 49.242 36.8353 49.88 36.8353H54.52C55.158 36.8353 55.68 36.3157 55.68 35.6807V30.8544C57.0256 30.381 58 29.1109 58 27.5983C58 25.6932 56.434 24.1345 54.52 24.1345ZM54.52 28.753C53.882 28.753 53.36 28.2334 53.36 27.5983C53.36 26.9633 53.882 26.4437 54.52 26.4437C55.158 26.4437 55.68 26.9633 55.68 27.5983C55.68 28.2334 55.158 28.753 54.52 28.753Z" fill="url(#paint3_linear_11_11699)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_11_11699" x1="76" y1="-5.6084e-06" x2="-38.8656" y2="97.5696" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_11_11699" x1="76" y1="-5.6084e-06" x2="-38.8656" y2="97.5696" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_11_11699" x1="76" y1="-5.6084e-06" x2="-38.8656" y2="97.5696" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_11_11699" x1="76" y1="-5.6084e-06" x2="-38.8656" y2="97.5696" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#41FE95"/>
|
||||
<stop offset="1" stop-color="#0000FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.9 KiB |
15
src/lib/assets/sem-licença.svg
Normal file
15
src/lib/assets/sem-licença.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.2489 24.0885H2.83594V1.11243H21.6279V17.8672" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.3024 28.1856C24.1543 28.1856 26.4662 25.8737 26.4662 23.0219C26.4662 20.17 24.1543 17.8581 21.3024 17.8581C18.4506 17.8581 16.1387 20.17 16.1387 23.0219C16.1387 25.8737 18.4506 28.1856 21.3024 28.1856Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21.3015 26.2217C23.0687 26.2217 24.5013 24.7891 24.5013 23.0219C24.5013 21.2546 23.0687 19.822 21.3015 19.822C19.5342 19.822 18.1016 21.2546 18.1016 23.0219C18.1016 24.7891 19.5342 26.2217 21.3015 26.2217Z" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M23.5639 20.7604L19.041 25.2833" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.18457 8.41862C5.18457 8.97254 5.6332 9.42116 6.18711 9.42116H6.91498C7.4689 9.42116 7.91753 8.97254 7.91753 8.41862V7.8235C7.91753 7.26959 7.4689 6.82096 6.91498 6.82096H6.18711C5.6332 6.82096 5.18457 6.37234 5.18457 5.81842V5.22331C5.18457 4.66939 5.6332 4.22076 6.18711 4.22076H6.91498C7.4689 4.22076 7.91753 4.66939 7.91753 5.22331" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.54883 4.22075V3.08087" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.54883 10.5611V9.4212" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M10.084 4.22076H19.0428" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M10.084 7.38861H19.0428" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.18457 13.7426H19.0416" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.18457 16.9242H16.9953" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.18457 20.1058H14.5599" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M10.084 10.5611H19.0428" stroke="#0000FF" stroke-width="0.915563" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
3
src/lib/assets/tiktok-green.svg
Normal file
3
src/lib/assets/tiktok-green.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.3335 5.35C13.7639 4.69961 13.45 3.8645 13.4501 3H10.8751V13.3333C10.8557 13.8927 10.6197 14.4226 10.2171 14.8112C9.81438 15.1999 9.27646 15.417 8.7168 15.4167C7.53346 15.4167 6.55013 14.45 6.55013 13.25C6.55013 11.8167 7.93346 10.7417 9.35846 11.1833V8.55C6.48346 8.16667 3.9668 10.4 3.9668 13.25C3.9668 16.025 6.2668 18 8.70846 18C11.3251 18 13.4501 15.875 13.4501 13.25V8.00833C14.4943 8.75821 15.7479 9.16054 17.0335 9.15833V6.58333C17.0335 6.58333 15.4668 6.65833 14.3335 5.35Z" fill="#41FE95"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 619 B |
BIN
src/lib/assets/video.webm
Normal file
BIN
src/lib/assets/video.webm
Normal file
Binary file not shown.
3
src/lib/assets/youtube-green.svg
Normal file
3
src/lib/assets/youtube-green.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.33268 13L12.6577 10.5L8.33268 8.00002V13ZM17.966 6.47502C18.0743 6.86669 18.1493 7.39169 18.1993 8.05835C18.2577 8.72502 18.2827 9.30002 18.2827 9.80002L18.3327 10.5C18.3327 12.325 18.1993 13.6667 17.966 14.525C17.7577 15.275 17.2743 15.7584 16.5243 15.9667C16.1327 16.075 15.416 16.15 14.316 16.2C13.2327 16.2584 12.241 16.2834 11.3243 16.2834L9.99935 16.3334C6.50768 16.3334 4.33268 16.2 3.47435 15.9667C2.72435 15.7584 2.24102 15.275 2.03268 14.525C1.92435 14.1334 1.84935 13.6084 1.79935 12.9417C1.74102 12.275 1.71602 11.7 1.71602 11.2L1.66602 10.5C1.66602 8.67502 1.79935 7.33335 2.03268 6.47502C2.24102 5.72502 2.72435 5.24169 3.47435 5.03335C3.86602 4.92502 4.58268 4.85002 5.68268 4.80002C6.76602 4.74169 7.75768 4.71669 8.67435 4.71669L9.99935 4.66669C13.491 4.66669 15.666 4.80002 16.5243 5.03335C17.2743 5.24169 17.7577 5.72502 17.966 6.47502Z" fill="#41FE95"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 992 B |
307
src/lib/components/CTA.svelte
Normal file
307
src/lib/components/CTA.svelte
Normal file
|
|
@ -0,0 +1,307 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly } from 'svelte/transition';
|
||||
import {
|
||||
ArrowRight,
|
||||
Zap,
|
||||
Shield,
|
||||
Clock,
|
||||
Star,
|
||||
CheckCircle
|
||||
} from 'lucide-svelte';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const benefits = [
|
||||
{ icon: Zap, title: 'Setup rápido', description: 'Ative em poucos minutos' },
|
||||
{ icon: Shield, title: 'Segurança bancária', description: 'Padrões PCI DSS' },
|
||||
{ icon: Clock, title: 'Suporte contínuo', description: 'Especialistas disponíveis' },
|
||||
{ icon: Star, title: 'Sem fidelidade', description: 'Cancele quando quiser' }
|
||||
];
|
||||
|
||||
const guarantees = [
|
||||
'Sem taxa de setup',
|
||||
'Sem taxa de cancelamento',
|
||||
'Sem fidelidade',
|
||||
'Suporte incluso',
|
||||
'Migração assistida',
|
||||
'Treinamento completo'
|
||||
];
|
||||
</script>
|
||||
|
||||
<section class="relative overflow-hidden bg-black py-32">
|
||||
<div class="container-basspago relative z-10 text-center text-white">
|
||||
<!-- Badge -->
|
||||
<div
|
||||
data-animate
|
||||
id="cta-badge"
|
||||
>
|
||||
{#if mounted && visibleElements['cta-badge']}
|
||||
<div
|
||||
class="inline-flex items-center gap-2
|
||||
rounded-full
|
||||
bg-white/10
|
||||
px-6 py-2
|
||||
text-sm font-medium
|
||||
mb-10"
|
||||
in:fly={{ y: 20, duration: 400 }}
|
||||
>
|
||||
<Star size={16} class="text-[var(--color-brand-emerald)]" />
|
||||
Mais de 50.000 empresas confiam
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<div
|
||||
data-animate
|
||||
id="cta-title"
|
||||
>
|
||||
{#if mounted && visibleElements['cta-title']}
|
||||
<h2
|
||||
class="mx-auto max-w-4xl
|
||||
text-3xl md:text-4xl lg:text-5xl
|
||||
font-semibold
|
||||
leading-tight
|
||||
mb-6"
|
||||
in:fly={{ y: 20, duration: 500 }}
|
||||
>
|
||||
Pronto para simplificar
|
||||
<br />
|
||||
<span class="text-gradient">seus pagamentos?</span>
|
||||
</h2>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Subtitle -->
|
||||
<div
|
||||
data-animate
|
||||
id="cta-subtitle"
|
||||
>
|
||||
{#if mounted && visibleElements['cta-subtitle']}
|
||||
<p
|
||||
class="mx-auto max-w-3xl
|
||||
text-base md:text-lg
|
||||
text-white/75
|
||||
mb-16"
|
||||
in:fly={{ y: 20, duration: 500, delay: 100 }}
|
||||
>
|
||||
Uma infraestrutura completa de pagamentos para empresas que exigem performance,
|
||||
segurança e escala.
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Benefits -->
|
||||
<div
|
||||
class="mx-auto mb-20
|
||||
grid max-w-4xl
|
||||
grid-cols-2 md:grid-cols-4
|
||||
gap-10"
|
||||
data-animate
|
||||
id="cta-benefits"
|
||||
>
|
||||
{#if mounted && visibleElements['cta-benefits']}
|
||||
{#each benefits as benefit, index}
|
||||
<div
|
||||
class="text-center"
|
||||
in:fly={{ y: 20, duration: 500, delay: 200 + index * 50 }}
|
||||
>
|
||||
<div
|
||||
class="mx-auto mb-3
|
||||
flex h-12 w-12
|
||||
items-center justify-center
|
||||
rounded-xl
|
||||
bg-white/10"
|
||||
>
|
||||
<svelte:component this={benefit.icon} size={22} class="text-white" />
|
||||
</div>
|
||||
<h4 class="text-sm font-medium">{benefit.title}</h4>
|
||||
<p class="text-xs text-white/60">{benefit.description}</p>
|
||||
</div>
|
||||
{/each}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Buttons -->
|
||||
<div
|
||||
class="mb-20
|
||||
flex flex-col sm:flex-row
|
||||
items-center justify-center
|
||||
gap-5"
|
||||
data-animate
|
||||
id="cta-buttons"
|
||||
>
|
||||
{#if mounted && visibleElements['cta-buttons']}
|
||||
<div
|
||||
class="flex flex-col sm:flex-row gap-5"
|
||||
in:fly={{ y: 20, duration: 500, delay: 300 }}
|
||||
>
|
||||
<button class="btn-primary group">
|
||||
Criar conta grátis
|
||||
<ArrowRight size={16} class="group-hover:translate-x-1 transition-transform" />
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="inline-flex items-center justify-center
|
||||
rounded-xl
|
||||
border border-white/30
|
||||
px-10 py-4
|
||||
text-sm font-medium
|
||||
text-white
|
||||
transition-all duration-300
|
||||
hover:bg-white/10
|
||||
hover:border-white/50"
|
||||
>
|
||||
Falar com especialista
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Guarantees -->
|
||||
<div
|
||||
class="mx-auto max-w-4xl"
|
||||
data-animate
|
||||
id="cta-guarantees"
|
||||
>
|
||||
{#if mounted && visibleElements['cta-guarantees']}
|
||||
<div
|
||||
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4"
|
||||
in:fly={{ duration: 500, delay: 400 }}
|
||||
>
|
||||
{#each guarantees as item}
|
||||
<div
|
||||
class="flex items-center justify-center gap-2
|
||||
text-sm text-white/75"
|
||||
>
|
||||
<CheckCircle size={16} class="text-[var(--color-brand-emerald)]" />
|
||||
{item}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Gradient text animation */
|
||||
.text-gradient {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--color-brand-blue),
|
||||
var(--color-brand-emerald),
|
||||
var(--color-brand-blue)
|
||||
);
|
||||
background-size: 200% 200%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
animation: gradientMove 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes gradientMove {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Button hover effects */
|
||||
.btn-primary {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btn-primary::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(45deg, var(--color-brand-blue), var(--color-brand-emerald));
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.btn-primary:hover::before {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
/* Benefits icon hover animation */
|
||||
.h-12:hover {
|
||||
transform: scale(1.1) rotate(5deg);
|
||||
transition: transform 0.3s ease;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
/* Arrow hover effect */
|
||||
.group:hover .group-hover\:translate-x-1 {
|
||||
transform: translateX(0.25rem);
|
||||
}
|
||||
|
||||
/* Secondary button hover effect */
|
||||
button:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
/* Guarantee items hover effect */
|
||||
.gap-2:hover {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 768px) {
|
||||
.grid-cols-2 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.gap-10 {
|
||||
gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pulse animation for the badge star */
|
||||
.text-\[var\(--color-brand-emerald\)\] {
|
||||
animation: pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
202
src/lib/components/Features.svelte
Normal file
202
src/lib/components/Features.svelte
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly, fade, scale } from 'svelte/transition';
|
||||
import {
|
||||
Shield,
|
||||
Zap,
|
||||
BarChart3,
|
||||
Users,
|
||||
Clock,
|
||||
BadgeCheck,
|
||||
ShieldCheck,
|
||||
DollarSign,
|
||||
TrendingUp
|
||||
} from 'lucide-svelte';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const features = [
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Segurança bancária',
|
||||
description: 'Infraestrutura certificada PCI DSS com criptografia de ponta.'
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: 'Pagamentos em tempo real',
|
||||
description: 'PIX instantâneo e alta taxa de aprovação em cartões.'
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: 'Relatórios e controle',
|
||||
description: 'Dashboard completo para conciliação financeira.'
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: 'Gestão de clientes',
|
||||
description: 'Ferramentas para fidelização e crescimento de receita.'
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: 'Suporte especializado',
|
||||
description: 'Atendimento humano com SLA empresarial.'
|
||||
},
|
||||
{
|
||||
icon: BadgeCheck,
|
||||
title: 'Participante do Pix junto ao Banco Central',
|
||||
description: 'Conexão direta com o sistema PIX, sem intermediários.'
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: 'Prevenção de fraudes em tempo real',
|
||||
description: 'Análise inteligente de transações com bloqueio automático.'
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: 'Baixo setup e mensalidade acessível',
|
||||
description: 'Sem exigências de volumetria elevada para começar.'
|
||||
}
|
||||
];
|
||||
|
||||
const stats = [
|
||||
{ number: '50k+', label: 'Empresas ativas', icon: Users },
|
||||
{ number: 'R\$ 2 bi+', label: 'Processado por mês', icon: TrendingUp },
|
||||
{ number: '99,9%', label: 'Disponibilidade', icon: Shield },
|
||||
{ number: '< 1s', label: 'Tempo médio de resposta', icon: Zap }
|
||||
];
|
||||
</script>
|
||||
|
||||
<section id="recursos" class="section-padding bg-white">
|
||||
<div class="container-basspago">
|
||||
<!-- HEADER -->
|
||||
<div
|
||||
class="mx-auto mb-20 max-w-3xl text-center"
|
||||
data-animate
|
||||
id="features-header"
|
||||
>
|
||||
{#if mounted && visibleElements['features-header']}
|
||||
|
||||
|
||||
<h2
|
||||
class="mb-6 text-4xl md:text-5xl font-black text-gray-900"
|
||||
in:fly={{ y: 30, duration: 600, delay: 100 }}
|
||||
>
|
||||
Tecnologia pensada
|
||||
<br />
|
||||
<span class="text-gradient">para escalar seu negócio</span>
|
||||
</h2>
|
||||
|
||||
<p
|
||||
class="text-xl text-gray-600 leading-relaxed"
|
||||
in:fly={{ y: 30, duration: 600, delay: 200 }}
|
||||
>
|
||||
Uma plataforma completa de pagamentos para empresas que exigem segurança, desempenho e
|
||||
confiabilidade.
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- FEATURES GRID -->
|
||||
<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4 mb-20">
|
||||
{#each features as feature, index}
|
||||
<div
|
||||
class="text-center group"
|
||||
data-animate
|
||||
id="feature-{index}"
|
||||
>
|
||||
{#if mounted && visibleElements[`feature-${index}`]}
|
||||
<div
|
||||
in:fly={{ y: 30, duration: 500, delay: index * 100 }}
|
||||
class="h-full flex flex-col"
|
||||
>
|
||||
<!-- Icon -->
|
||||
<div
|
||||
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:shadow-lg transition-all duration-300 hover:scale-110 hover:rotate-3"
|
||||
>
|
||||
<svelte:component this={feature.icon} size={32} class="text-white" />
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<h3 class="text-xl font-bold text-gray-900 mb-4">
|
||||
{feature.title}
|
||||
</h3>
|
||||
|
||||
<p class="text-gray-600 leading-relaxed">
|
||||
{feature.description}
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Animações personalizadas para os ícones */
|
||||
.group:hover .w-16 {
|
||||
animation: iconBounce 0.6s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes iconBounce {
|
||||
0%, 100% {
|
||||
transform: scale(1) rotate(0deg);
|
||||
}
|
||||
25% {
|
||||
transform: scale(1.1) rotate(3deg);
|
||||
}
|
||||
75% {
|
||||
transform: scale(1.05) rotate(-1deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* Gradient text para os números das estatísticas */
|
||||
.text-gradient {
|
||||
background: linear-gradient(45deg, #06b6d4, #fbbf24);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
/* Hover effect para cards de features */
|
||||
.group:hover {
|
||||
transform: translateY(-5px);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
/* Animação de pulso para decorações de fundo */
|
||||
.bg-white\/5 {
|
||||
animation: pulse 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% {
|
||||
opacity: 0.05;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
290
src/lib/components/Footer.svelte
Normal file
290
src/lib/components/Footer.svelte
Normal file
|
|
@ -0,0 +1,290 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly } from 'svelte/transition';
|
||||
import {
|
||||
Mail,
|
||||
Phone,
|
||||
MapPin,
|
||||
Linkedin,
|
||||
Shield,
|
||||
Award
|
||||
} from 'lucide-svelte';
|
||||
|
||||
import bassLogo from '$lib/assets/bass_assinatura02@2x (1).png';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const sections = {
|
||||
produtos: {
|
||||
title: 'Produtos',
|
||||
links: [
|
||||
'Conta PJ',
|
||||
'PDV',
|
||||
'API PIX',
|
||||
'Checkout',
|
||||
'Link de Pagamento'
|
||||
]
|
||||
},
|
||||
empresa: {
|
||||
title: 'Empresa',
|
||||
links: ['Sobre', 'Carreiras', 'Blog', 'Parceiros']
|
||||
},
|
||||
desenvolvedores: {
|
||||
title: 'Desenvolvedores',
|
||||
links: ['Documentação', 'API', 'SDKs', 'Webhooks']
|
||||
},
|
||||
suporte: {
|
||||
title: 'Suporte',
|
||||
links: ['Central de Ajuda', 'Contato', 'Status']
|
||||
},
|
||||
legal: {
|
||||
title: 'Legal',
|
||||
links: ['Termos', 'Privacidade', 'LGPD', 'Compliance']
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<footer class="bg-slate-950 text-slate-400">
|
||||
<div class="container-basspago py-20">
|
||||
<!-- Top -->
|
||||
<div
|
||||
class="grid gap-12 lg:grid-cols-6 border-b border-slate-800 pb-16"
|
||||
data-animate
|
||||
id="footer-content"
|
||||
>
|
||||
{#if mounted && visibleElements['footer-content']}
|
||||
<!-- Brand -->
|
||||
<div class="lg:col-span-2" in:fly={{ y: 30, duration: 500 }}>
|
||||
<div class="flex items-center mb-6">
|
||||
<img src={bassLogo} alt="BassPago" class="h-20 w-auto" />
|
||||
</div>
|
||||
|
||||
<p class="text-sm leading-relaxed max-w-sm mb-8">
|
||||
Infraestrutura de pagamentos para empresas que exigem segurança, confiabilidade e
|
||||
escala operacional.
|
||||
</p>
|
||||
|
||||
<div class="space-y-3 text-sm">
|
||||
<div class="flex items-center gap-3">
|
||||
<Mail size={16} />
|
||||
contato@empresa.com.br
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<Phone size={16} />
|
||||
(11) 4000-0000
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<MapPin size={16} />
|
||||
São Paulo – SP
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<a
|
||||
href="#"
|
||||
class="inline-flex h-10 w-10 items-center justify-center rounded-md bg-slate-800 hover:bg-slate-700 transition-colors duration-300"
|
||||
aria-label="LinkedIn"
|
||||
>
|
||||
<Linkedin size={18} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Links -->
|
||||
{#each Object.values(sections) as section, index}
|
||||
<div in:fly={{ y: 30, duration: 500, delay: (index + 1) * 100 }}>
|
||||
<h4 class="mb-4 text-sm font-semibold text-white">
|
||||
{section.title}
|
||||
</h4>
|
||||
<ul class="space-y-3 text-sm">
|
||||
{#each section.links as link}
|
||||
<li>
|
||||
<a href="#" class="hover:text-white transition-colors duration-300">
|
||||
{link}
|
||||
</a>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</div>
|
||||
{/each}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Bottom -->
|
||||
<div
|
||||
class="pt-8 flex flex-col lg:flex-row items-center justify-between gap-6 text-sm"
|
||||
data-animate
|
||||
id="footer-bottom"
|
||||
>
|
||||
{#if mounted && visibleElements['footer-bottom']}
|
||||
<div class="text-center lg:text-left" in:fly={{ y: 20, duration: 400 }}>
|
||||
© 2024 Nome da Plataforma · Todos os direitos reservados<br />
|
||||
CNPJ 00.000.000/0001-00
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex items-center gap-6"
|
||||
in:fly={{ y: 20, duration: 400, delay: 100 }}
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<Shield size={16} class="text-emerald-400" />
|
||||
PCI DSS
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<Award size={16} class="text-emerald-400" />
|
||||
ISO 27001
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex items-center gap-2"
|
||||
in:fly={{ y: 20, duration: 400, delay: 200 }}
|
||||
>
|
||||
<span
|
||||
class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-emerald-500 text-xs font-bold text-white"
|
||||
>
|
||||
BR
|
||||
</span>
|
||||
Brasil
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
/* Link hover effects */
|
||||
a {
|
||||
position: relative;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
transform: translateX(2px);
|
||||
}
|
||||
|
||||
/* Social media button hover effect */
|
||||
.bg-slate-800:hover {
|
||||
transform: scale(1.1);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* Contact info hover effects */
|
||||
.flex.items-center.gap-3:hover {
|
||||
color: rgb(226 232 240); /* slate-200 */
|
||||
transform: translateX(4px);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* Certification badges hover effect */
|
||||
.text-emerald-400 {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.flex.items-center.gap-2:hover .text-emerald-400 {
|
||||
transform: rotate(10deg) scale(1.2);
|
||||
filter: brightness(1.2);
|
||||
}
|
||||
|
||||
/* Footer section title hover effect */
|
||||
h4:hover {
|
||||
color: rgb(226 232 240); /* slate-200 */
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
/* Brand logo hover effect */
|
||||
img:hover {
|
||||
transform: scale(1.05);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
/* Country indicator hover effect */
|
||||
.bg-emerald-500:hover {
|
||||
animation: pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.1);
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 1024px) {
|
||||
.lg\:grid-cols-6 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.lg\:col-span-2 {
|
||||
grid-column: span 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Subtle animation for the entire footer */
|
||||
footer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
footer::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, transparent, #06b6d4, transparent);
|
||||
animation: shimmer 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes shimmer {
|
||||
0% {
|
||||
left: -100%;
|
||||
}
|
||||
100% {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Link underline effect */
|
||||
ul a::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 1px;
|
||||
background-color: rgb(226 232 240); /* slate-200 */
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
ul a:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
251
src/lib/components/Header.svelte
Normal file
251
src/lib/components/Header.svelte
Normal file
|
|
@ -0,0 +1,251 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { Menu, X, ChevronDown } from 'lucide-svelte';
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
import bassLogo from '$lib/assets/bass_assinatura02@2x (1).png';
|
||||
|
||||
let isOpen = false;
|
||||
let scrolled = false;
|
||||
let dropdownOpen = {};
|
||||
let dropdownTimeout = {};
|
||||
|
||||
onMount(() => {
|
||||
const handleScroll = () => {
|
||||
scrolled = window.scrollY > 12;
|
||||
};
|
||||
|
||||
window.addEventListener('scroll', handleScroll);
|
||||
|
||||
return () => {
|
||||
window.removeEventListener('scroll', handleScroll);
|
||||
};
|
||||
});
|
||||
|
||||
const menuItems = [
|
||||
{ name: 'Inicio', href: '/' },
|
||||
{ name: 'Conta Digital', href: '/conta-digital' },
|
||||
{
|
||||
name: 'Soluções',
|
||||
href: '#solucoes',
|
||||
hasDropdown: true,
|
||||
submenu: [
|
||||
{ name: 'Banking', href: '/banking' },
|
||||
{ name: 'PIX', href: '/pix' },
|
||||
{ name: 'PDV', href: '/pdv' }
|
||||
]
|
||||
},
|
||||
{ name: 'Desenvolvedores', href: '/desenvolvedores' },
|
||||
{
|
||||
name: 'Recursos',
|
||||
href: '#recursos',
|
||||
hasDropdown: true,
|
||||
submenu: [
|
||||
{ name: 'Sobre', href: '/sobre' },
|
||||
{ name: 'Centro de Suporte', href: '/centro-suporte' },
|
||||
{ name: 'Preços', href: '/precos' },
|
||||
{ name: 'Políticas', href: '/politicas-e-termos' }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
function toggleMenu() {
|
||||
isOpen = !isOpen;
|
||||
}
|
||||
|
||||
function toggleDropdown(itemName) {
|
||||
dropdownOpen[itemName] = !dropdownOpen[itemName];
|
||||
}
|
||||
|
||||
function showDropdown(itemName) {
|
||||
if (dropdownTimeout[itemName]) {
|
||||
clearTimeout(dropdownTimeout[itemName]);
|
||||
}
|
||||
dropdownOpen[itemName] = true;
|
||||
}
|
||||
|
||||
function hideDropdown(itemName) {
|
||||
dropdownTimeout[itemName] = setTimeout(() => {
|
||||
dropdownOpen[itemName] = false;
|
||||
}, 150);
|
||||
}
|
||||
|
||||
function keepDropdownOpen(itemName) {
|
||||
if (dropdownTimeout[itemName]) {
|
||||
clearTimeout(dropdownTimeout[itemName]);
|
||||
}
|
||||
}
|
||||
|
||||
function handleNavigation(href, event) {
|
||||
event.preventDefault();
|
||||
|
||||
if (href.startsWith('/')) {
|
||||
goto(href);
|
||||
} else {
|
||||
const element = document.querySelector(href);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
}
|
||||
|
||||
isOpen = false;
|
||||
}
|
||||
|
||||
function goHome() {
|
||||
goto('/');
|
||||
}
|
||||
</script>
|
||||
|
||||
<header class="fixed top-0 z-50 w-full">
|
||||
<div class="mx-auto mt-4 max-w-[1280px] px-4">
|
||||
<div
|
||||
class="flex h-16 items-center justify-between rounded-2xl px-6 transition-all duration-300 {scrolled
|
||||
? 'bg-slate-900/90 backdrop-blur-xl shadow-lg'
|
||||
: 'bg-slate-900/70 backdrop-blur-md'}"
|
||||
>
|
||||
<!-- Logo -->
|
||||
<div class="flex items-center gap-3 cursor-pointer" on:click={goHome}>
|
||||
<img src={bassLogo} alt="BassPago" class="h-20 w-auto" />
|
||||
</div>
|
||||
|
||||
<!-- Desktop Navigation - Centralizado -->
|
||||
<nav class="hidden lg:flex items-center justify-center flex-1 gap-8">
|
||||
{#each menuItems as item}
|
||||
<div class="relative group">
|
||||
<a
|
||||
href={item.href}
|
||||
class="flex items-center gap-1 text-sm font-medium text-white/80 hover:text-white transition"
|
||||
on:mouseenter={() => item.hasDropdown && showDropdown(item.name)}
|
||||
on:mouseleave={() => item.hasDropdown && hideDropdown(item.name)}
|
||||
on:click={(e) => handleNavigation(item.href, e)}
|
||||
>
|
||||
{item.name}
|
||||
{#if item.hasDropdown}
|
||||
<ChevronDown
|
||||
size={14}
|
||||
class="transition-transform {dropdownOpen[item.name] ? 'rotate-180' : ''}"
|
||||
/>
|
||||
{/if}
|
||||
</a>
|
||||
|
||||
{#if item.hasDropdown && dropdownOpen[item.name]}
|
||||
<div
|
||||
class="absolute left-0 top-full mt-3 w-56 rounded-xl bg-slate-950/95 backdrop-blur-xl border border-white/10 shadow-xl z-50"
|
||||
on:mouseenter={() => keepDropdownOpen(item.name)}
|
||||
on:mouseleave={() => hideDropdown(item.name)}
|
||||
>
|
||||
{#each item.submenu as sub}
|
||||
<a
|
||||
href={sub.href}
|
||||
class="block px-4 py-3 text-sm text-white/70 hover:text-white hover:bg-white/5 transition-colors first:rounded-t-xl last:rounded-b-xl"
|
||||
on:click={(e) => handleNavigation(sub.href, e)}
|
||||
>
|
||||
{sub.name}
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</nav>
|
||||
|
||||
<!-- CTA Button - Direita -->
|
||||
<div class="hidden lg:flex items-center">
|
||||
<button
|
||||
class="rounded-full bg-white px-6 py-2.5 text-sm font-semibold text-slate-900 hover:bg-slate-100 transition-colors"
|
||||
on:click={() => goto('/precos')}
|
||||
>
|
||||
Abrir conta
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Button -->
|
||||
<button class="lg:hidden p-2 text-white" on:click={toggleMenu}>
|
||||
{#if isOpen}
|
||||
<X size={22} />
|
||||
{:else}
|
||||
<Menu size={22} />
|
||||
{/if}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation -->
|
||||
{#if isOpen}
|
||||
<nav class="mt-3 rounded-2xl bg-slate-950/95 backdrop-blur-xl border border-white/10">
|
||||
{#each menuItems as item}
|
||||
<div>
|
||||
{#if item.hasDropdown}
|
||||
<button
|
||||
class="w-full flex items-center justify-between px-6 py-3 text-sm text-white/80 hover:bg-white/5 transition-colors"
|
||||
on:click={() => toggleDropdown(item.name)}
|
||||
>
|
||||
{item.name}
|
||||
<ChevronDown
|
||||
size={14}
|
||||
class="transition-transform {dropdownOpen[item.name] ? 'rotate-180' : ''}"
|
||||
/>
|
||||
</button>
|
||||
{#if dropdownOpen[item.name]}
|
||||
<div class="bg-white/5">
|
||||
{#each item.submenu as sub}
|
||||
<a
|
||||
href={sub.href}
|
||||
class="block px-10 py-3 text-sm text-white/60 hover:text-white/80 transition-colors"
|
||||
on:click={(e) => handleNavigation(sub.href, e)}
|
||||
>
|
||||
{sub.name}
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
{/if}
|
||||
{:else}
|
||||
<a
|
||||
href={item.href}
|
||||
class="block px-6 py-3 text-sm text-white/80 hover:bg-white/5 transition-colors"
|
||||
on:click={(e) => handleNavigation(item.href, e)}
|
||||
>
|
||||
{item.name}
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
|
||||
<!-- Mobile CTA -->
|
||||
<div class="border-t border-white/10 p-4">
|
||||
<button
|
||||
class="w-full rounded-full bg-white px-6 py-2.5 text-sm font-semibold text-slate-900 hover:bg-slate-100 transition-colors"
|
||||
on:click={() => goto('/precos')}
|
||||
>
|
||||
Abrir conta
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<style>
|
||||
nav {
|
||||
animation: slideDown 0.3s ease-out;
|
||||
}
|
||||
|
||||
@keyframes slideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.group:hover .absolute {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.group:last-of-type .absolute {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
</style>
|
||||
166
src/lib/components/Hero.svelte
Normal file
166
src/lib/components/Hero.svelte
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly, fade } from 'svelte/transition';
|
||||
import { ArrowRight } from 'lucide-svelte';
|
||||
|
||||
import backgroundSection1 from '$lib/assets/backgroundSection2.png';
|
||||
|
||||
let mounted = false;
|
||||
let heroSection;
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
});
|
||||
</script>
|
||||
|
||||
<section
|
||||
bind:this={heroSection}
|
||||
class="relative min-h-screen overflow-hidden bg-black flex items-center justify-center"
|
||||
>
|
||||
<img
|
||||
src={backgroundSection1}
|
||||
alt="Pessoa utilizando Pix no celular"
|
||||
class="absolute inset-0 h-full w-full object-cover
|
||||
object-[75%_center]
|
||||
sm:object-[70%_center]
|
||||
md:object-[65%_center]
|
||||
lg:object-[60%_center]"
|
||||
/>
|
||||
|
||||
<div class="absolute inset-0 bg-black/50" />
|
||||
|
||||
{#if mounted}
|
||||
<div
|
||||
class="absolute top-16 left-6 sm:top-24 sm:left-10 w-16 h-16 sm:w-24 sm:h-24 rounded-full bg-gradient-to-r from-blue-500/20 to-emerald-400/20 blur-xl floating-animation"
|
||||
in:fade={{ duration: 1000, delay: 400 }}
|
||||
/>
|
||||
|
||||
<div
|
||||
class="absolute bottom-20 right-8 sm:bottom-32 sm:right-16 w-24 h-24 sm:w-36 sm:h-36 rounded-full bg-gradient-to-r from-emerald-400/20 to-blue-500/20 blur-xl floating-animation"
|
||||
style="animation-delay: 2s"
|
||||
in:fade={{ duration: 1000, delay: 600 }}
|
||||
/>
|
||||
{/if}
|
||||
|
||||
<div
|
||||
class="relative z-10 container-basspago pt-20 sm:pt-32 md:pt-40 pb-20 sm:pb-32 text-center max-w-5xl mx-auto px-4 sm:px-6"
|
||||
>
|
||||
{#if mounted}
|
||||
<h1
|
||||
class="text-white
|
||||
text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl
|
||||
font-black
|
||||
leading-tight
|
||||
mb-6 sm:mb-8"
|
||||
in:fly={{ y: 30, duration: 800 }}
|
||||
>
|
||||
Infraestrutura de pagamento
|
||||
<br />
|
||||
flexível para{' '}
|
||||
<span class="text-gradient" style="background-size: 300% 300%;">
|
||||
expandir seus negócios
|
||||
</span>
|
||||
</h1>
|
||||
{/if}
|
||||
|
||||
<!-- Subtitle -->
|
||||
{#if mounted}
|
||||
<p
|
||||
class="mx-auto max-w-3xl
|
||||
text-base sm:text-lg md:text-xl
|
||||
text-white/90
|
||||
mb-8 sm:mb-12
|
||||
leading-relaxed"
|
||||
in:fly={{ y: 20, duration: 800, delay: 150 }}
|
||||
>
|
||||
Construa, escale e personalize suas soluções financeiras com total segurança, tecnologia de
|
||||
ponta e respaldo legal.
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
<!-- CTAs -->
|
||||
{#if mounted}
|
||||
<div
|
||||
class="flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center items-center"
|
||||
in:fly={{ y: 20, duration: 800, delay: 250 }}
|
||||
>
|
||||
<!-- Primary Button -->
|
||||
<button
|
||||
class="relative group
|
||||
inline-flex items-center justify-center gap-3
|
||||
rounded-2xl
|
||||
px-8 py-3 sm:px-12 sm:py-4
|
||||
bg-white text-black
|
||||
text-sm sm:text-base
|
||||
font-semibold
|
||||
overflow-hidden
|
||||
transition-all duration-300
|
||||
hover:shadow-2xl hover:scale-105
|
||||
w-full sm:w-auto"
|
||||
>
|
||||
<span
|
||||
class="absolute inset-0
|
||||
bg-gradient-to-r from-blue-600 to-emerald-400
|
||||
-translate-x-full
|
||||
group-hover:translate-x-0
|
||||
transition-transform duration-500 ease-out"
|
||||
/>
|
||||
<span class="relative z-10 flex items-center gap-3 group-hover:text-white">
|
||||
Abrir conta
|
||||
<ArrowRight size={18} />
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- Stats -->
|
||||
{#if mounted}
|
||||
<div
|
||||
class="mt-16 sm:mt-20 grid grid-cols-1 sm:grid-cols-3 gap-6 sm:gap-8 max-w-2xl mx-auto"
|
||||
in:fly={{ y: 30, duration: 1000, delay: 500 }}
|
||||
>
|
||||
<div class="text-center">
|
||||
<div class="text-3xl sm:text-4xl font-black text-white mb-1 sm:mb-2">50k+</div>
|
||||
<span class="text-white/70 text-xs sm:text-sm">Empresas ativas</span>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="text-3xl sm:text-4xl font-black text-gradient mb-1 sm:mb-2">R\$ 2bi+</div>
|
||||
<span class="text-white/70 text-xs sm:text-sm">Processado/mês</span>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="text-3xl sm:text-4xl font-black text-white mb-1 sm:mb-2">99,9%</div>
|
||||
<span class="text-white/70 text-xs sm:text-sm">Disponibilidade</span>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Gradient animation personalizada */
|
||||
.text-gradient {
|
||||
animation: gradientMove 6s ease infinite;
|
||||
}
|
||||
|
||||
@keyframes gradientMove {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Floating animation já está definida no CSS global */
|
||||
.floating-animation {
|
||||
animation: floating 6s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Animação adicional para o botão */
|
||||
button:hover .absolute {
|
||||
transform: translateX(0);
|
||||
}
|
||||
</style>
|
||||
232
src/lib/components/HowItWorks.svelte
Normal file
232
src/lib/components/HowItWorks.svelte
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly, fade } from 'svelte/transition';
|
||||
import { UserPlus, Settings, Zap, TrendingUp, ArrowRight, CheckCircle } from 'lucide-svelte';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const steps = [
|
||||
{
|
||||
icon: UserPlus,
|
||||
title: 'Crie sua conta',
|
||||
description: 'Cadastro digital rápido, sem burocracia.'
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
title: 'Configure sua operação',
|
||||
description: 'Defina pagamentos, integrações e dados do negócio.'
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: 'Comece a receber',
|
||||
description: 'PIX, cartão, boleto e links de pagamento.'
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: 'Acompanhe e escale',
|
||||
description: 'Relatórios e gestão em tempo real.'
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<section id="como-funciona" class="section-padding bg-white">
|
||||
<div class="container-basspago">
|
||||
<!-- Header -->
|
||||
<div
|
||||
class="text-center mb-20 max-w-3xl mx-auto"
|
||||
data-animate
|
||||
id="howitworks-header"
|
||||
>
|
||||
{#if mounted && visibleElements['howitworks-header']}
|
||||
<span
|
||||
class="inline-flex items-center gap-2 text-sm font-medium text-blue-600 mb-4"
|
||||
in:fly={{ y: 24, duration: 500 }}
|
||||
>
|
||||
<CheckCircle size={14} />
|
||||
Como funciona
|
||||
</span>
|
||||
|
||||
<h2
|
||||
class="text-4xl md:text-5xl font-black text-gray-900 mb-4"
|
||||
in:fly={{ y: 24, duration: 500, delay: 100 }}
|
||||
>
|
||||
Comece a receber em{' '}
|
||||
<span class="text-gradient">poucos passos</span>
|
||||
</h2>
|
||||
|
||||
<p
|
||||
class="text-gray-600 text-lg"
|
||||
in:fly={{ y: 24, duration: 500, delay: 200 }}
|
||||
>
|
||||
Estrutura simples, rápida e segura para sua empresa operar pagamentos.
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Steps -->
|
||||
<div class="relative grid md:grid-cols-4 gap-10 mb-20">
|
||||
{#each steps as step, index}
|
||||
<div
|
||||
class="text-center step-item"
|
||||
data-animate
|
||||
id="step-{index}"
|
||||
>
|
||||
{#if mounted && visibleElements[`step-${index}`]}
|
||||
<div
|
||||
in:fly={{ y: 30, duration: 400, delay: index * 80 }}
|
||||
class="relative"
|
||||
>
|
||||
<!-- Step Icon -->
|
||||
<div
|
||||
class="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-gray-100 step-icon group-hover:bg-blue-100 transition-colors duration-300"
|
||||
>
|
||||
<svelte:component this={step.icon} size={22} class="text-blue-600" />
|
||||
</div>
|
||||
|
||||
<!-- Step Number & Title -->
|
||||
<h3 class="text-lg font-semibold text-gray-900 mb-1">
|
||||
{index + 1}. {step.title}
|
||||
</h3>
|
||||
|
||||
<!-- Step Description -->
|
||||
<p class="text-sm text-gray-600">
|
||||
{step.description}
|
||||
</p>
|
||||
|
||||
<!-- Connecting Line (não no último item) -->
|
||||
{#if index < steps.length - 1}
|
||||
<div
|
||||
class="hidden md:block absolute top-7 left-full w-full h-0.5 bg-gradient-to-r from-blue-200 to-transparent -z-10"
|
||||
style="width: calc(100% - 1rem);"
|
||||
/>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<!-- CTA -->
|
||||
<div
|
||||
class="text-center"
|
||||
data-animate
|
||||
id="howitworks-cta"
|
||||
>
|
||||
{#if mounted && visibleElements['howitworks-cta']}
|
||||
<div in:fly={{ y: 24, duration: 500 }}>
|
||||
<button
|
||||
class="btn-primary px-14 py-4 text-base inline-flex items-center gap-2 group"
|
||||
>
|
||||
Criar conta grátis
|
||||
<ArrowRight size={18} class="group-hover:translate-x-1 transition-transform" />
|
||||
</button>
|
||||
|
||||
<p class="mt-4 text-sm text-gray-500">
|
||||
Sem taxa de setup • Sem fidelidade • Suporte especializado
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Animações para os passos */
|
||||
.step-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.step-item:hover .step-icon {
|
||||
transform: scale(1.1);
|
||||
background-color: rgb(219 234 254); /* blue-100 */
|
||||
}
|
||||
|
||||
.step-icon {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* Linha conectora animada */
|
||||
.step-item::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 1.75rem; /* 28px */
|
||||
left: calc(100% - 0.5rem);
|
||||
width: calc(100% - 2rem);
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, rgb(191 219 254), transparent);
|
||||
opacity: 0;
|
||||
animation: lineGrow 0.8s ease-in-out forwards;
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
|
||||
/* Não mostrar linha no último item */
|
||||
.step-item:last-child::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Esconder linha em mobile */
|
||||
@media (max-width: 768px) {
|
||||
.step-item::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes lineGrow {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scaleX(0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Hover effect para o botão CTA */
|
||||
.group:hover .group-hover\:translate-x-1 {
|
||||
transform: translateX(0.25rem);
|
||||
}
|
||||
|
||||
/* Animação de pulso para os ícones */
|
||||
.step-icon:hover {
|
||||
animation: iconPulse 0.6s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes iconPulse {
|
||||
0%, 100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.15);
|
||||
}
|
||||
}
|
||||
|
||||
/* Gradient para o texto */
|
||||
.text-gradient {
|
||||
background: linear-gradient(135deg, #3b82f6, #06b6d4);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
</style>
|
||||
223
src/lib/components/Pricing.svelte
Normal file
223
src/lib/components/Pricing.svelte
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly } from 'svelte/transition';
|
||||
import { ArrowRight, CreditCard, Smartphone, BarChart3 } from 'lucide-svelte';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const solutions = [
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: 'Conta PJ Digital',
|
||||
description:
|
||||
'Conta completa para empresas com PIX, cartões e gestão financeira integrada.',
|
||||
highlight: 'Sem mensalidade',
|
||||
cta: 'Abrir conta PJ',
|
||||
bg: 'bg-blue-600',
|
||||
textColor: 'text-white'
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: 'PDV Inteligente',
|
||||
description: 'Venda no presencial com estabilidade, rapidez e integração total.',
|
||||
highlight: 'Ideal para lojas físicas',
|
||||
cta: 'Conhecer PDV',
|
||||
bg: 'bg-white',
|
||||
textColor: 'text-gray-900',
|
||||
bordered: true
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: 'API & PIX Empresas',
|
||||
description: 'Infraestrutura robusta para integrar pagamentos ao seu sistema.',
|
||||
highlight: 'Alta performance',
|
||||
cta: 'Falar com especialista',
|
||||
bg: 'bg-emerald-600',
|
||||
textColor: 'text-white'
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<section id="precos" class="section-padding bg-gray-50">
|
||||
<div class="container-basspago">
|
||||
<!-- Header -->
|
||||
<div
|
||||
class="text-center max-w-3xl mx-auto mb-20"
|
||||
data-animate
|
||||
id="pricing-header"
|
||||
>
|
||||
{#if mounted && visibleElements['pricing-header']}
|
||||
<h2
|
||||
class="text-4xl md:text-5xl font-black text-gray-900 mb-4"
|
||||
in:fly={{ y: 20, duration: 400 }}
|
||||
>
|
||||
Soluções para cada tipo de negócio
|
||||
</h2>
|
||||
<p
|
||||
class="text-lg text-gray-600"
|
||||
in:fly={{ y: 20, duration: 400, delay: 100 }}
|
||||
>
|
||||
Escolha a estrutura ideal para operar seus pagamentos com eficiência.
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Solutions -->
|
||||
<div class="grid md:grid-cols-3 gap-10">
|
||||
{#each solutions as solution, index}
|
||||
<div
|
||||
class="solution-card rounded-3xl p-10 text-center {solution.bg} {solution.textColor} {solution.bordered
|
||||
? 'border border-gray-200'
|
||||
: ''}"
|
||||
data-animate
|
||||
id="solution-{index}"
|
||||
>
|
||||
{#if mounted && visibleElements[`solution-${index}`]}
|
||||
<div
|
||||
in:fly={{ y: 30, duration: 400, delay: index * 100 }}
|
||||
class="h-full flex flex-col"
|
||||
>
|
||||
<!-- Icon -->
|
||||
<div
|
||||
class="mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full {solution.bordered
|
||||
? 'bg-gray-100'
|
||||
: 'bg-white/20'}"
|
||||
>
|
||||
<svelte:component
|
||||
this={solution.icon}
|
||||
size={24}
|
||||
class={solution.bordered ? 'text-gray-700' : 'text-white'}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Title -->
|
||||
<h3 class="text-2xl font-bold mb-3">{solution.title}</h3>
|
||||
|
||||
<!-- Description -->
|
||||
<p
|
||||
class="mb-6 {solution.bordered ? 'text-gray-600' : 'text-white/80'}"
|
||||
>
|
||||
{solution.description}
|
||||
</p>
|
||||
|
||||
<!-- Highlight -->
|
||||
<span
|
||||
class="inline-block mb-6 text-sm font-semibold {solution.bordered
|
||||
? 'text-blue-600'
|
||||
: 'text-white'}"
|
||||
>
|
||||
{solution.highlight}
|
||||
</span>
|
||||
|
||||
<!-- CTA Button -->
|
||||
<button
|
||||
class="inline-flex items-center gap-2 px-8 py-3 rounded-full font-semibold transition-all duration-300 group {solution.bordered
|
||||
? 'bg-gray-900 text-white hover:bg-gray-800'
|
||||
: 'bg-white text-black hover:bg-gray-100'} mt-auto"
|
||||
>
|
||||
{solution.cta}
|
||||
<ArrowRight size={16} class="group-hover:translate-x-1 transition-transform" />
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Solution card hover effects */
|
||||
.solution-card {
|
||||
transition: all 0.3s ease;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.solution-card:hover {
|
||||
transform: translateY(-8px);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Special hover effect for bordered card */
|
||||
.solution-card.bg-white:hover {
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
||||
border-color: rgb(209 213 219); /* gray-300 */
|
||||
}
|
||||
|
||||
/* Icon hover animation */
|
||||
.solution-card:hover .h-14 {
|
||||
transform: scale(1.1) rotate(5deg);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
/* Button hover effects */
|
||||
.group:hover .group-hover\:translate-x-1 {
|
||||
transform: translateX(0.25rem);
|
||||
}
|
||||
|
||||
/* Gradient overlay for colored cards */
|
||||
.solution-card:not(.bg-white)::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.solution-card:not(.bg-white):hover::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 768px) {
|
||||
.solution-card {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Animation for the icon container */
|
||||
.h-14 {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* Pulse effect on hover */
|
||||
.solution-card:hover {
|
||||
animation: cardPulse 0.6s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes cardPulse {
|
||||
0%, 100% {
|
||||
transform: translateY(-8px) scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(-10px) scale(1.02);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
164
src/lib/components/Products.svelte
Normal file
164
src/lib/components/Products.svelte
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly, fade } from 'svelte/transition';
|
||||
import { CreditCard, Code, ArrowRight, Check, Zap, Building2 } from 'lucide-svelte';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const products = [
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: 'PDV Completo',
|
||||
subtitle: 'Venda presencial',
|
||||
description:
|
||||
'Sistema de ponto de venda completo para lojas físicas. Aceite PIX, cartões e controle seu negócio em tempo real.',
|
||||
highlight: 'Mais vendido',
|
||||
color: 'from-blue-500 to-cyan-500'
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
title: 'Api pix',
|
||||
subtitle: 'Para desenvolvedores',
|
||||
description:
|
||||
'API robusta para integrar pagamentos PIX em qualquer sistema. Documentação completa e suporte técnico especializado.',
|
||||
highlight: 'Mais integrado',
|
||||
color: 'from-green-500 to-emerald-500'
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: 'Banking',
|
||||
subtitle: 'Conta empresarial',
|
||||
description:
|
||||
'Conta digital completa para empresas com PIX, TED, cartões corporativos e gestão financeira integrada.',
|
||||
highlight: 'Sem mensalidade',
|
||||
color: 'from-purple-500 to-pink-500'
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<section id="produtos" class="section-padding bg-gray-50">
|
||||
<div class="container-basspago">
|
||||
<!-- Header -->
|
||||
<div
|
||||
class="text-center mb-20"
|
||||
data-animate
|
||||
id="products-header"
|
||||
>
|
||||
{#if mounted && visibleElements['products-header']}
|
||||
<h2
|
||||
class="text-4xl md:text-5xl font-black text-gray-900 mb-6"
|
||||
in:fly={{ y: 24, duration: 500, delay: 100 }}
|
||||
>
|
||||
Soluções completas para
|
||||
<br />
|
||||
<span class="text-gradient">seu negócio crescer</span>
|
||||
</h2>
|
||||
|
||||
<p
|
||||
class="text-xl text-gray-600 max-w-3xl mx-auto"
|
||||
in:fly={{ y: 24, duration: 500, delay: 200 }}
|
||||
>
|
||||
Do PDV completo para sua loja física até a conta digital empresarial. Tudo que você
|
||||
precisa para aceitar pagamentos e gerir suas finanças de forma simples e segura.
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Products Grid - 3 colunas -->
|
||||
<div class="grid lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
|
||||
{#each products as product, index}
|
||||
<div
|
||||
class="card-basspago flex flex-col"
|
||||
data-animate
|
||||
id="product-{index}"
|
||||
>
|
||||
{#if mounted && visibleElements[`product-${index}`]}
|
||||
<div
|
||||
in:fly={{ y: 32, duration: 450, delay: index * 150 }}
|
||||
class="h-full flex flex-col"
|
||||
>
|
||||
<!-- Badge -->
|
||||
<span
|
||||
class="inline-block text-white text-xs font-semibold px-3 py-1 rounded-full bg-gradient-to-r {product.color} mb-6"
|
||||
>
|
||||
{product.highlight}
|
||||
</span>
|
||||
|
||||
<!-- Icon -->
|
||||
<div
|
||||
class="w-20 h-20 bg-gradient-to-r {product.color} rounded-2xl flex items-center justify-center mb-6"
|
||||
>
|
||||
<svelte:component this={product.icon} size={40} class="text-white" />
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<h3 class="text-2xl font-bold text-gray-900 mb-2">
|
||||
{product.title}
|
||||
</h3>
|
||||
|
||||
<span class="text-blue-600 font-semibold mb-4 text-lg">
|
||||
{product.subtitle}
|
||||
</span>
|
||||
|
||||
<p class="text-gray-600 mb-8 leading-relaxed">
|
||||
{product.description}
|
||||
</p>
|
||||
|
||||
<!-- CTA -->
|
||||
<button
|
||||
class="mt-auto w-full bg-gray-900 text-white py-4 rounded-xl
|
||||
font-semibold flex items-center justify-center gap-2
|
||||
hover:bg-gray-800 transition-all duration-300
|
||||
group"
|
||||
>
|
||||
Saiba mais
|
||||
<ArrowRight size={18} class="group-hover:translate-x-1 transition-transform" />
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Animações personalizadas */
|
||||
.card-basspago:hover {
|
||||
transform: translateY(-6px);
|
||||
}
|
||||
|
||||
/* Transição suave para o ícone da seta */
|
||||
.group:hover .group-hover\:translate-x-1 {
|
||||
transform: translateX(0.25rem);
|
||||
}
|
||||
|
||||
/* Gradient text para títulos */
|
||||
.text-gradient {
|
||||
background: linear-gradient(135deg, #3b82f6, #06b6d4);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
</style>
|
||||
462
src/lib/components/ProductsComparison.svelte
Normal file
462
src/lib/components/ProductsComparison.svelte
Normal file
|
|
@ -0,0 +1,462 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly } from 'svelte/transition';
|
||||
|
||||
import cubes from '$lib/assets/cubes.svg';
|
||||
import secure from '$lib/assets/secure.svg';
|
||||
import pix from '$lib/assets/pix.svg';
|
||||
import boleto from '$lib/assets/boleto.svg';
|
||||
import cartoes from '$lib/assets/cartoes.svg';
|
||||
import pagamentos from '$lib/assets/pagamentos.svg';
|
||||
import adquirencia from '$lib/assets/adquirencia.svg';
|
||||
import video from '$lib/assets/video.webm';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
</script>
|
||||
|
||||
<section class="benefits-v2">
|
||||
<div class="benefits-container">
|
||||
<!-- Título e descrição -->
|
||||
<div
|
||||
class="benefits-header"
|
||||
data-animate
|
||||
id="benefits-header"
|
||||
>
|
||||
{#if mounted && visibleElements['benefits-header']}
|
||||
<h2 in:fly={{ y: 30, duration: 600 }}>
|
||||
A estrutura ideal para pagamentos ágeis, seguros e escaláveis
|
||||
</h2>
|
||||
<p in:fly={{ y: 30, duration: 600, delay: 100 }}>
|
||||
Torne sua empresa referência no mercado financeiro digital com <br />
|
||||
uma experiência de pagamentos inovadora e eficiente
|
||||
</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Grid de benefícios -->
|
||||
<div class="benefits-grid-container">
|
||||
<div class="benefits-grid">
|
||||
<!-- Esquerda: card grande -->
|
||||
<div
|
||||
class="benefit-large"
|
||||
data-animate
|
||||
id="benefit-large"
|
||||
>
|
||||
{#if mounted && visibleElements['benefit-large']}
|
||||
<div in:fly={{ y: 40, duration: 700, delay: 200 }}>
|
||||
<video class="benefit-bg-video" src={video} autoplay loop muted playsinline></video>
|
||||
<div class="benefit-text">
|
||||
<h3>Embedded Finance</h3>
|
||||
<p>
|
||||
Eleve a experiência do seu cliente e aumente a sua rentabilidade com soluções financeiras integradas ao
|
||||
seu core business.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<!-- Direita: 2 cards -->
|
||||
<div class="benefit-column">
|
||||
<div
|
||||
class="benefit-small"
|
||||
data-animate
|
||||
id="benefit-small-1"
|
||||
>
|
||||
{#if mounted && visibleElements['benefit-small-1']}
|
||||
<div in:fly={{ y: 40, duration: 700, delay: 300 }}>
|
||||
<img src={cubes} alt="Cria sua própria experiência" />
|
||||
<div class="benefit-text">
|
||||
<h3>Cria sua própria experiência</h3>
|
||||
<p>
|
||||
Nossas APIs foram projetadas para oferecer flexibilidade e desempenho, permitindo integrações rápidas
|
||||
e seguras com o mínimo de esforço.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="benefit-small"
|
||||
data-animate
|
||||
id="benefit-small-2"
|
||||
>
|
||||
{#if mounted && visibleElements['benefit-small-2']}
|
||||
<div in:fly={{ y: 40, duration: 700, delay: 400 }}>
|
||||
<img src={secure} alt="Prevenção a fraude" />
|
||||
<div class="benefit-text">
|
||||
<h3>Prevenção a fraude</h3>
|
||||
<p>
|
||||
Garanta segurança de ponta a ponta no seu modelo de banking ou adquirência com tecnologias avançadas
|
||||
de análise de transações.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ícones de métodos de pagamento -->
|
||||
<div class="payment-icons">
|
||||
<div
|
||||
class="payment-icon"
|
||||
data-animate
|
||||
id="payment-icon-1"
|
||||
>
|
||||
{#if mounted && visibleElements['payment-icon-1']}
|
||||
<div in:fly={{ y: 30, duration: 500, delay: 500 }}>
|
||||
<div class="icon-circle"><img src={pix} alt="Pix" /></div>
|
||||
<span>Pix</span>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="payment-icon"
|
||||
data-animate
|
||||
id="payment-icon-2"
|
||||
>
|
||||
{#if mounted && visibleElements['payment-icon-2']}
|
||||
<div in:fly={{ y: 30, duration: 500, delay: 600 }}>
|
||||
<div class="icon-circle"><img src={pagamentos} alt="Banking" /></div>
|
||||
<span>Banking</span>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="payment-icon"
|
||||
data-animate
|
||||
id="payment-icon-3"
|
||||
>
|
||||
{#if mounted && visibleElements['payment-icon-3']}
|
||||
<div in:fly={{ y: 30, duration: 500, delay: 700 }}>
|
||||
<div class="icon-circle"><img src={adquirencia} alt="Payments" /></div>
|
||||
<span>PDV</span>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* ===== Section ===== */
|
||||
.benefits-v2 {
|
||||
background: #000000;
|
||||
padding: 120px 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.benefits-container {
|
||||
max-width: 1164px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 56px;
|
||||
}
|
||||
|
||||
/* ===== Header ===== */
|
||||
.benefits-header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.benefits-header h2 {
|
||||
font-size: clamp(2.2rem, 5vw, 2.4rem);
|
||||
font-weight: 900;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 12px;
|
||||
letter-spacing: -0.4px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.benefits-header p {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.18px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
/* ===== Grid Container ===== */
|
||||
.benefits-grid-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
gap: 20px;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
/* ===== Grid ===== */
|
||||
.benefits-grid {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
/* ===== Card grande ===== */
|
||||
.benefit-large {
|
||||
background: linear-gradient(135deg, #1fcdf2, #2064e5);
|
||||
border-radius: 16px;
|
||||
padding: 30px;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: end;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.benefit-bg-video {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
opacity: 0.5;
|
||||
mix-blend-mode: plus-lighter;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.benefit-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.benefit-large h3 {
|
||||
color: #ffffff;
|
||||
font-family: var(--font-family-sans);
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: normal;
|
||||
letter-spacing: -0.22px;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.benefit-large p {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
font-family: var(--font-family-sans);
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
letter-spacing: -0.18px;
|
||||
}
|
||||
|
||||
/* ===== Coluna direita ===== */
|
||||
.benefit-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.benefit-small {
|
||||
background-color: rgba(255, 255, 255, 0.03);
|
||||
border-radius: 16px;
|
||||
padding: 40px 25px;
|
||||
display: flex;
|
||||
gap: 27px;
|
||||
align-items: center;
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.benefit-small:hover {
|
||||
transform: translateY(-6px);
|
||||
border-color: rgba(255, 255, 255, 0.18);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.benefit-small img {
|
||||
width: 62px;
|
||||
height: 62px;
|
||||
flex-shrink: 0;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.benefit-small h3 {
|
||||
color: #ffffff;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: normal;
|
||||
letter-spacing: -0.22px;
|
||||
font-size: 1.15rem;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.benefit-small p {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
letter-spacing: -0.18px;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
/* ===== Payment Icons ===== */
|
||||
.payment-icons {
|
||||
display: flex;
|
||||
height: 85px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.payment-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: rgba(255, 255, 255, 0.03);
|
||||
border-radius: 12px;
|
||||
padding: 16px 24px;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.payment-icon:hover {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.icon-circle {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 12px;
|
||||
flex-shrink: 0;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.icon-circle img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.payment-icon span {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.payment-icon:hover span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* ===== Responsive ===== */
|
||||
@media (max-width: 768px) {
|
||||
.benefits-v2 {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.benefits-grid {
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.benefit-large {
|
||||
min-height: 320px;
|
||||
}
|
||||
|
||||
.benefit-small {
|
||||
gap: 16px;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.payment-icons {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.payment-icon {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.benefits-header {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.benefits-header p br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.benefit-small {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
gap: 16px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.benefit-small img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.payment-icons {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.icon-circle {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.icon-circle img {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.payment-icon span {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
191
src/lib/components/Testimonials.svelte
Normal file
191
src/lib/components/Testimonials.svelte
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import { fly, fade } from 'svelte/transition';
|
||||
import { Star, Quote, ArrowLeft, ArrowRight } from 'lucide-svelte';
|
||||
|
||||
let mounted = false;
|
||||
let visibleElements = {};
|
||||
let currentSlide = 0;
|
||||
|
||||
onMount(() => {
|
||||
mounted = true;
|
||||
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
visibleElements[entry.target.id] = true;
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('[data-animate]');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
|
||||
const testimonials = [
|
||||
{
|
||||
name: 'Carlos Silva',
|
||||
role: 'CEO',
|
||||
company: 'TechStore',
|
||||
segment: 'E-commerce',
|
||||
content:
|
||||
'O BassPago revolucionou nossa operação. Aumentamos as vendas em 40% no primeiro mês e a experiência do cliente melhorou muito.',
|
||||
rating: 5,
|
||||
avatar: 'CS',
|
||||
result: '+40% em vendas'
|
||||
},
|
||||
{
|
||||
name: 'Ana Santos',
|
||||
role: 'Proprietária',
|
||||
company: 'Boutique Fashion',
|
||||
segment: 'Varejo',
|
||||
content:
|
||||
'A integração foi simples e o PIX trouxe muita agilidade para o caixa. Hoje é essencial no nosso dia a dia.',
|
||||
rating: 5,
|
||||
avatar: 'AS',
|
||||
result: '+60% PIX'
|
||||
},
|
||||
{
|
||||
name: 'João Oliveira',
|
||||
role: 'CTO',
|
||||
company: 'StartupTech',
|
||||
segment: 'Tecnologia',
|
||||
content:
|
||||
'API extremamente bem documentada. Integramos rápido e com segurança. Suporte técnico realmente entende do produto.',
|
||||
rating: 5,
|
||||
avatar: 'JO',
|
||||
result: 'Integração em 2h'
|
||||
},
|
||||
{
|
||||
name: 'Maria Costa',
|
||||
role: 'Gerente',
|
||||
company: 'Rede de Lojas',
|
||||
segment: 'Varejo',
|
||||
content:
|
||||
'Hoje temos controle total das vendas das lojas em tempo real. Os relatórios mudaram nossa tomada de decisão.',
|
||||
rating: 5,
|
||||
avatar: 'MC',
|
||||
result: '15 lojas integradas'
|
||||
},
|
||||
{
|
||||
name: 'Pedro Almeida',
|
||||
role: 'Desenvolvedor',
|
||||
company: 'FreelaDev',
|
||||
segment: 'Serviços',
|
||||
content:
|
||||
'Como desenvolvedor, posso afirmar: a API do BassPago é uma das melhores que já usei.',
|
||||
rating: 5,
|
||||
avatar: 'PA',
|
||||
result: '99.9% uptime'
|
||||
},
|
||||
{
|
||||
name: 'Lucia Fernandes',
|
||||
role: 'Diretora Financeira',
|
||||
company: 'Grupo Empresarial',
|
||||
segment: 'Corporativo',
|
||||
content:
|
||||
'Facilidade de conciliação, transparência e segurança. O ganho operacional foi imediato.',
|
||||
rating: 5,
|
||||
avatar: 'LF',
|
||||
result: 'ROI imediato'
|
||||
}
|
||||
];
|
||||
|
||||
const itemsPerSlide = 3;
|
||||
const totalSlides = Math.ceil(testimonials.length / itemsPerSlide);
|
||||
|
||||
$: visible = testimonials.slice(
|
||||
currentSlide * itemsPerSlide,
|
||||
currentSlide * itemsPerSlide + itemsPerSlide
|
||||
);
|
||||
|
||||
function nextSlide() {
|
||||
currentSlide = (currentSlide + 1) % totalSlides;
|
||||
}
|
||||
|
||||
function prevSlide() {
|
||||
currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
|
||||
}
|
||||
|
||||
function goToSlide(index) {
|
||||
currentSlide = index;
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
/* Card styling */
|
||||
.card-basspago {
|
||||
background-color: white;
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgb(229 231 235); /* gray-200 */
|
||||
border-radius: 1.5rem;
|
||||
padding: 2rem;
|
||||
transition: all 0.3s ease;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.card-basspago::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, #3b82f6, #06b6d4);
|
||||
transform: scaleX(0);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.card-basspago:hover::before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.card-basspago:hover {
|
||||
transform: translateY(-8px);
|
||||
border-color: rgb(209 213 219); /* gray-300 */
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* Gradient text */
|
||||
.text-gradient {
|
||||
background: linear-gradient(135deg, #3b82f6, #06b6d4);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
/* Navigation buttons */
|
||||
button:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
/* Slide transition */
|
||||
.grid {
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
/* Responsive adjustments */
|
||||
@media (max-width: 768px) {
|
||||
.grid {
|
||||
grid-template-columns: 1fr;
|
||||
min-height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
1
src/lib/index.ts
Normal file
1
src/lib/index.ts
Normal file
|
|
@ -0,0 +1 @@
|
|||
// place files you want to import through the `$lib` alias in this folder.
|
||||
7
src/routes/+layout.svelte
Normal file
7
src/routes/+layout.svelte
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<script>
|
||||
import '../app.css';
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<slot />
|
||||
</main>
|
||||
26
src/routes/+page.svelte
Normal file
26
src/routes/+page.svelte
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<script>
|
||||
import Header from '$lib/components/Header.svelte';
|
||||
import Hero from '$lib/components/Hero.svelte';
|
||||
import Products from '$lib/components/Products.svelte';
|
||||
import ProductsComparison from '$lib/components/ProductsComparison.svelte';
|
||||
import Features from '$lib/components/Features.svelte';
|
||||
import Testimonials from '$lib/components/Testimonials.svelte';
|
||||
import CTA from '$lib/components/CTA.svelte';
|
||||
import Footer from '$lib/components/Footer.svelte';
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>BassPago - Infraestrutura de Pagamentos</title>
|
||||
<meta name="description" content="Infraestrutura de pagamentos flexível para expandir seus negócios" />
|
||||
</svelte:head>
|
||||
|
||||
<div class="App">
|
||||
<Header />
|
||||
<Hero />
|
||||
<Products />
|
||||
<ProductsComparison/>
|
||||
<Features />
|
||||
<Testimonials />
|
||||
<CTA />
|
||||
<Footer />
|
||||
</div>
|
||||
1585
src/routes/banking/+page.svelte
Normal file
1585
src/routes/banking/+page.svelte
Normal file
File diff suppressed because it is too large
Load Diff
797
src/routes/centro-suporte/+page.svelte
Normal file
797
src/routes/centro-suporte/+page.svelte
Normal file
|
|
@ -0,0 +1,797 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import Header from '$lib/components/Header.svelte';
|
||||
import Footer from '$lib/components/Footer.svelte';
|
||||
|
||||
import imagemContato from '$lib/assets/imagem-contato.png';
|
||||
import contatoContaDigital from '$lib/assets/contato-conta-digital.png';
|
||||
import facebookGreen from '$lib/assets/facebook-green.svg';
|
||||
import instagramGreen from '$lib/assets/instagram-green.svg';
|
||||
import tiktokGreen from '$lib/assets/tiktok-green.svg';
|
||||
import linkedinGreen from '$lib/assets/linkedin-green.svg';
|
||||
import youtubeGreen from '$lib/assets/youtube-green.svg';
|
||||
|
||||
const contactCards = [
|
||||
{
|
||||
title: 'SAC',
|
||||
description: 'Dúvidas ou sugestões? Nossos especialistas estão prontos para atender você.',
|
||||
schedule: 'De segunda a sexta-feira das 8:30h às 17:45h\n(exceto feriados)',
|
||||
contact: 'suporte@basspago.com',
|
||||
href: 'mailto:suporte@basspago.com',
|
||||
ariaLabel: 'Enviar email para suporte@basspago.com'
|
||||
},
|
||||
{
|
||||
title: 'Ouvidoria',
|
||||
description: 'Não teve solução no atendimento? Registre sua reclamação ou denúncia aqui:',
|
||||
schedule: 'De segunda a sexta-feira das 8:30h às 17:45h\n(exceto feriados)',
|
||||
contact: 'Chat Online',
|
||||
href: '#',
|
||||
ariaLabel: 'Chat Online Bass Pago'
|
||||
},
|
||||
{
|
||||
title: 'Vendas',
|
||||
description: 'Quer contratar nossos produtos e serviços? Fale com a gente.',
|
||||
schedule: 'De segunda a sexta-feira das 8:30h às 17:45h\n(exceto feriados)',
|
||||
contact: 'comercial@basspago.com',
|
||||
href: 'mailto:comercial@basspago.com',
|
||||
ariaLabel: 'Enviar email para comercial@basspago.com'
|
||||
}
|
||||
];
|
||||
|
||||
const socialMedia = [
|
||||
{
|
||||
name: 'Facebook',
|
||||
icon: facebookGreen,
|
||||
href: 'https://www.facebook.com/basspago/',
|
||||
ariaLabel: 'Seguir no Facebook'
|
||||
},
|
||||
{
|
||||
name: 'Instagram',
|
||||
icon: instagramGreen,
|
||||
href: 'https://www.instagram.com/basspago/',
|
||||
ariaLabel: 'Seguir no Instagram'
|
||||
},
|
||||
{
|
||||
name: 'TikTok',
|
||||
icon: tiktokGreen,
|
||||
href: 'https://www.tiktok.com/@basspago',
|
||||
ariaLabel: 'Seguir no TikTok'
|
||||
},
|
||||
{
|
||||
name: 'LinkedIn',
|
||||
icon: linkedinGreen,
|
||||
href: 'https://www.linkedin.com/company/bass-pago/',
|
||||
ariaLabel: 'Seguir no LinkedIn'
|
||||
},
|
||||
{
|
||||
name: 'YouTube',
|
||||
icon: youtubeGreen,
|
||||
href: 'https://www.youtube.com/@basspago',
|
||||
ariaLabel: 'Seguir no YouTube'
|
||||
}
|
||||
];
|
||||
|
||||
const faqs = [
|
||||
{
|
||||
question: 'A conta Bass Pago é segura?',
|
||||
answer: 'Sim, seguimos todas as normas regulatórias e usamos camadas avançadas de segurança para proteger suas transações e dados.'
|
||||
},
|
||||
{
|
||||
question: 'Como faço para abrir uma conta digital na Bass Pago?',
|
||||
answer: 'O processo é simples e digital: você pode abrir sua conta através da nossa plataforma, com validação de documentos e aprovação rápida.'
|
||||
},
|
||||
{
|
||||
question: 'A conta Bass Pago tem tarifas?',
|
||||
answer: 'Temos planos competitivos e transparentes, com opções para diferentes volumes e necessidades de negócio.'
|
||||
},
|
||||
{
|
||||
question: 'Como funciona o suporte ao cliente da Bass Pago?',
|
||||
answer: 'Oferecemos suporte on-line, com atendimento rápido para resolver dúvidas e problemas.'
|
||||
},
|
||||
{
|
||||
question: 'O que é Embedded Finance na Bass Pago?',
|
||||
answer: 'É a integração de serviços financeiros na sua plataforma, por meio da nossa infraestrutura white label, que possibilita oferecer soluções sob sua marca com total controle.'
|
||||
},
|
||||
{
|
||||
question: 'Posso abrir uma conta com restrições financeiras?',
|
||||
answer: 'Sim, você pode abrir sua conta digital na Bass Pago mesmo tendo restrições no Serasa ou SPC, pois isso não impede o cadastro e uso dos nossos serviços.'
|
||||
}
|
||||
];
|
||||
|
||||
let openFaq = null;
|
||||
|
||||
function toggleFaq(index) {
|
||||
openFaq = openFaq === index ? null : index;
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
const observer = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.style.opacity = '1';
|
||||
entry.target.style.transform = 'translateY(0)';
|
||||
}
|
||||
});
|
||||
},
|
||||
{ threshold: 0.1 }
|
||||
);
|
||||
|
||||
const elements = document.querySelectorAll('.fade-up, .fade-right, .fade-left');
|
||||
elements.forEach((el) => observer.observe(el));
|
||||
|
||||
return () => observer.disconnect();
|
||||
});
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Centro de Suporte - BassPago</title>
|
||||
<meta name="description" content="Precisa de ajuda? Nossos canais de atendimento estão disponíveis para responder suas dúvidas, resolver problemas e fornecer informações." />
|
||||
</svelte:head>
|
||||
|
||||
<Header />
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section class="contact-section">
|
||||
<!-- Contact Hero Section -->
|
||||
<div class="contact-hero">
|
||||
<div class="contact-hero__content">
|
||||
<h1 class="contact-hero__title fade-up">Precisa de ajuda?</h1>
|
||||
<div class="mobile">
|
||||
<div class="contact-hero__background fade-up">
|
||||
<img src={imagemContato} alt="centro-de-suporte" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="contact-hero__subtitle fade-up">
|
||||
Nossos canais de atendimento estão disponíveis para responder
|
||||
suas dúvidas, resolver problemas e fornecer informações.
|
||||
</p>
|
||||
<div class="desktop">
|
||||
<div class="contact-hero__background fade-up">
|
||||
<img src={imagemContato} alt="centro-de-suporte" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contact Cards Section -->
|
||||
<div class="contact-cards">
|
||||
<!-- First Row - SAC, Ouvidoria, Venda -->
|
||||
<div class="contact-cards__row">
|
||||
{#each contactCards as card}
|
||||
<div class="contact-card fade-right">
|
||||
<div class="contact-card__content">
|
||||
<p class="contact-card__title">{card.title}</p>
|
||||
<p class="contact-card__description">{card.description}</p>
|
||||
<p class="contact-card__schedule">{card.schedule}</p>
|
||||
<a
|
||||
href={card.href}
|
||||
class="contact-card__contact"
|
||||
tabindex="0"
|
||||
aria-label={card.ariaLabel}
|
||||
>
|
||||
{card.contact}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<!-- Second Row - Social Media -->
|
||||
<div class="contact-cards__row">
|
||||
<div class="contact-card contact-card--social fade-up">
|
||||
<div class="contact-card__content">
|
||||
<p class="contact-card__title">Redes sociais</p>
|
||||
<p class="contact-card__description">
|
||||
Siga nossas redes sociais oficiais<br />e fique por dentro de todas as novidades.
|
||||
</p>
|
||||
<div class="contact-card__social-icons">
|
||||
{#each socialMedia as social}
|
||||
<a
|
||||
href={social.href}
|
||||
class="contact-card__social-icon"
|
||||
tabindex="0"
|
||||
aria-label={social.ariaLabel}
|
||||
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<img src={social.icon} alt={social.name} width="20" height="20" />
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<Footer />
|
||||
|
||||
<style>
|
||||
/* =========================
|
||||
CONTACT PAGE STYLES
|
||||
========================= */
|
||||
|
||||
:root {
|
||||
--color-dark: #000;
|
||||
--color-white: #fff;
|
||||
--color-black: #000;
|
||||
--color-primary: #41FE95;
|
||||
--color-text-light: rgba(255, 255, 255, 0.6);
|
||||
--font-family-space-grotesk: 'Space Grotesk', sans-serif;
|
||||
--border-radius-lg: 24px;
|
||||
--border-radius-md: 15px;
|
||||
--p-minus: 16px;
|
||||
}
|
||||
|
||||
/* Contact Section - Main Container */
|
||||
.contact-section {
|
||||
padding: 60px 20px 60px;
|
||||
background-color: var(--color-dark);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 45px;
|
||||
}
|
||||
|
||||
/* Contact Hero Section */
|
||||
.contact-hero {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
max-width: 1116px;
|
||||
margin: 0 auto;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
/* Contact Hero Content */
|
||||
.contact-hero__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Contact Hero Title */
|
||||
.contact-hero__title {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
color: var(--color-white);
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
font-size: clamp(2rem, 5vw, 3.5rem);
|
||||
}
|
||||
|
||||
/* Contact Hero Subtitle */
|
||||
.contact-hero__subtitle {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
color: var(--color-text-light);
|
||||
text-align: center;
|
||||
max-width: 712px;
|
||||
margin: 0;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
/* Contact Hero Background */
|
||||
.contact-hero__background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
border-radius: var(--border-radius-lg);
|
||||
}
|
||||
|
||||
.contact-hero__background img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
border-radius: var(--border-radius-lg);
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Contact Cards Container */
|
||||
.contact-cards {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
width: 100%;
|
||||
max-width: 1116px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Contact Cards Row */
|
||||
.contact-cards__row {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Contact Card */
|
||||
.contact-card {
|
||||
background-color: rgba(255, 255, 255, 0.04);
|
||||
border-radius: var(--border-radius-md);
|
||||
padding: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 30px;
|
||||
flex: 1;
|
||||
min-height: 222px;
|
||||
}
|
||||
|
||||
/* Contact Card Content */
|
||||
.contact-card__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.contact-card__content p {
|
||||
font-size: var(--p-minus);
|
||||
}
|
||||
|
||||
/* Contact Card Title */
|
||||
.contact-card__title {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
color: var(--color-white);
|
||||
letter-spacing: -0.16px;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Contact Card Description */
|
||||
.contact-card__description {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
letter-spacing: -0.14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Contact Card Schedule */
|
||||
.contact-card__schedule {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
color: var(--color-text-light);
|
||||
letter-spacing: -0.14px;
|
||||
max-width: 302px;
|
||||
margin: 0;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
/* Contact Card Contact Info */
|
||||
.contact-card__contact {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
color: var(--color-primary);
|
||||
letter-spacing: -0.12px;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
transition: opacity 0.3s ease;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.contact-card__contact:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Social Media Card */
|
||||
.contact-card--social {
|
||||
width: 100%;
|
||||
min-height: auto;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
/* Social Media Icons */
|
||||
.contact-card__social-icons {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
align-items: center;
|
||||
width: 131px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact-card__social-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
transition: opacity 0.3s ease;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.contact-card__social-icon:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Security Section */
|
||||
.security-section {
|
||||
background-color: var(--color-white);
|
||||
padding: 60px 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Security Container */
|
||||
.security-container {
|
||||
display: flex;
|
||||
gap: 98px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Security Visual */
|
||||
.security-visual {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Security Phone Wrapper */
|
||||
.security-phone-wrapper {
|
||||
position: relative;
|
||||
width: 497px;
|
||||
height: 444px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Security Phone */
|
||||
.security-phone {
|
||||
object-fit: contain;
|
||||
object-position: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Security Content */
|
||||
.security-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 45px;
|
||||
max-width: 613px;
|
||||
}
|
||||
|
||||
/* Security Title */
|
||||
.security-title {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
color: var(--color-black);
|
||||
letter-spacing: -0.4px;
|
||||
margin: 0;
|
||||
max-width: 519px;
|
||||
font-size: clamp(1.7rem, 3vw, 2.4rem);
|
||||
}
|
||||
|
||||
/* Security Description */
|
||||
.security-description {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.4;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
letter-spacing: -0.2px;
|
||||
margin: 0;
|
||||
max-width: 540px;
|
||||
}
|
||||
|
||||
.link-cta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--color-black);
|
||||
color: var(--color-white);
|
||||
padding: 12px 24px;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.link-cta:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* FAQ Section */
|
||||
.faq-section {
|
||||
background-color: var(--color-white);
|
||||
padding: 80px 20px;
|
||||
}
|
||||
|
||||
.faq-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.faq-title {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-weight: 400;
|
||||
color: var(--color-black);
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
font-size: clamp(1.7rem, 3vw, 2.4rem);
|
||||
}
|
||||
|
||||
.faq-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.faq-item {
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.faq-question {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
background: none;
|
||||
border: none;
|
||||
text-align: left;
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: var(--color-black);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.faq-question:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.faq-icon {
|
||||
font-size: 20px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.faq-icon.open {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.faq-answer {
|
||||
padding: 0 20px 20px;
|
||||
animation: slideDown 0.3s ease-out;
|
||||
}
|
||||
|
||||
.faq-answer p {
|
||||
font-family: var(--font-family-space-grotesk);
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Utility classes */
|
||||
.xs\:hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg\:flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.lg\:hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Fade animations */
|
||||
.fade-up, .fade-right, .fade-left {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
transition: all 0.8s ease;
|
||||
}
|
||||
|
||||
.fade-right {
|
||||
transform: translateX(30px);
|
||||
}
|
||||
|
||||
.fade-left {
|
||||
transform: translateX(-30px);
|
||||
}
|
||||
|
||||
@keyframes slideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
max-height: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
max-height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (min-width: 1025px) {
|
||||
.contact-hero {
|
||||
padding-top: 200px;
|
||||
max-width: 1116px;
|
||||
}
|
||||
|
||||
.contact-cards {
|
||||
max-width: 1116px;
|
||||
}
|
||||
|
||||
.security-section {
|
||||
padding: 200px 40px;
|
||||
}
|
||||
|
||||
.xs\:hidden {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lg\:hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet */
|
||||
@media (max-width: 1024px) {
|
||||
.contact-hero {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.contact-cards {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.contact-cards__row {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.contact-card {
|
||||
flex: 1 1 calc(50% - 7.5px);
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
.contact-card--social {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
|
||||
.security-container {
|
||||
gap: 60px;
|
||||
}
|
||||
|
||||
.security-phone-wrapper {
|
||||
width: 400px;
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.security-description {
|
||||
font-size: 18px;
|
||||
letter-spacing: -0.18px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media (max-width: 768px) {
|
||||
.contact-hero {
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.contact-hero__title {
|
||||
font-size: 32px;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
|
||||
.contact-hero__subtitle {
|
||||
font-size: 18px;
|
||||
letter-spacing: -0.18px;
|
||||
}
|
||||
|
||||
.contact-cards__row {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.contact-card {
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.contact-card__description,
|
||||
.contact-card__schedule {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.contact-card__social-icons {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.security-section {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.security-container {
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.security-content {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.security-phone-wrapper {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
aspect-ratio: 497/444;
|
||||
}
|
||||
|
||||
.security-title {
|
||||
letter-spacing: -0.28px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.security-description {
|
||||
letter-spacing: -0.16px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.xs\:hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg\:flex {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg\:hidden {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
1342
src/routes/conta-digital/+page.svelte
Normal file
1342
src/routes/conta-digital/+page.svelte
Normal file
File diff suppressed because it is too large
Load Diff
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user