Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -3,14 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
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 FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
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";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { ArrowRight, Star } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,127 +26,157 @@ 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
|
||||
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="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Acelere Suas Vendas Online"
|
||||
description="Estratégias de Marketing Digital de Alta Performance para Negócios Ambiciosos. Conecte-se com seu público e gere resultados reais."
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720533-52810890.png?_wi=1", alt: "Ricardo Almeida"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390721846-34647eb6.png", alt: "Laura Mendes"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720325-6432d7c4.png", alt: "Pedro Costa"},
|
||||
]}
|
||||
avatarText="Junte-se a +200 clientes satisfeitos"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Nossos Serviços", href: "/services"},
|
||||
{
|
||||
text: "Agendar Consultoria", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</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="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Clientes Satisfeitos", "Parceiros Estratégicos", "Cases de Sucesso"]}
|
||||
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="Confiada por Empresas de Sucesso"
|
||||
description="Nossas soluções de marketing digital são a escolha de líderes de mercado para acelerar o crescimento e dominar o ambiente online."
|
||||
speed={30}
|
||||
/>
|
||||
</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="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Tráfego Pago Inteligente", description: "Campanhas otimizadas no Google e redes sociais para maximizar seu ROI.", tag: "Performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/modern-dashboard-displaying-data-analyti-1774390721997-3f93ce0b.png?_wi=1", imageAlt: "Dashboard de análise de tráfego pago"},
|
||||
{
|
||||
id: "2", title: "CRM e Automação de Vendas", description: "Implementação de sistemas para gerenciar leads e automatizar seu funil de vendas.", tag: "Eficiência", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/customer-support-agent-helping-a-client-o-1774390721598-f2b1574d.png?_wi=1", imageAlt: "Atendimento ao cliente com sistema CRM"},
|
||||
{
|
||||
id: "3", title: "Marketing de Conteúdo Estratégico", description: "Produção de conteúdo relevante que atrai, engaja e converte seu público-alvo.", tag: "Engajamento", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-professional-writer-typing-on-a-laptop-1774390720612-9c3f0c11.png?_wi=1", imageAlt: "Criação de conteúdo estratégico"},
|
||||
]}
|
||||
title="Nossos Serviços de Aceleração"
|
||||
description="Oferecemos um leque completo de soluções digitais para impulsionar o seu negócio e garantir resultados sustentáveis."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</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
|
||||
testimonial="Desde que começamos a trabalhar com a Scavi Company, nossas vendas online cresceram 60% em apenas 3 meses! O time é extremamente profissional e as estratégias são muito eficazes."
|
||||
rating={5}
|
||||
author="Ana Luiza, CEO da Moda Digital"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/portrait-of-a-happy-customer-of-a-compan-1774390721200-c9a9d70a.png?_wi=1", alt: "Ana Luiza"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</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-promo" data-section="contact-promo">
|
||||
<ContactText
|
||||
text="Pronto para Desacelerar a Concorrência?"
|
||||
animationType="reveal-blur"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Consultoria Gratuita", href: "/contact"},
|
||||
{
|
||||
text: "Nossos Serviços", href: "/services"},
|
||||
]}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Sobre Nós", href: "/about" },
|
||||
{ label: "Serviços", href: "/services" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Contato", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós", href: "/about"},
|
||||
{
|
||||
label: "Serviços", href: "/services"},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Contato", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user