Merge version_1 into main #11
@@ -8,7 +8,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import { Handshake, HeartHandshake, Lightbulb, Sparkles, TrendingUp } from "lucide-react";
|
||||
import { Users, Heart, Lightbulb, Sparkles, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -57,7 +57,7 @@ export default function LandingPage() {
|
||||
title: "Resultados Comprovados", description: "Entregamos estratégias baseadas em dados que geram faturamento real e sustentável para o seu negócio.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Parceria Estratégica", description: "Trabalhamos lado a lado com você para entender a fundo seus objetivos e superar suas expectativas a cada etapa.", icon: Handshake,
|
||||
title: "Parceria Estratégica", description: "Trabalhamos lado a lado com você para entender a fundo seus objetivos e superar suas expectativas a cada etapa.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Inovação Constante", description: "Estamos sempre à frente das últimas tendências e tecnologias em marketing digital para garantir sua vantagem competitiva.", icon: Lightbulb,
|
||||
@@ -81,7 +81,7 @@ export default function LandingPage() {
|
||||
icon: TrendingUp,
|
||||
label: "Crescimento Médio", value: "+45%"},
|
||||
{
|
||||
icon: HeartHandshake,
|
||||
icon: Heart,
|
||||
label: "Projetos Concluídos", value: "200+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
|
||||
@@ -4,10 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import BlogCardsModern from '@/components/sections/blog/BlogCardsModern';
|
||||
|
||||
export default function BlogPage() {
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,88 +21,88 @@ export default function BlogPage() {
|
||||
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>
|
||||
|
||||
{/* Placeholder for blog content sections */}
|
||||
<div id="blog-hero" data-section="blog-hero">
|
||||
{/* A simple placeholder section */}
|
||||
<section className="py-24 text-center">
|
||||
<h1 className="text-4xl font-bold">Nosso Blog</h1>
|
||||
<p className="mt-4 text-lg">Conteúdo relevante para impulsionar seu negócio.</p>
|
||||
</section>
|
||||
</div>
|
||||
<div id="blog-cards" data-section="blog-cards">
|
||||
<BlogCardsModern
|
||||
posts={[
|
||||
{
|
||||
id: "1", title: "Como o Tráfego Pago Pode Transformar Seu Negócio", description: "Descubra as estratégias essenciais para impulsionar suas vendas com anúncios online e segmentação inteligente.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/digital-marketing-analytics-dashboard-seo-1774390721868-b78901c0.png?_wi=1", imageAlt: "Análise de tráfego pago em dashboard", date: "2024-07-20", author: "Ricardo Almeida", category: "Tráfego Pago", href: "/blog/post-1"},
|
||||
{
|
||||
id: "2", title: "A Importância do CRM na Fidelização de Clientes", description: "Saiba como um sistema de CRM eficaz pode otimizar seu relacionamento com os clientes e aumentar a retenção.", 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: "Atendente de suporte ao cliente usando CRM", date: "2024-07-18", author: "Laura Mendes", category: "CRM e Automação", href: "/blog/post-2"},
|
||||
{
|
||||
id: "3", title: "Marketing de Conteúdo: Atraia e Engaje Sua Audiência", description: "Crie conteúdo relevante e de valor para educar seu público, construir autoridade e gerar leads qualificados.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-writer-typing-on-laptop-at-de-1774390720612-9c3f0c11.png?_wi=1", imageAlt: "Profissional escrevendo conteúdo em laptop", date: "2024-07-15", author: "Pedro Costa", category: "Conteúdo", href: "/blog/post-3"},
|
||||
]}
|
||||
title="Últimas Notícias e Insights"
|
||||
description="Mantenha-se atualizado com as últimas tendências e estratégias de marketing digital para impulsionar o seu negócio."
|
||||
gridClassName="grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
testimonial="A Scavi Company transformou a presença online da minha empresa. Os resultados superaram todas as expectativas!"
|
||||
rating={5}
|
||||
author="Maria Silva, CEO da InovaTech"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390721846-34647eb6.png", alt: "Maria Silva"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-promo" data-section="contact-promo">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
text="Pronto para Acelerar Seus Resultados?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale Conosco", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Início", id: "/" },
|
||||
{ label: "Serviços", id: "/services" },
|
||||
{ label: "Sobre Nós", id: "/about" },
|
||||
{ label: "Contato", id: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Tráfego Pago", id: "/services#trafego" },
|
||||
{ label: "CRM & Automação", id: "/services#crm-automacao" },
|
||||
{ label: "Marketing de Conteúdo", id: "/services#conteudo" },
|
||||
{ label: "Consultoria", id: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Artigos", id: "/blog" },
|
||||
{ label: "Eventos", id: "#" },
|
||||
{ label: "Imprensa", id: "#" },
|
||||
{ label: "Carreiras", id: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Scavi Company"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
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>
|
||||
);
|
||||
|
||||
@@ -2,12 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { Database, DollarSign, Feather, Mail, Newspaper, Search, Share2, Target, Users } from "lucide-react";
|
||||
import { ArrowUpRight, Contact, Workflow } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,270 +22,90 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "A Empresa",
|
||||
id: "about-metrics",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
href: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
href: "#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="services-main" data-section="services-main">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "trafego",
|
||||
title: "Estratégias de Tráfego Pago",
|
||||
description: "Atraia clientes qualificados e aumente sua visibilidade online com campanhas otimizadas no Google Ads, Meta Ads e outras plataformas.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-modern-digital-marketing-dashboard-dis-1774390721348-f2282a1c.png?_wi=2",
|
||||
imageAlt: "Gráficos de desempenho de tráfego pago",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: ArrowUpRight,
|
||||
text: "Google Ads & Meta Ads",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Públicos Segmentados e Personalizados",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Remarketing Avançado",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Otimização de ROI",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "crm-automacao",
|
||||
title: "CRM e Automação de Vendas",
|
||||
description: "Otimize seu funil de vendas, gerencie leads de forma eficiente e automatize processos cruciais para a jornada do cliente.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-modern-digital-marketing-dashboard-dis-1774390721348-f2282a1c.png?_wi=3",
|
||||
imageAlt: "Sistema de CRM com automação de fluxo de trabalho",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Database,
|
||||
text: "Implantação e Configuração de CRM",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
text: "Automação de E-mail Marketing",
|
||||
},
|
||||
{
|
||||
icon: Contact,
|
||||
text: "Gestão e Nutrição de Leads",
|
||||
},
|
||||
{
|
||||
icon: Workflow,
|
||||
text: "Funil de Vendas Personalizado",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "conteudo",
|
||||
title: "Marketing de Conteúdo e SEO",
|
||||
description: "Construa autoridade online, aumente sua visibilidade orgânica e engaje seu público-alvo com conteúdo de alta qualidade e relevante.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-modern-digital-marketing-dashboard-dis-1774390721348-f2282a1c.png?_wi=4",
|
||||
imageAlt: "Estratégia de conteúdo e blog posts",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Feather,
|
||||
text: "Criação de Estratégias de Conteúdo",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
text: "Otimização SEO On-Page/Off-Page",
|
||||
},
|
||||
{
|
||||
icon: Newspaper,
|
||||
text: "Marketing de Artigos e Blog",
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
text: "Conteúdo para Redes Sociais",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Soluções Digitais Que Impulsionam Suas Vendas"
|
||||
description="Oferecemos uma gama completa de serviços de marketing digital, tráfego pago, CRM e automação, projetados para acelerar seu faturamento e fidelizar seus clientes."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "trafego-pago", title: "Tráfego Pago Otimizado", description: "Campanhas no Google Ads, Meta Ads e LinkedIn Ads para atrair clientes qualificados e impulsionar suas vendas.", tag: "Performance", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/digital-marketing-analytics-dashboard-seo-1774390721868-b78901c0.png?_wi=1", imageAlt: "Dashboard de análise de tráfego pago"},
|
||||
items: [{ icon: ArrowUpRight, text: "Aumento de ROI" }, { icon: Workflow, text: "Segmentação Precisa" }]
|
||||
},
|
||||
{
|
||||
id: "crm-automacao", title: "CRM e Automação de Vendas", description: "Implementação e gestão de sistemas CRM para otimizar o funil de vendas, nutrir leads e fidelizar clientes.", tag: "Eficiência", media: {
|
||||
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"},
|
||||
items: [{ icon: Contact, text: "Relacionamento com Cliente" }, { icon: Workflow, text: "Processos Otimizados" }]
|
||||
},
|
||||
]}
|
||||
title="Nossos Serviços de Aceleração Comercial"
|
||||
description="Impulsione o crescimento do seu negócio com nossas soluções de marketing digital sob medida."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Visão Estratégica Personalizada",
|
||||
description: "Analisamos profundamente seu negócio e mercado para criar planos de marketing que realmente funcionam e geram valor.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-stylized-icon-representing-attraction--1774390720962-d6e08c78.png?_wi=2",
|
||||
imageAlt: "Ícone de atração",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Tecnologia e Ferramentas Modernas",
|
||||
description: "Utilizamos as mais recentes tecnologias e plataformas para otimizar suas campanhas e maximizar a eficiência.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-modern-digital-marketing-dashboard-dis-1774390721348-f2282a1c.png?_wi=5",
|
||||
imageAlt: "Painel de ferramentas digitais",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Equipe de Especialistas Certificados",
|
||||
description: "Nossos profissionais são altamente qualificados e experientes em diversas áreas do marketing digital, prontos para inovar.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-headshot-of-a-diverse-busin-1774390720533-52810890.png?_wi=2",
|
||||
imageAlt: "Equipe de profissionais",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Suporte e Consultoria Dedicados",
|
||||
description: "Oferecemos atendimento próximo e consultoria contínua para garantir que suas necessidades sejam sempre atendidas com excelência.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-stylized-icon-representing-connection--1774390720183-6f3d041d.png?_wi=2",
|
||||
imageAlt: "Ícone de conexão",
|
||||
},
|
||||
]}
|
||||
title="Por Que Escolher a Scavi Company?"
|
||||
description="Nossa abordagem integrada e focada em resultados garante que seu investimento em marketing digital traga o maior retorno possível, com transparência e dedicação."
|
||||
/>
|
||||
</div>
|
||||
<div id="features-content" data-section="features-content">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "marketing-conteudo", title: "Marketing de Conteúdo Estratégico", description: "Criação de conteúdo de valor que educa seu público, constrói autoridade e gera leads qualificados.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/professional-writer-typing-on-laptop-at-de-1774390720612-9c3f0c11.png?_wi=1", imageAlt: "Profissional escrevendo conteúdo em laptop"},
|
||||
{
|
||||
id: "consultoria-estrategica", title: "Consultoria Estratégica Digital", description: "Orientação especializada para desenvolver e refinar suas estratégias de marketing, garantindo o máximo impacto.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BPVKJTwrI9xrMeVzkY339blNny/a-group-of-diverse-business-professionals-1774390721348-261559c5.png?_wi=1", imageAlt: "Pessoas em reunião de consultoria estratégica"},
|
||||
]}
|
||||
title="Soluções Completas para Seu Sucesso"
|
||||
description="Da geração de demanda à fidelização, cobrimos todas as frentes para acelerar seus resultados."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="call-to-action" data-section="call-to-action">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Pronto para Escalar?"
|
||||
title="Transforme Seu Negócio Digitalmente Conosco"
|
||||
description="Fale com nossos especialistas e descubra como podemos acelerar suas vendas, otimizar seu faturamento e fidelizar seus clientes com estratégias eficazes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Consultoria Gratuita",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Ver Nossos Cases de Sucesso",
|
||||
href: "/blog",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
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>
|
||||
<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