/* PIX Instant Styles */
- .pix-instant {
- width: 100%;
- background: #fff;
- padding: 160px 20px 60px;
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: clamp(44px, 8vw, 60px);
- }
+ .pix-instant {
+ width: 100%;
+ background: #fff;
+ padding: 220px 20px 120px; /* Aumentado de 160px para 220px no topo */
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: clamp(44px, 8vw, 60px);
+}
.pix-instant__main {
display: flex;
@@ -597,11 +597,11 @@ func main ( ) {
left: 50%;
width: 132px;
height: 160px;
- transform: translate(-50%, -50%); /* Mudança aqui: de -54% para -50% */
+ transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
- justify-content: center; /* Adicione esta linha */
+ justify-content: center;
pointer-events: none;
}
@@ -700,7 +700,7 @@ func main ( ) {
.pix-automatico {
width: 100%;
background: #fff;
- padding: clamp(34px, 7vw, 90px) 0 clamp(24px, 5vw, 70px) 0;
+ padding: clamp(120px, 10vw, 160px) 0 clamp(120px, 10vw, 160px) 0; /* Aumentado significativamente */
display: flex;
flex-direction: column;
align-items: center;
@@ -825,7 +825,7 @@ func main ( ) {
max-width: 960px;
display: flex;
gap: clamp(28px, 6vw, 70px);
- margin-top: clamp(40px, 8vw, 80px);
+ margin-top: clamp(220px, 8vw, 80px);
align-items: unset;
justify-content: space-between;
flex-wrap: wrap;
@@ -924,7 +924,7 @@ func main ( ) {
/* Payment Links Styles */
.payment-links {
- padding: 60px 20px;
+ padding: clamp(220px, 10vw, 160px) 20px; /* Aumentado significativamente */
background: #000;
}
@@ -961,7 +961,7 @@ func main ( ) {
/* Como Funciona Section */
.como-funciona-section {
- padding: 80px 20px;
+ padding: clamp(220px, 10vw, 160px) 20px; /* Aumentado significativamente */
background: #000;
color: white;
}
@@ -1050,243 +1050,6 @@ func main ( ) {
background-clip: text;
}
- /* Use Case Styles */
- .use-case-section {
- padding: 80px 20px;
- background: #fff;
- }
-
- .use-case-container {
- max-width: 1200px;
- margin: 0 auto;
- }
-
- .use-case-header {
- text-align: center;
- margin-bottom: 60px;
- }
-
- .use-case-header h2 {
- font-size: clamp(2rem, 4vw, 2.5rem);
- font-weight: 400;
- color: #111;
- margin-bottom: 40px;
- }
-
- .use-case-tabs {
- display: flex;
- gap: 10px;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .tab-button {
- padding: 10px 20px;
- border: 1px solid #ddd;
- background: #fff;
- border-radius: 8px;
- cursor: pointer;
- transition: all 0.2s;
- font-size: 0.9rem;
- }
-
- .tab-button:hover,
- .tab-button.active {
- background: #0000ff;
- color: white;
- border-color: #0000ff;
- }
-
- .use-case-content {
- display: flex;
- gap: 60px;
- align-items: center;
- }
-
- .use-case-image {
- flex: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .placeholder-image {
- width: 200px;
- height: 200px;
- background: #f5f5f5;
- border-radius: 16px;
- display: flex;
- align-items: center;
- justify-content: center;
- color: #999;
- }
-
- .use-case-text-block {
- flex: 1;
- display: flex;
- align-items: center;
- gap: 20px;
- }
-
- .use-case-text h2 {
- font-size: clamp(1.5rem, 3vw, 2rem);
- font-weight: 400;
- color: #111;
- margin-bottom: 16px;
- }
-
- .use-case-text p {
- color: #444;
- font-size: 1.1rem;
- line-height: 1.6;
- }
-
- .case-link {
- font-size: 2rem;
- color: #0000ff;
- text-decoration: none;
- }
-
- /* API Section Styles */
- .pix-api-section {
- padding: 60px 20px;
- background: #000;
- color: #fff;
- }
-
- .pix-api__container {
- display: flex;
- justify-content: space-between;
- align-items: center;
- max-width: 1200px;
- margin: 0 auto;
- gap: 230px;
- }
-
- .pix-api__text h2 {
- margin-bottom: 30px;
- font-weight: 400;
- color: white;
- font-size: clamp(2rem, 4vw, 2.5rem);
- }
-
- .typewriter-block {
- background: rgba(255, 255, 255, 0.05);
- border-radius: 16px;
- padding: 20px;
- position: relative;
- width: 100%;
- overflow-x: hidden;
- border: 2px rgba(255, 255, 255, 0.06) solid;
- min-height: 300px;
- font-size: 13px;
- line-height: 1.6;
- flex: 1;
- }
-
- .typewriter-lines {
- position: absolute;
- left: 0;
- top: 20px;
- width: 45px;
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- color: #aaa;
- user-select: none;
- font-size: 13px;
- line-height: 1.6;
- pointer-events: none;
- font-weight: normal;
- }
-
- .typewriter-lines span {
- height: 21px;
- line-height: 1.6;
- display: block;
- padding-right: 10px;
- }
-
- .language-go {
- background: transparent !important;
- color: #ffffff;
- font-size: 13px;
- line-height: 1.6;
- margin-left: 45px;
- }
-
- /* FAQ Styles */
- .faq-section {
- padding: 80px 20px;
- background: #f9f9f9;
- }
-
- .faq-container {
- max-width: 800px;
- margin: 0 auto;
- }
-
- .faq-container h2 {
- text-align: center;
- font-size: clamp(2rem, 4vw, 2.5rem);
- font-weight: 400;
- color: #111;
- margin-bottom: 60px;
- }
-
- .faq-list {
- display: flex;
- flex-direction: column;
- gap: 16px;
- }
-
- .faq-item {
- background: white;
- border-radius: 12px;
- overflow: hidden;
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
- }
-
- .faq-question {
- width: 100%;
- padding: 24px;
- background: none;
- border: none;
- text-align: left;
- font-size: 1.1rem;
- font-weight: 500;
- color: #111;
- cursor: pointer;
- display: flex;
- justify-content: space-between;
- align-items: center;
- transition: background 0.2s;
- }
-
- .faq-question:hover {
- background: #f8f9fa;
- }
-
- .faq-icon {
- transition: transform 0.2s;
- flex-shrink: 0;
- margin-left: 16px;
- }
-
- .faq-icon.rotate-180 {
- transform: rotate(180deg);
- }
-
- .faq-answer {
- padding: 0 24px 24px;
- color: #666;
- line-height: 1.6;
- }
-
- .faq-answer p {
- margin: 0;
- }
-
/* Utility Classes */
.fade-up {
opacity: 0;
@@ -1345,11 +1108,6 @@ func main ( ) {
gap: 40px;
}
- .pix-api__container {
- flex-direction: column;
- gap: 40px;
- }
-
.use-case-content {
flex-direction: column;
gap: 40px;
@@ -1378,7 +1136,7 @@ func main ( ) {
@media (max-width: 600px) {
.pix-instant {
gap: 34px;
- padding: 120px 20px 0;
+ padding: 120px 20px 80px; /* Ajustado para mobile */
}
.pix-instant__main {
@@ -1403,7 +1161,7 @@ func main ( ) {
.pix-automatico {
gap: 48px;
- padding: 60px 20px;
+ padding: 80px 20px; /* Ajustado para mobile */
}
.pix-automatico__top,
@@ -1420,14 +1178,12 @@ func main ( ) {
padding: 12px 0;
}
- .use-case-tabs {
- flex-direction: column;
- align-items: center;
+ .payment-links {
+ padding: 80px 20px; /* Ajustado para mobile */
}
- .tab-button {
- width: 200px;
+ .como-funciona-section {
+ padding: 80px 20px; /* Ajustado para mobile */
}
}
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/routes/politicas-e-termos/+page.svelte b/src/routes/politicas-e-termos/+page.svelte
index e3a7514..64f845c 100644
--- a/src/routes/politicas-e-termos/+page.svelte
+++ b/src/routes/politicas-e-termos/+page.svelte
@@ -67,7 +67,6 @@
throw new Error('Política não encontrada');
}
- // ✅ Só fazer fetch no browser
if (!browser) {
content = `
${policy.title}
@@ -92,8 +91,9 @@
content = `
${policies[policyKey]?.title || 'Documento'}
Conteúdo em atualização...
-
Para dúvidas, entre em contato:
- suporte@basspago.com.br
+
Não foi possível carregar o conteúdo deste documento no momento.
+
Por favor, tente novamente mais tarde ou entre em contato conosco através do email:
+ suporte@basspago.com
`;
} finally {
loading = false;
diff --git a/src/routes/sobre/+page.svelte b/src/routes/sobre/+page.svelte
index b3d3510..b9610fa 100644
--- a/src/routes/sobre/+page.svelte
+++ b/src/routes/sobre/+page.svelte
@@ -5,6 +5,7 @@
import quemSomos from '$lib/assets/quem-somos.png';
import elementosDigitais from '$lib/assets/elementos-digitais.png';
+ import iphonePixMockup from '$lib/assets/iphone-pix-mockup.png';
import mockupIphoneFundoVerde from '$lib/assets/mockup-iphone-fundo-verde.png';
import biggestLogoBasspago from '$lib/assets/biggest-logo-basspago.svg';
import iconSlimBasspago from '$lib/assets/icon-slim-basspago.svg';
@@ -19,8 +20,8 @@
description: 'Seguimos o padrão PCI-DSS, garantindo mais segurança nas suas transações.'
},
{
- title: 'Licença de Bandeira',
- description: 'Somos licenciados como BIN Sponsor Visa, o que nos permite emitir cartões com segurança, agilidade e total conformidade regulatória.'
+ title: 'Prevenção',
+ description: 'Tecnologia avançada de análise e prevenção a fraudes, farantindo segurança e conformidade.'
}
];
@@ -103,7 +104,7 @@
+