Update src/app/page.tsx
This commit is contained in:
139
src/app/page.tsx
139
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Shield, Sparkles, Ear } from "lucide-react";
|
||||
import { Shield, Sparkles, Ear, Instagram, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Abordagem", id: "features"},
|
||||
{
|
||||
name: "Serviços", id: "services"},
|
||||
{
|
||||
name: "Contato", id: "contact"},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Abordagem", id: "features" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Helena Ávila"
|
||||
/>
|
||||
@@ -50,17 +45,11 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Helena Ávila"
|
||||
description="Você não precisa passar por isso sozinho. Encontre um espaço seguro para seu acolhimento e transformação pessoal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inicie sua jornada hoje", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Inicie sua jornada hoje", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-business-woman-her-office_1301-3527.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370119.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-stretching-work_23-2150509920.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-couch_23-2149927565.jpg?_wi=1", imageAlt: "psychotherapist professional portrait" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -69,10 +58,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Quem é Helena Ávila"
|
||||
buttons={[
|
||||
{
|
||||
text: "Saiba mais sobre minha trajetória", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Saiba mais sobre minha trajetória", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,38 +69,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Escuta Ativa", description: "Um olhar atento e sem julgamentos para compreender profundamente suas questões.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-sitting-gray-sofa-looking-camera_23-2148053192.jpg?_wi=1", imageAlt: "Smiling portrait of a young woman sitting on gray sofa looking at camera"},
|
||||
items: [
|
||||
{
|
||||
icon: Ear,
|
||||
text: "Presença total"},
|
||||
],
|
||||
title: "Escuta Ativa", description: "Um olhar atento e sem julgamentos para compreender profundamente suas questões.", media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-sitting-gray-sofa-looking-camera_23-2148053192.jpg?_wi=1", imageAlt: "Smiling portrait of a young woman sitting on gray sofa looking at camera" },
|
||||
items: [{ icon: Ear, text: "Presença total" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Ambiente Seguro", description: "Espaço confidencial preparado para que você se sinta à vontade.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161951.jpg?_wi=1", imageAlt: "Authentic scene of young person undergoing psychological therapy"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Sigilo absoluto"},
|
||||
],
|
||||
title: "Ambiente Seguro", description: "Espaço confidencial preparado para que você se sinta à vontade.", media: { imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161951.jpg?_wi=1", imageAlt: "Authentic scene of young person undergoing psychological therapy" },
|
||||
items: [{ icon: Shield, text: "Sigilo absoluto" }],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Transformação Pessoal", description: "Ferramentas práticas para o autoconhecimento e o desenvolvimento emocional.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161931.jpg?_wi=1", imageAlt: "Authentic scene of young person undergoing psychological therapy"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Crescimento contínuo"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Abordagem Terapêutica"
|
||||
description="Meu trabalho é pautado em três pilares fundamentais para sua saúde mental:"
|
||||
description="Meu trabalho é pautado em pilares fundamentais para sua saúde mental:"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,9 +94,6 @@ export default function LandingPage() {
|
||||
{ id: "p1", name: "Psicoterapia Individual", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/person-sharing-feelings-emotions-therapy-session_23-2151073985.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Atendimento Online", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/i-love-visiting-grandma-her-lovely-house_329181-2525.jpg?_wi=1" },
|
||||
{ id: "p3", name: "Orientação Parental", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-granddaughter-talking-her-grandmother_171337-7795.jpg?_wi=1" },
|
||||
{ id: "p4", name: "Acompanhamento Especializado", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/elderly-therapist-gazing-towards-window_482257-114915.jpg?_wi=1" },
|
||||
{ id: "p5", name: "Plantão Psicológico", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161978.jpg?_wi=1" },
|
||||
{ id: "p6", name: "Consultoria em Saúde Mental", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161947.jpg?_wi=1" },
|
||||
]}
|
||||
title="Serviços"
|
||||
description="Atendimento humanizado voltado para suas necessidades específicas."
|
||||
@@ -138,71 +101,55 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Transformação", quote: "A Helena me ajudou a recuperar a confiança em momentos críticos.", name: "Ana S.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2098.jpg?_wi=1" },
|
||||
{ id: "2", title: "Acolhimento", quote: "Sinto que finalmente fui ouvida de verdade. Excelente profissional.", name: "Pedro M.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg?_wi=1" },
|
||||
{ id: "3", title: "Mudança", quote: "As sessões online são tão produtivas quanto as presenciais.", name: "Clara R.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg?_wi=1" },
|
||||
{ id: "4", title: "Gratidão", quote: "Helena é uma profissional extremamente empática e humana.", name: "Lucas P.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-hospital-with-stethoscope_23-2148827773.jpg?_wi=1" },
|
||||
{ id: "5", title: "Suporte", quote: "Transformador desde a primeira sessão.", name: "Mariana G.", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/with-closed-eyes-doctor-young-girl-wearing-stethoscope-medical-gown-bite-tongue-blue-background_141793-21063.jpg?_wi=1" },
|
||||
]}
|
||||
<TestimonialCardSixteen
|
||||
title="Depoimentos"
|
||||
description="Veja o que meus pacientes relatam sobre a jornada terapêutica."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Satisfação" },
|
||||
{ value: "500+", label: "Sessões" },
|
||||
{ value: "10+", label: "Anos" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ana S.", role: "Paciente", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-bright-blue-sweater_633478-2098.jpg?_wi=1" },
|
||||
{ id: "2", name: "Pedro M.", role: "Paciente", company: "Cliente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-woman-portrait_23-2149051720.jpg?_wi=1" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitText
|
||||
sideTitle="Dúvidas"
|
||||
sideDescription="Algumas respostas para perguntas comuns sobre o atendimento."
|
||||
faqs={[
|
||||
{ id: "1", title: "Como agendar?", content: "Entre em contato via WhatsApp para verificar horários." },
|
||||
{ id: "2", title: "Atende convênios?", content: "Trabalho com reembolso mediante nota fiscal." },
|
||||
{ id: "3", title: "Como funciona o online?", content: "Utilizamos plataformas seguras e criptografadas." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
description="Algumas respostas para perguntas comuns sobre o atendimento."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
<ContactSplit
|
||||
tag="Contato"
|
||||
title="Agendamento"
|
||||
description="Estou aqui para ouvir você. Preencha o formulário para marcar sua sessão."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Seu nome", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Seu e-mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Como posso te ajudar?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
description="Estou aqui para ouvir você."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/social-distancing-concept-public-areas_23-2148740150.jpg?_wi=1"
|
||||
buttonText="Enviar mensagem"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterCard
|
||||
logoText="Helena Ávila"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Início", href: "#hero" },
|
||||
{ label: "Sobre", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato", items: [
|
||||
{ label: "WhatsApp", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" }
|
||||
]}
|
||||
copyrightText="© 2024 Helena Ávila. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user