Merge version_1 into main #5
283
src/app/page.tsx
283
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Repeat, Users, Wallet } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
|
||||
import { MessageSquare, Handshake, HeartHandshake, Lightbulb, Sparkles, TrendingUp, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,170 +27,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início", id: "/"},
|
||||
{
|
||||
name: "A Empresa", id: "/about"},
|
||||
{
|
||||
name: "Serviços", id: "/services"},
|
||||
{
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Depoimentos", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Scavi Company"
|
||||
button={{
|
||||
text: "Agendar Consultoria Gratuita", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "A Empresa", id: "/about" },
|
||||
{ name: "Serviços", id: "/services" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Depoimentos", id: "#testimonials" }
|
||||
]}
|
||||
brandName="Scavi Company"
|
||||
button={{ text: "Agendar Consultoria Gratuita", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Agência de Aceleração Comercial"
|
||||
description="Aceleramos o seu faturamento e transformamos clientes em fãs fiéis. Enquanto a maioria foca em curtidas e seguidores, nós construímos estruturas que aumentam o faturamento e criam fidelidade."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720533-52810890.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390721846-34647eb6.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720325-6432d7c4.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390721667-a1d77e42.png", alt: "Client 4"},
|
||||
]}
|
||||
avatarText="+500 Clientes atendidos | R$ 50M+ Faturamento gerado"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Consultoria Gratuita", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Acelere Suas Vendas Online"
|
||||
description="Impulsionamos negócios com estratégias de marketing digital personalizadas e resultados reais. Transforme sua presença digital em faturamento."
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720533-52810890.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390721846-34647eb6.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720325-6432d7c4.png", alt: "Client 3" }
|
||||
]}
|
||||
avatarText="Mais de 200 clientes satisfeitos"
|
||||
buttons={[
|
||||
{ text: "Nossos Serviços", href: "/services" },
|
||||
{ text: "Fale Conosco", href: "/contact" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A diferença que muda tudo: Scavi Company vs. Agências Tradicionais"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clientes Atendidos", value: "+500"},
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "Faturamento Gerado", value: "R$ 50M+"},
|
||||
{
|
||||
icon: Repeat,
|
||||
label: "Fidelização", value: "Real e Contínua"},
|
||||
]}
|
||||
metricsAnimation="reveal-blur"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Logo A", "Logo B", "Logo C", "Logo D", "Logo E", "Logo F", "Logo G"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720769-e4023d37.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720087-8cd00b07.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390722292-4fd45e0a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720297-c5aea365.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720237-b1f70b2a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720645-6e608b7a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390721726-93599c1d.png"
|
||||
]}
|
||||
title="Parcerias de Sucesso"
|
||||
description="Confiadas por empresas que buscam aceleração comercial e resultados reais em diversos setores."
|
||||
speed={30}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "atracao", title: "Atração — Geração de Demanda", description: "Estratégia e mídia paga para atrair leads qualificados, prontos para comprar. Focamos nas pessoas certas com tráfego pago (Meta Ads + Google Ads) e ROI mensurável.", tag: "01", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-stylized-icon-representing-attraction--1774390720962-d6e08c78.png", imageAlt: "Icon representing attraction"},
|
||||
{
|
||||
id: "conexao", title: "Conexão — Interesse em Desejo", description: "Conteúdo, automação e relacionamento que geram confiança e desejo. Ajudamos seu público a confiar na sua marca e se conectar com seu propósito através de copy estratégica e design de conversão.", tag: "02", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-stylized-icon-representing-connection--1774390720183-6f3d041d.png", imageAlt: "Icon representing connection"},
|
||||
{
|
||||
id: "faturamento", title: "Faturamento — Vendas que Não Param", description: "Sistema contínuo que converte, retém e fideliza seus clientes. Construímos um fluxo contínuo e previsível de vendas, com clientes fiéis que compram repetidamente e um sistema automatizado de geração de demanda.", tag: "03", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-stylized-icon-representing-revenue-or--1774390719935-81d5061d.png", imageAlt: "Icon representing billing/revenue"},
|
||||
]}
|
||||
title="Nossa Metodologia: O Método A.C.F."
|
||||
description="O modelo que transforma o caos do marketing em um fluxo previsível de vendas e fidelização. Nós criamos faturamento e fidelização através de 3 pilares essenciais."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
title="Como Aceleramos o Seu Negócio"
|
||||
description="Nossa metodologia é focada em resultados e na construção de um crescimento sustentável para sua empresa."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Diagnóstico e Estratégia", description: "Analisamos seu negócio, mercado e concorrência para criar um plano de marketing digital sob medida.", tag: "Passo 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/digital-marketing-agency-office-with-a-s-1774390721245-2f477610.png", imageAlt: "Digital marketing strategy"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Execução e Otimização", description: "Implementamos as campanhas, monitoramos performance e fazemos otimizações contínuas para o máximo retorno.", tag: "Passo 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-modern-digital-marketing-dashboard-dis-1774390721348-f2282a1c.png?_wi=1", imageAlt: "Marketing dashboard with charts"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Relatórios e Insights", description: "Entregamos relatórios transparentes com insights acionáveis para você acompanhar o progresso e o ROI.", tag: "Passo 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-professional-woman-working-on-her-lapto-1774390721528-66176378.png", imageAlt: "Woman analyzing reports on laptop"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720769-e4023d37.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720087-8cd00b07.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390722292-4fd45e0a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720297-c5aea365.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720237-b1f70b2a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390720645-6e608b7a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/abstract-modern-minimalist-logo-for-a-ge-1774390721726-93599c1d.png"
|
||||
]}
|
||||
names={["Partner A", "Partner B", "Partner C", "Partner D", "Partner E", "Partner F", "Partner G"]}
|
||||
title="Parceiros que Confiam em Nosso Método"
|
||||
description="Trabalhamos com empresas de diversos setores, ajudando-as a acelerar seus resultados."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="A Scavi Company transformou a presença online do meu negócio. O aumento no faturamento foi imediato e surpreendente!"
|
||||
rating={5}
|
||||
author="Juliana Silva, Empresária do E-commerce"
|
||||
avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390721667-a1d77e42.png", alt: "Juliana Silva" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Depois da Scavi, não precisei mais correr atrás de clientes. Eles voltam sozinhos. O faturamento cresceu 40% em 3 meses."
|
||||
rating={5}
|
||||
author="Clínica de Estética, São Paulo - SP"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-confident-fem-1774390720871-059c891b.png", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-male-business-1774390720715-61f4dc1a.png", alt: "Michael Chen"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-femal-1774390719871-c14ba3d9.png", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-male-tech-sta-1774390720809-6eb7601e.png", alt: "David Kim"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-promo" data-section="contact-promo">
|
||||
<ContactText
|
||||
text="Pronto para Acelerar o Seu Negócio?"
|
||||
buttons={[{ text: "Agendar Consultoria Gratuita", href: "/contact" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
text="Scavi Company — o crescimento que não para. Agende uma consultoria gratuita e descubra onde você está perdendo faturamento — e como fidelizar clientes de forma automática."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Consultoria Gratuita", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Início", href: "/"},
|
||||
{
|
||||
label: "A Empresa", href: "/about"},
|
||||
{
|
||||
label: "Serviços", href: "/services"},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Agendar Consultoria", href: "/contact"},
|
||||
{
|
||||
label: "Depoimentos", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Termos de Uso", href: "#"},
|
||||
{
|
||||
label: "Política de Privacidade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Scavi Company"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Sobre Nós", href: "/about" },
|
||||
{ label: "Serviços", href: "/services" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Contato", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Serviços", items: [
|
||||
{ label: "Tráfego Pago", href: "/services#trafego" },
|
||||
{ label: "CRM & Automação", href: "/services#crm-automacao" },
|
||||
{ label: "Marketing de Conteúdo", href: "/services#conteudo" },
|
||||
{ label: "Consultoria", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Recursos", items: [
|
||||
{ label: "Case Studies", href: "/blog" },
|
||||
{ label: "FAQ", href: "/contact#faq" },
|
||||
{ label: "Termos de Uso", href: "#" },
|
||||
{ label: "Política de Privacidade", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Scavi Company"
|
||||
copyrightText="© 2024 Agência de Aceleração Comercial. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user