Update src/pages/HomePage.tsx
This commit is contained in:
@@ -14,7 +14,7 @@ export default function HomePage() {
|
||||
return (
|
||||
<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
|
||||
<LoaderReveal
|
||||
imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp"
|
||||
imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=1"
|
||||
title="Joseph Alexander"
|
||||
/>
|
||||
|
||||
@@ -31,20 +31,20 @@ export default function HomePage() {
|
||||
|
||||
<HeroWorkScrollStack
|
||||
heroAnimationDelay={4}
|
||||
tag="Analista Corporal | Escritora | Palestrante"
|
||||
title="Ensino mulheres a se prepararem para"
|
||||
titleHighlight="viver um amor maduro e consciente 🤍"
|
||||
description="O amor revela. E nem sempre o que ele revela é sobre o outro."
|
||||
descriptionMuted="Um espaço sobre relacionamento, feminilidade, presença e a forma como nos relacionamos."
|
||||
tag="1 spot left this month"
|
||||
title="Design that"
|
||||
titleHighlight="commands attention."
|
||||
description="Design engineered for performance, not just aesthetics."
|
||||
descriptionMuted="I craft every visual touchpoint your brand needs to capture attention and convert it into revenue."
|
||||
primaryButton={{
|
||||
text: "💌 Série: Querido futuro marido",
|
||||
text: "Book a call with me",
|
||||
href: "#contact",
|
||||
avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
|
||||
avatarLabel: "Você",
|
||||
avatarLabel: "You",
|
||||
}}
|
||||
sectionTag="Camila Serafim"
|
||||
sectionTitle="O amor revela."
|
||||
sectionDescription="E nem sempre o que ele revela é sobre o outro."
|
||||
sectionTag="Selected Work"
|
||||
sectionTitle="Projects That Speak for Themselves"
|
||||
sectionDescription="A curated selection of design work that drove real business results for ambitious brands."
|
||||
items={[
|
||||
{
|
||||
title: "HydroFlow Product Launch",
|
||||
@@ -83,7 +83,7 @@ export default function HomePage() {
|
||||
quote="I don't design to decorate — I design to solve. Sharp, intentional work that moves brands forward."
|
||||
author="Joseph Alexander"
|
||||
role="Independent Designer"
|
||||
imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp"
|
||||
imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=2"
|
||||
socialLinks={[
|
||||
{ icon: "Twitter", label: "Twitter", href: "#" },
|
||||
{ icon: "Linkedin", label: "LinkedIn", href: "#" },
|
||||
@@ -94,72 +94,86 @@ export default function HomePage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeaturesBentoGridCta
|
||||
tag="Serviços"
|
||||
title="Como posso te ajudar"
|
||||
description="Um espaço sobre relacionamento, feminilidade, presença e a forma como nos conectamos com o outro e com nós mesmas."
|
||||
tag="Services"
|
||||
title="What I Bring to the Table"
|
||||
description="End-to-end creative services designed to make your brand impossible to ignore — from the first frame to the final pixel."
|
||||
features={[
|
||||
{ title: "Análise Corporal", description: "Entenda como o formato do seu corpo explica o tipo de mente que você tem e como isso afeta seus relacionamentos.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp" },
|
||||
{ title: "Escritora", description: "Série: Querido futuro marido. Reflexões profundas sobre o amor, a espera e a preparação para um relacionamento maduro.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp" },
|
||||
{ title: "Palestras", description: "Eventos e encontros focados no desenvolvimento feminino, autoconhecimento e inteligência emocional.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp" },
|
||||
{ title: "Mentoria", description: "Acompanhamento próximo para mulheres que desejam se preparar para viver um amor maduro e consciente.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp" },
|
||||
{ title: "Photography", description: "Art-directed shoots that capture your brand's personality. Every image is color-graded and built to stop the scroll.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/photography.webp" },
|
||||
{ title: "Product Design", description: "User-centered interfaces for apps and SaaS products. From wireframe to pixel-perfect UI — intuitive experiences that keep users coming back.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/product-design.webp" },
|
||||
{ title: "Website", description: "Conversion-focused websites that look sharp and perform. Clean layouts, strategic CTAs, and responsive design that turns traffic into revenue.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/website.webp" },
|
||||
{ title: "Videos", description: "Brand films and product videos engineered for engagement. Story-driven visuals that convert viewers into customers.", imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/videos.webp" },
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Agende uma sessão",
|
||||
text: "Book a call with me",
|
||||
href: "#contact",
|
||||
avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
|
||||
avatarLabel: "Você",
|
||||
avatarLabel: "You",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FaqTabbedAccordion
|
||||
tag="Dúvidas"
|
||||
title="Perguntas Frequentes"
|
||||
description="Tudo o que você precisa saber sobre o meu trabalho e como posso te ajudar."
|
||||
tag="FAQ"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know before we start working together."
|
||||
categories={[
|
||||
{
|
||||
name: "Geral",
|
||||
name: "General",
|
||||
items: [
|
||||
{ question: "Para quem é o seu trabalho?", answer: "Para mulheres que desejam se preparar para viver um amor maduro e consciente, buscando autoconhecimento e desenvolvimento pessoal." },
|
||||
{ question: "O que é a Análise Corporal?", answer: "É uma ferramenta que permite entender como o formato do seu corpo explica o tipo de mente que você tem, revelando seus traços de caráter e como eles influenciam suas escolhas e relacionamentos." },
|
||||
{ question: "Como funciona a série 'Querido futuro marido'?", answer: "É uma série de textos e reflexões onde abordo a preparação emocional e espiritual para o casamento, focando na feminilidade e presença." },
|
||||
{ question: "Você atende online?", answer: "Sim, realizo atendimentos e mentorias de forma online para mulheres de todo o Brasil e do mundo." },
|
||||
{ question: "What type of clients do you work with?", answer: "I work with ambitious brands, startups, and established businesses that value premium creative work. Whether you're launching a new product or refreshing your brand identity, I bring the same level of craft and attention to detail." },
|
||||
{ question: "What's your availability like?", answer: "I typically take on 2–3 projects at a time to ensure each client gets my full attention. Reach out to check my current availability — I'm happy to discuss timelines." },
|
||||
{ question: "Do you work remotely or on-site?", answer: "Primarily remote, but I'm open to on-site work for shoots, workshops, or strategy sessions depending on the project scope and location." },
|
||||
{ question: "Can I see more examples of your work?", answer: "Absolutely. The projects on this site are a curated selection. I'm happy to share additional case studies relevant to your industry during our initial call." },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Mentoria",
|
||||
name: "Pricing",
|
||||
items: [
|
||||
{ question: "Como funciona a mentoria?", answer: "A mentoria é um acompanhamento próximo onde trabalhamos suas questões emocionais, feminilidade e preparação para relacionamentos saudáveis." },
|
||||
{ question: "Qual a duração do processo?", answer: "O tempo varia de acordo com a necessidade de cada mulher, mas geralmente estruturamos em ciclos de encontros semanais ou quinzenais." },
|
||||
{ question: "Preciso estar em um relacionamento para participar?", answer: "Não. O foco principal é o seu desenvolvimento pessoal. O amor revela muito sobre nós mesmas, estejamos solteiras ou em um relacionamento." },
|
||||
{ question: "Como faço para agendar?", answer: "Basta entrar em contato pelo formulário abaixo ou através das minhas redes sociais para conversarmos sobre o seu momento atual." },
|
||||
{ question: "How do you structure your pricing?", answer: "I offer project-based pricing tailored to scope and deliverables. Every engagement starts with a discovery call so I can provide an accurate, transparent quote — no surprises." },
|
||||
{ question: "Do you require a deposit?", answer: "Yes, I require a 50% deposit to secure your spot and begin work. The remaining balance is due upon delivery of final assets." },
|
||||
{ question: "Do you offer retainer packages?", answer: "I do. For clients with ongoing creative needs, monthly retainers offer priority access, discounted rates, and faster turnaround times." },
|
||||
{ question: "What's included in a typical project quote?", answer: "Quotes include all creative direction, production, editing, and delivery of final files. Revisions are built in — I want you to be thrilled with the result." },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
items: [
|
||||
{ question: "What does your process look like?", answer: "Discovery call → Creative brief → Concept development → Production → Review & refinement → Final delivery. I keep you in the loop at every stage with clear timelines and checkpoints." },
|
||||
{ question: "How long does a typical project take?", answer: "Most projects wrap within 2–4 weeks depending on complexity. Larger campaigns or multi-deliverable projects may extend further, and I'll set expectations upfront." },
|
||||
{ question: "How many revisions are included?", answer: "Two rounds of revisions are standard. In practice, my clients rarely need more than one — I invest heavily in understanding your vision before production begins." },
|
||||
{ question: "What do you need from me to get started?", answer: "A brief overview of your brand, goals, and any existing assets or references. I'll guide you through the rest during our kickoff call." },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
items: [
|
||||
{ question: "What kind of results can I expect?", answer: "My work is designed to drive measurable outcomes — higher engagement, increased conversions, and a brand presence that commands attention. I'll share relevant case studies during our call." },
|
||||
{ question: "Do you track performance metrics?", answer: "While I focus on the creative, I design everything with performance in mind. I'm happy to collaborate with your marketing team to align on KPIs and measure impact." },
|
||||
{ question: "Can you share client testimonials?", answer: "Yes — I have testimonials and references available. Many of my clients see 2–3x improvements in engagement after implementing new creative assets." },
|
||||
{ question: "What makes your work different?", answer: "I combine strategic thinking with high-end execution. Every project is approached as a partnership — I'm invested in your success, not just delivering files." },
|
||||
],
|
||||
},
|
||||
]}
|
||||
cta={{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
|
||||
name: "Mais dúvidas? Entre em contato.",
|
||||
role: "contato@camilaserafim.com",
|
||||
buttonText: "Fale comigo",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp?_wi=3",
|
||||
name: "More questions? Reach out anytime.",
|
||||
role: "joseph@alexandercreative.com",
|
||||
buttonText: "Book a call",
|
||||
buttonHref: "#contact",
|
||||
}}
|
||||
/>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitFormParallax
|
||||
tag="Contato"
|
||||
title="Vamos Conversar"
|
||||
description="Quer saber mais sobre as mentorias ou palestras? Me envie uma mensagem e responderei em breve. Aproveite e acompanhe a série 'Querido futuro marido' no YouTube."
|
||||
contactInfo={[
|
||||
{ icon: "Youtube", title: "YouTube", description: "Série: Querido futuro marido", link: { label: "Assista agora", href: "#" } },
|
||||
{ icon: "Mail", title: "E-mail", description: "Para palestras e parcerias", link: { label: "contato@camilaserafim.com", href: "mailto:contato@camilaserafim.com" } }
|
||||
]}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build"
|
||||
description="Have a project in mind? Drop me a message and I'll get back to you within 24 hours."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Seu nome", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Seu e-mail", required: true }
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Como posso te ajudar?", rows: 5, required: true }}
|
||||
buttonText="Enviar Mensagem"
|
||||
textarea={{ name: "message", placeholder: "Tell me about your project...", rows: 5, required: true }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/contact.webp"
|
||||
ctaLinks={[
|
||||
{ icon: "Video", label: "Book a Call", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user