Merge version_1_1781994414497 into main #1
@@ -10,209 +10,133 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="Marketing Digital Specialist"
|
||||
description="Especialista em Marketing Digital | Branding | Growth. Transformo dados em narrativas que engajam e convertem."
|
||||
primaryButton={{
|
||||
text: "Ver meus projetos",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Fale comigo",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Marketing Digital Specialist"
|
||||
description="Especialista em Marketing Digital | Branding | Growth. Transformo dados em narrativas que engajam e convertem."
|
||||
primaryButton={{
|
||||
text: "Ver meus projetos", href: "#portfolio"}}
|
||||
secondaryButton={{
|
||||
text: "Fale comigo", href: "#contact"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Sobre Mim"
|
||||
primaryButton={{
|
||||
text: "Baixar Currículo",
|
||||
href: "#",
|
||||
}}
|
||||
description="Com uma sólida trajetória em marketing estratégico, foco em conectar marcas aos seus consumidores de forma autêntica e baseada em dados. Acredito na convergência entre criatividade, tecnologia e análise de resultados para construir narrativas que movem o ponteiro do crescimento."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Sobre Mim"
|
||||
primaryButton={{
|
||||
text: "Baixar Currículo", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<SectionErrorBoundary name="skills">
|
||||
<div id="skills" data-section="skills">
|
||||
<SectionErrorBoundary name="skills">
|
||||
<FeaturesImageBento
|
||||
tag="Ferramentas"
|
||||
title="Minhas Habilidades"
|
||||
description="Domínio técnico focado em resultados de alto impacto."
|
||||
items={[
|
||||
{
|
||||
title: "Meta Ads",
|
||||
description: "Gestão de tráfego pago",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-media-connections_23-2147492472.jpg",
|
||||
},
|
||||
{
|
||||
title: "Google Ads",
|
||||
description: "Search e Display",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=at7ld8",
|
||||
},
|
||||
{
|
||||
title: "Canva",
|
||||
description: "Design estratégico",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-media-icons-collection_23-2147491568.jpg",
|
||||
},
|
||||
{
|
||||
title: "Figma",
|
||||
description: "UI/UX básico",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-media-icons-vector-set-watercolor-with-facebook-instagram-twitter-tiktok-youtube-etc_53876-126706.jpg",
|
||||
},
|
||||
{
|
||||
title: "HubSpot",
|
||||
description: "CRM e Automação",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-stationery-with-laptop-coffee_23-2148524863.jpg",
|
||||
},
|
||||
{
|
||||
title: "GA4",
|
||||
description: "Data Analytics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-products-bowl-with-yogurt-desk_23-2148571025.jpg",
|
||||
},
|
||||
{
|
||||
title: "TikTok",
|
||||
description: "Vídeos virais",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-notebook-watch_23-2148128821.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ferramentas"
|
||||
title="Minhas Habilidades"
|
||||
description="Domínio técnico focado em resultados de alto impacto."
|
||||
items={[
|
||||
{
|
||||
title: "Meta Ads", description: "Gestão de tráfego pago", imageSrc: "http://img.b2bpic.net/free-vector/social-media-connections_23-2147492472.jpg"},
|
||||
{
|
||||
title: "Google Ads", description: "Search e Display", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=at7ld8"},
|
||||
{
|
||||
title: "Canva", description: "Design estratégico", imageSrc: "http://img.b2bpic.net/free-vector/social-media-icons-collection_23-2147491568.jpg"},
|
||||
{
|
||||
title: "Figma", description: "UI/UX básico", imageSrc: "http://img.b2bpic.net/free-vector/social-media-icons-vector-set-watercolor-with-facebook-instagram-twitter-tiktok-youtube-etc_53876-126706.jpg"},
|
||||
{
|
||||
title: "HubSpot", description: "CRM e Automação", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-stationery-with-laptop-coffee_23-2148524863.jpg"},
|
||||
{
|
||||
title: "GA4", description: "Data Analytics", imageSrc: "http://img.b2bpic.net/free-photo/make-up-products-bowl-with-yogurt-desk_23-2148571025.jpg"},
|
||||
{
|
||||
title: "TikTok", description: "Vídeos virais", imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-notebook-watch_23-2148128821.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesBentoGrid
|
||||
tag="Portfolio"
|
||||
title="Projetos em Destaque"
|
||||
description="Conheça alguns dos meus trabalhos principais."
|
||||
features={[
|
||||
{
|
||||
title: "Branding A",
|
||||
description: "Rebranding completo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-skincare-product-collection-circular-platform_9975-133100.jpg",
|
||||
},
|
||||
{
|
||||
title: "Growth B",
|
||||
description: "Aumento de 200%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg",
|
||||
},
|
||||
{
|
||||
title: "Email Mkt C",
|
||||
description: "Campanha ativa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-marketing-agency-instagram-stories_23-2150546785.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ads D",
|
||||
description: "Tráfego pago.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Portfolio"
|
||||
title="Projetos em Destaque"
|
||||
description="Conheça alguns dos meus trabalhos principais."
|
||||
features={[
|
||||
{
|
||||
title: "Branding A", description: "Rebranding completo.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-skincare-product-collection-circular-platform_9975-133100.jpg"},
|
||||
{
|
||||
title: "Growth B", description: "Aumento de 200%.", imageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg"},
|
||||
{
|
||||
title: "Email Mkt C", description: "Campanha ativa.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-marketing-agency-instagram-stories_23-2150546785.jpg"},
|
||||
{
|
||||
title: "Ads D", description: "Tráfego pago.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Resultados"
|
||||
title="Métricas de Impacto"
|
||||
description="Números que provam o compromisso com o crescimento."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Campanhas Entregues",
|
||||
description: "Projetos concluídos com sucesso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-ladders-stack-colorful-blank-books-yellow-background_23-2148207674.jpg",
|
||||
},
|
||||
{
|
||||
value: "3M+",
|
||||
title: "Alcance Orgânico",
|
||||
description: "Impacto real em redes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-gradient-shapes-covers_23-2148431017.jpg",
|
||||
},
|
||||
{
|
||||
value: "87%",
|
||||
title: "Retenção",
|
||||
description: "Clientes satisfeitos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Resultados"
|
||||
title="Métricas de Impacto"
|
||||
description="Números que provam o compromisso com o crescimento."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+", title: "Campanhas Entregues", description: "Projetos concluídos com sucesso.", imageSrc: "http://img.b2bpic.net/free-photo/bright-ladders-stack-colorful-blank-books-yellow-background_23-2148207674.jpg"},
|
||||
{
|
||||
value: "3M+", title: "Alcance Orgânico", description: "Impacto real em redes.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-gradient-shapes-covers_23-2148431017.jpg"},
|
||||
{
|
||||
value: "87%", title: "Retenção", description: "Clientes satisfeitos.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Depoimentos"
|
||||
title="O que dizem sobre mim"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana Silva",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bruno Souza",
|
||||
role: "Mkt Manager",
|
||||
company: "Web",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carla Dias",
|
||||
role: "CMO",
|
||||
company: "Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Reis",
|
||||
role: "Founder",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time_1098-16186.jpg",
|
||||
},
|
||||
{
|
||||
name: "Eduardo M.",
|
||||
role: "Manager",
|
||||
company: "SaaS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
]}
|
||||
description="Resultados e experiências compartilhadas por quem confia no meu trabalho."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Depoimentos"
|
||||
title="O que dizem sobre mim"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana Silva", role: "CEO", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg"},
|
||||
{
|
||||
name: "Bruno Souza", role: "Mkt Manager", company: "Web", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
|
||||
{
|
||||
name: "Carla Dias", role: "CMO", company: "Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
name: "David Reis", role: "Founder", company: "Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time_1098-16186.jpg"},
|
||||
{
|
||||
name: "Eduardo M.", role: "Manager", company: "SaaS", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
]}
|
||||
description="Resultados e experiências compartilhadas por quem confia no meu trabalho."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contato"
|
||||
text="Vamos criar algo incrível juntos?"
|
||||
primaryButton={{
|
||||
text: "Enviar e-mail",
|
||||
href: "mailto:email@example.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ver LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contato"
|
||||
text="Vamos criar algo incrível juntos?"
|
||||
primaryButton={{
|
||||
text: "Enviar e-mail", href: "mailto:email@example.com"}}
|
||||
secondaryButton={{
|
||||
text: "Ver LinkedIn", href: "https://linkedin.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user