Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Scale } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,186 +20,130 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="solid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Quem Somos", id: "about"},
|
||||
{
|
||||
name: "Atuação", id: "feature"},
|
||||
{
|
||||
name: "Contato", id: "contact"},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Quem Somos", id: "about" },
|
||||
{ name: "Atuação", id: "feature" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="OAB Águas Claras"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="COMISSÃO DE DIREITO DA PESSOA COM AUTISMO"
|
||||
description="O direito que fala a sua língua — e te escuta de volta."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/incomplete-puzzle-with-missing-piece_93675-128830.jpg?_wi=1"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conheça nosso trabalho", href: "#about"},
|
||||
]}
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/incomplete-puzzle-with-missing-piece_93675-128830.jpg?_wi=1" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/symbol-justice-scales-balance_23-2151998159.jpg?_wi=1" }]}
|
||||
buttons={[{ text: "Conheça nosso trabalho", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1/36", description: "Crianças dentro do espectro"},
|
||||
{
|
||||
id: "m2", value: "100%", description: "Compromisso social"},
|
||||
{
|
||||
id: "m3", value: "24/7", description: "Apoio constante"},
|
||||
]}
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
title="Impacto Real"
|
||||
description="A ponte entre o que está escrito e o que é vivido."
|
||||
metrics={[
|
||||
{ id: "m1", value: "1/36", title: "Público", description: "Crianças no espectro", imageSrc: "http://img.b2bpic.net/free-photo/incomplete-puzzle-with-missing-piece_93675-128830.jpg?_wi=1" },
|
||||
{ id: "m2", value: "100%", title: "Compromisso", description: "Foco social total", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6860.jpg?_wi=1" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="Nossa Missão"
|
||||
title="Quem Somos"
|
||||
description={[
|
||||
"Somos uma instância da OAB Águas Claras que acredita que o Direito só cumpre seu papel quando se traduz em conexão humana.", "Nossa equipe é composta por advogados especializados e defensores da causa, unidos pela missão de garantir que o acesso aos direitos não seja um privilégio, mas uma realidade cotidiana."]}
|
||||
description="Somos uma instância da OAB Águas Claras que acredita que o Direito só cumpre seu papel quando se traduz em conexão humana."
|
||||
subdescription="Nossa equipe é composta por especialistas unidos pela missão de garantir que o acesso aos direitos seja uma realidade para todos."
|
||||
icon={Scale}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-woman-working-with-documents-office_1262-5552.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Informação e Orientação", description: "Traduzimos a lei para a vida real.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-hand-showing-small-size-gesture_23-2150995819.jpg?_wi=1"},
|
||||
{
|
||||
title: "Conscientização", description: "Educamos para incluir.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6860.jpg?_wi=1"},
|
||||
{
|
||||
title: "Experiência e Vivência", description: "Sentir para compreender.", imageSrc: "http://img.b2bpic.net/free-photo/symbol-justice-scales-balance_23-2151998159.jpg?_wi=1"},
|
||||
{
|
||||
title: "Articulação Comunitária", description: "Nenhuma família caminha sozinha.", imageSrc: "http://img.b2bpic.net/free-photo/travel-3d-render-logo-illustration_460848-11288.jpg"},
|
||||
]}
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Como Atuamos"
|
||||
description="Nossa missão é transformar leis em realidade inclusiva."
|
||||
features={[
|
||||
{ id: "f1", title: "Orientação", tags: ["Jurídico", "Apoio"], imageSrc: "http://img.b2bpic.net/free-photo/view-3d-hand-showing-small-size-gesture_23-2150995819.jpg?_wi=1" },
|
||||
{ id: "f2", title: "Conscientização", tags: ["Educação"], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6860.jpg?_wi=1" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
title="Histórias"
|
||||
description="Vozes que transformam."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Ana Silva", date: "12/05", title: "Mãe atípica", quote: "Fundamental para nossa inclusão.", tag: "Direitos", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", imageSrc: "http://img.b2bpic.net/free-photo/incomplete-puzzle-with-missing-piece_93675-128830.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t2", name: "Bruno Souza", date: "14/05", title: "Professor", quote: "O suporte jurídico é impecável.", tag: "Educação", avatarSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-working-with-documents-office_1262-5552.jpg?_wi=1", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t3", name: "Carla Lima", date: "15/05", title: "Advogada", quote: "Um trabalho que inspira.", tag: "Justiça", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-confident-young-businesswoman-against-gray-background_23-2148029500.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-hand-showing-small-size-gesture_23-2150995819.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t4", name: "Daniela Moura", date: "16/05", title: "Terapeuta", quote: "Essencial para os direitos.", tag: "Saúde", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-with-smartphone-smiling-camera_23-2148112961.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-symbol-question-mark_460848-6860.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{
|
||||
id: "t5", name: "Eduardo Dias", date: "17/05", title: "Pai atípico", quote: "Transformador e acolhedor.", tag: "Família", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", imageSrc: "http://img.b2bpic.net/free-photo/symbol-justice-scales-balance_23-2151998159.jpg?_wi=2", imageAlt: "professional portrait man"},
|
||||
{ id: "t1", name: "Ana Silva", role: "Mãe atípica", testimonial: "Fundamental para nossa inclusão." },
|
||||
{ id: "t2", name: "Bruno Souza", role: "Professor", testimonial: "O suporte jurídico é impecável." },
|
||||
]}
|
||||
title="Na Escuta"
|
||||
description="Histórias reais. Direitos acessíveis."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Na Escuta - Insights"
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Insights"
|
||||
description="Conversas que importam."
|
||||
animationType="blur-reveal"
|
||||
blogs={[
|
||||
{
|
||||
id: "b1", category: "Notícias", title: "Novas Leis 2025", excerpt: "Entenda seus novos direitos...", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-scales-justice_23-2149776013.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg", date: "2025-01-01"},
|
||||
{
|
||||
id: "b2", category: "Inclusão", title: "Acessibilidade", excerpt: "Desafios nas escolas...", imageSrc: "http://img.b2bpic.net/free-photo/meeple-board-game-pieces-circle-shape_23-2148621009.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", date: "2025-01-02"},
|
||||
{
|
||||
id: "b3", category: "Direitos", title: "Planos de Saúde", excerpt: "Como cobrar o tratamento...", imageSrc: "http://img.b2bpic.net/free-photo/golden-scales-justice_23-2151945789.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-white-shirt_23-2148095747.jpg", date: "2025-01-03"},
|
||||
{ id: "b1", category: "Notícias", title: "Novas Leis 2025", excerpt: "Entenda seus direitos...", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-scales-justice_23-2149776013.jpg", authorName: "Admin", authorAvatar: "", date: "2025-01-01" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Como pedir apoio?", content: "Entrando em contato conosco via formulário."},
|
||||
{
|
||||
id: "f2", title: "Existe gratuidade?", content: "Somos uma comissão da OAB, orientamos gratuitamente."},
|
||||
{
|
||||
id: "f3", title: "Quais os prazos?", content: "Dependem de cada caso específico."},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Dúvidas comuns sobre direitos."
|
||||
<FaqDouble
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Dúvidas"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Como pedir apoio?", content: "Entre em contato conosco." },
|
||||
{ id: "f2", title: "É gratuito?", content: "Sim, atuamos de forma voluntária." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Fale Conosco"
|
||||
title="Entre em contato"
|
||||
description="Estamos prontos para te ouvir."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-woman-working-with-documents-office_1262-5552.jpg?_wi=2"
|
||||
<ContactText
|
||||
text="Estamos à disposição para transformar o futuro da inclusão."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Comissão", items: [
|
||||
{
|
||||
label: "Sobre", href: "#about"},
|
||||
{
|
||||
label: "Atuação", href: "#feature"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Termos", href: "#"},
|
||||
{
|
||||
label: "Privacidade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseCard
|
||||
logoText="OAB Águas Claras"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Início", href: "#hero" }, { label: "Sobre", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidade", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user