bender/434c91cc-e951-45c5-a61d-369703932c0a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-13 22:33:15 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -234
2 changed files with 42 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
src/app/page.tsx
View File

@@ -3,9 +3,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -31,26 +31,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Sobre",
id: "about",
},
{
name: "Benefícios",
id: "features",
},
{
name: "Preços",
id: "pricing",
},
{
name: "Contato",
id: "contact",
},
{ name: "Início", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Benefícios", id: "features" },
{ name: "Preços", id: "pricing" },
{ name: "FAQ", id: "faq" },
{ name: "Contato", id: "contact" },
]}
brandName="SalesPro"
/>
@@ -58,66 +44,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Transforme seus resultados com nossa solução"
description="Alcance o próximo nível com a ferramenta mais moderna do mercado. Aumente sua produtividade hoje."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-office-suit-sitting-outdoors-looking-confident_1258-123395.jpg",
alt: "Portrait professional woman",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
alt: "Portrait professional man",
},
{
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg",
alt: "Creative designer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-company-team-working_23-2149145125.jpg",
alt: "Team leader portrait",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
alt: "Portrait of confident and successful businesswoman",
},
]}
avatarText="Junte-se a 10.000+ usuários satisfeitos"
buttons={[
{
text: "Comprar Agora",
href: "#pricing",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-office-suit-sitting-outdoors-looking-confident_1258-123395.jpg", alt: "Portrait professional woman" },
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Portrait professional man" },
{ src: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg", alt: "Creative designer portrait" },
]}
buttons={[{ text: "Começar Agora", href: "#pricing" }]}
marqueeItems={[
{
type: "text-icon",
text: "Foco em resultados",
icon: TrendingUp,
},
{
type: "text-icon",
text: "Segurança total",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Suporte 24/7",
icon: Headphones,
},
{
type: "text-icon",
text: "Interface intuitiva",
icon: LayoutDashboard,
},
{
type: "text-icon",
text: "Escalabilidade rápida",
icon: Zap,
},
{ type: "text-icon", text: "Foco em resultados", icon: TrendingUp },
{ type: "text-icon", text: "Segurança total", icon: ShieldCheck },
{ type: "text-icon", text: "Suporte 24/7", icon: Headphones },
]}
/>
</div>
@@ -136,35 +75,10 @@ export default function LandingPage() {
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Análise Inteligente",
descriptions: [
"Monitore tudo com precisão em tempo real.",
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
imageAlt: "Digital tablet for online learning",
},
{
id: "f2",
title: "Suporte Premium",
descriptions: [
"Equipe disponível 24/7 para te atender.",
],
imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg?_wi=1",
imageAlt: "Digital tablet for online learning",
},
{
id: "f3",
title: "Integração Total",
descriptions: [
"Conecte suas ferramentas favoritas rapidamente.",
],
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55183.jpg?_wi=2",
imageAlt: "Digital tablet for online learning",
},
{ id: "f1", title: "Análise Inteligente", descriptions: ["Monitore tudo com precisão em tempo real."] },
{ id: "f2", title: "Suporte Premium", descriptions: ["Equipe disponível 24/7 para te atender."] },
{ id: "f3", title: "Integração Total", descriptions: ["Conecte suas ferramentas favoritas rapidamente."] },
]}
title="Funcionalidades Incríveis"
description="Tudo o que você precisa para alavancar seu negócio."
@@ -177,41 +91,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Ana Souza",
role: "CEO",
testimonial: "Simplesmente a melhor solução que já contratei.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg",
},
{
id: "t2",
name: "Carlos Lima",
role: "CTO",
testimonial: "Eficiência e tecnologia em um só lugar.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg",
},
{
id: "t3",
name: "Beatriz Mendes",
role: "Designer",
testimonial: "A interface é muito intuitiva e bonita.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",
},
{
id: "t4",
name: "Ricardo Silva",
role: "Gerente",
testimonial: "Mudou completamente nosso fluxo de trabalho.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
{
id: "t5",
name: "Fernanda Costa",
role: "Marketing",
testimonial: "Resultados imediatos após o primeiro mês.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
},
{ id: "t1", name: "Ana Souza", role: "CEO", testimonial: "Simplesmente a melhor solução que já contratei." },
{ id: "t2", name: "Carlos Lima", role: "CTO", testimonial: "Eficiência e tecnologia em um só lugar." },
]}
title="O que dizem nossos clientes"
description="Veja como estamos transformando empresas pelo mundo."
@@ -222,41 +103,9 @@ export default function LandingPage() {
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Básico",
price: "R$99",
subtitle: "Para iniciantes",
features: [
"Funcionalidades essenciais",
"Suporte 8/5",
],
buttons: [
{
text: "Escolher",
href: "#contact",
},
],
},
{
id: "pro",
badge: "Pro",
price: "R$299",
subtitle: "Para times",
features: [
"Tudo do básico",
"Suporte 24/7",
"Relatórios avançados",
],
buttons: [
{
text: "Escolher",
href: "#contact",
},
],
},
{ id: "basic", badge: "Básico", price: "R$99", subtitle: "Para iniciantes", features: ["Funcionalidades essenciais", "Suporte 8/5"], buttons: [{ text: "Escolher", href: "#contact" }] },
{ id: "pro", badge: "Pro", price: "R$299", subtitle: "Para times", features: ["Relatórios avançados", "Suporte 24/7"], buttons: [{ text: "Escolher", href: "#contact" }] },
]}
title="Planos para o seu crescimento"
description="Escolha o melhor plano para sua jornada."
@@ -264,82 +113,41 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqBase
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
faqs={[
{
id: "q1",
title: "Como funciona o teste?",
content: "Você tem 14 dias grátis para experimentar.",
},
{
id: "q2",
title: "Posso cancelar?",
content: "Sim, você pode cancelar a qualquer momento sem taxas.",
},
{
id: "q3",
title: "Aceitam quais métodos?",
content: "Cartão de crédito, boleto e PIX.",
},
{ id: "q1", title: "Como funciona o teste?", content: "Você tem 14 dias grátis para experimentar." },
{ id: "q2", title: "Posso cancelar?", content: "Sim, você pode cancelar a qualquer momento sem taxas." },
{ id: "q3", title: "Aceitam quais métodos?", content: "Cartão de crédito, boleto e PIX." },
]}
title="Perguntas Frequentes"
description="Tire suas dúvidas rapidamente."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Contato"
title="Fale conosco agora"
description="Deixe seu e-mail para receber um orçamento personalizado."
mediaAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg?_wi=2"
imageAlt="Software interface dashboard"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterLogoEmphasis
logoText="SalesPro"
columns={[
{
title: "Produto",
items: [
{
label: "Sobre",
href: "#about",
},
{
label: "Preços",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidade",
href: "#",
},
{
label: "Termos",
href: "#",
},
],
},
{ items: [{ label: "Início", href: "#hero" }, { label: "Sobre", href: "#about" }] },
{ items: [{ label: "Preços", href: "#pricing" }, { label: "Contato", href: "#contact" }] },
{ items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] },
]}
bottomLeftText="© 2024 SalesPro"
bottomRightText="Feito com paixão"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #023E8A;
--primary-cta: #FE9E00;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #1f7cff;
--primary-cta-text: #ffffff;
--secondary-cta: #00B4D8;
--secondary-cta: #010101;
--secondary-cta-text: #ffffff;
--accent: #FF6D00;
--background-accent: #0077B6;
--accent: #1f7cff;
--background-accent: #f96b2f;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);