Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -16,141 +16,141 @@ import { Heart, MessageSquare, ShieldCheck, Utensils, Dumbbell, Stethoscope } fr
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Contactos", id: "contact" }
|
||||
]}
|
||||
brandName="Sobreiras Valley"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Contactos", id: "contact" }
|
||||
]}
|
||||
brandName="Sobreiras Valley"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="O lugar onde os seus pais se sentem em casa"
|
||||
description="Proporcionamos um ambiente acolhedor, seguro e estimulante para os seus entes queridos todos os dias."
|
||||
tag="Bem-estar Sénior"
|
||||
buttons={[{ text: "Inscreva-se agora", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elder-group-friends-partying_23-2150285505.jpg", imageAlt: "Ambiente acolhedor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161942.jpg", imageAlt: "Ambiente seguro" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Avaliação 5 estrelas das famílias"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="O lugar onde os seus pais se sentem em casa"
|
||||
description="Proporcionamos um ambiente acolhedor, seguro e estimulante para os seus entes queridos todos os dias."
|
||||
tag="Bem-estar Sénior"
|
||||
buttons={[{ text: "Inscreva-se agora", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elder-group-friends-partying_23-2150285505.jpg", imageAlt: "Ambiente acolhedor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/authentic-scene-young-person-undergoing-psychological-therapy_23-2150161942.jpg", imageAlt: "Ambiente seguro" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Avaliação 5 estrelas das famílias"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A nossa missão e valores"
|
||||
metrics={[
|
||||
{ icon: Heart, label: "Empatia", value: "Foco" },
|
||||
{ icon: ShieldCheck, label: "Respeito", value: "Dignidade" },
|
||||
{ icon: MessageSquare, label: "Comunicação", value: "Aberta" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A nossa missão e valores"
|
||||
metrics={[
|
||||
{ icon: Heart, label: "Empatia", value: "Foco" },
|
||||
{ icon: ShieldCheck, label: "Respeito", value: "Dignidade" },
|
||||
{ icon: MessageSquare, label: "Comunicação", value: "Aberta" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Alimentação", description: "Refeições saudáveis adaptadas às necessidades individuais.", bentoComponent: { bentoComponent: "reveal-icon", icon: Utensils } },
|
||||
{ title: "Atividades", description: "Estimulação física e cognitiva através de ginástica e socialização.", bentoComponent: { bentoComponent: "reveal-icon", icon: Dumbbell } },
|
||||
{ title: "Cuidados de Saúde", description: "Acesso a cuidados especializados em parceria com a Senilife.", bentoComponent: { bentoComponent: "reveal-icon", icon: Stethoscope } }
|
||||
]}
|
||||
title="O que oferecemos?"
|
||||
description="Conheça os serviços para garantir o bem-estar dos seus entes queridos."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Alimentação", description: "Refeições saudáveis adaptadas às necessidades individuais.", bentoComponent: { bentoComponent: "reveal-icon", icon: Utensils } },
|
||||
{ title: "Atividades", description: "Estimulação física e cognitiva através de ginástica e socialização.", bentoComponent: { bentoComponent: "reveal-icon", icon: Dumbbell } },
|
||||
{ title: "Cuidados de Saúde", description: "Acesso a cuidados especializados em parceria com a Senilife.", bentoComponent: { bentoComponent: "reveal-icon", icon: Stethoscope } }
|
||||
]}
|
||||
title="O que oferecemos?"
|
||||
description="Conheça os serviços para garantir o bem-estar dos seus entes queridos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="values" data-section="values">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Cuidado Personalizado", price: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-face-mask-talking-people-circle-aa-meeting-cure-alcohol-addiction-support-group-therapy-person-having-discussion-with-psychologist-about-problems_482257-32090.jpg" },
|
||||
{ id: "p2", name: "Ambiente Familiar", price: "Acolhedor", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447151.jpg" },
|
||||
{ id: "p3", name: "Equipa Profissional", price: "Experiente", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-looking-their-laptop_23-2149123937.jpg" }
|
||||
]}
|
||||
title="Cuidamos com Dedicação"
|
||||
description="Priorizamos o conforto através de serviços personalizados e equipa carinhosa."
|
||||
/>
|
||||
</div>
|
||||
<div id="values" data-section="values">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Cuidado Personalizado", price: "Individual", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-face-mask-talking-people-circle-aa-meeting-cure-alcohol-addiction-support-group-therapy-person-having-discussion-with-psychologist-about-problems_482257-32090.jpg" },
|
||||
{ id: "p2", name: "Ambiente Familiar", price: "Acolhedor", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447151.jpg" },
|
||||
{ id: "p3", name: "Equipa Profissional", price: "Experiente", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-looking-their-laptop_23-2149123937.jpg" }
|
||||
]}
|
||||
title="Cuidamos com Dedicação"
|
||||
description="Priorizamos o conforto através de serviços personalizados e equipa carinhosa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Maria Silva", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-71.jpg" },
|
||||
{ id: "t2", name: "António Santos", imageSrc: "http://img.b2bpic.net/free-photo/older-man-beach-with-camera_23-2148641931.jpg" }
|
||||
]}
|
||||
cardTitle="O que dizem as famílias"
|
||||
cardTag="Testemunhos"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Maria Silva", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-71.jpg" },
|
||||
{ id: "t2", name: "António Santos", imageSrc: "http://img.b2bpic.net/free-photo/older-man-beach-with-camera_23-2148641931.jpg" }
|
||||
]}
|
||||
cardTitle="O que dizem as famílias"
|
||||
cardTag="Testemunhos"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Como funcionam as inscrições?", content: "Entre em contacto connosco para agendar uma visita e conhecer o nosso espaço." },
|
||||
{ id: "f2", title: "Que cuidados de saúde oferecem?", content: "Temos parceria com a Clínica Instituto Médico Senilife." }
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire as suas dúvidas sobre o Sobreiras Valley."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Como funcionam as inscrições?", content: "Entre em contacto connosco para agendar uma visita e conhecer o nosso espaço." },
|
||||
{ id: "f2", title: "Que cuidados de saúde oferecem?", content: "Temos parceria com a Clínica Instituto Médico Senilife." }
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire as suas dúvidas sobre o Sobreiras Valley."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Entre em Contacto"
|
||||
description="Estamos prontos para ajudar os seus entes queridos a viver uma vida mais feliz."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-social-worker-helping-senior-woman_23-2149031376.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Entre em Contacto"
|
||||
description="Estamos prontos para ajudar os seus entes queridos a viver uma vida mais feliz."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-social-worker-helping-senior-woman_23-2149031376.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sobreiras Valley"
|
||||
columns={[
|
||||
{ title: "Sobre", items: [{ label: "Missão", href: "#about" }] },
|
||||
{ title: "Serviços", items: [{ label: "Alimentação", href: "#services" }, { label: "Atividades", href: "#services" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Sobreiras Valley Clube Sénior."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sobreiras Valley"
|
||||
columns={[
|
||||
{ title: "Sobre", items: [{ label: "Missão", href: "#about" }] },
|
||||
{ title: "Serviços", items: [{ label: "Alimentação", href: "#services" }, { label: "Atividades", href: "#services" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Sobreiras Valley Clube Sénior."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user