Merge version_2 into main #4
@@ -3,13 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Calendar, Palette, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -40,83 +39,63 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Museu de Arte de Joinville"
|
||||
<HeroOverlayTestimonial
|
||||
title="Museu de Arte de Joinville"
|
||||
description="Preservando a cultura, inspirando a criatividade e conectando a história da arte ao público joinvilense."
|
||||
buttons={[{ text: "Planeje sua visita", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/three-dimensional-tree-with-sunlight_23-2150698208.jpg?_wi=1"
|
||||
imageAlt="Interior do Museu de Arte de Joinville"
|
||||
testimonials={[
|
||||
{ name: "Maria Silva", handle: "@artlover", testimonial: "Um espaço cultural incrível e essencial para a cidade.", rating: 5 },
|
||||
{ name: "João Santos", handle: "@joinvillecult", testimonial: "Exposições sempre inspiradoras e muito bem curadas.", rating: 5 }
|
||||
]}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Um Legado de Arte em Joinville" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/galleria-vittorio-emanuele-milan_181624-9069.jpg", alt: "Sobre o museu" },
|
||||
<MetricSplitMediaAbout
|
||||
title="Um Legado de Arte em Joinville"
|
||||
description="O Museu de Arte de Joinville é um pilar da cultura local, abrigando coleções que narram a história visual da nossa região e promovendo o diálogo entre tradição e contemporaneidade."
|
||||
metrics={[
|
||||
{ title: "Anos de História", value: "50+" },
|
||||
{ title: "Artistas Catalogados", value: "300+" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/galleria-vittorio-emanuele-milan_181624-9069.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
<FeatureCardTwentyEight
|
||||
title="Nossas Exposições"
|
||||
description="Uma jornada através da criatividade e expressão artística."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Acervo Permanente", description: "Obras que contam a história das artes visuais em Santa Catarina ao longo dos anos.", imageSrc: "http://img.b2bpic.net/free-photo/three-dimensional-tree-with-sunlight_23-2150698208.jpg?_wi=2", imageAlt: "Acervo" },
|
||||
{ title: "Exposições Temporárias", description: "Uma rotatividade constante de novos artistas e conceitos contemporâneos.", imageSrc: "http://img.b2bpic.net/free-photo/three-dimensional-tree-with-sunlight_23-2150698208.jpg?_wi=3", imageAlt: "Exposições" },
|
||||
{ title: "Oficinas Educativas", description: "Programas focados em crianças e jovens para despertar o interesse pela arte.", imageSrc: "http://img.b2bpic.net/free-photo/three-dimensional-tree-with-sunlight_23-2150698208.jpg?_wi=4", imageAlt: "Oficinas" },
|
||||
{ id: "1", title: "Acervo Permanente", subtitle: "História", category: "Coleção", value: "1,200 Obras" },
|
||||
{ id: "2", title: "Exposições Temporárias", subtitle: "Atual", category: "Evento", value: "Rotativas" },
|
||||
{ id: "3", title: "Oficinas Educativas", subtitle: "Ação", category: "Educação", value: "Semanais" }
|
||||
]}
|
||||
title="Nossas Exposições e Acervo"
|
||||
description="Conheça as coleções permanentes e as exposições temporárias que celebram a diversidade artística regional e nacional."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Users, title: "Visitantes/Ano", value: "15,000+" },
|
||||
{ id: "m2", icon: Palette, title: "Obras no Acervo", value: "1,200" },
|
||||
{ id: "m3", icon: Calendar, title: "Exposições/Ano", value: "24" },
|
||||
]}
|
||||
title="Impacto no Público"
|
||||
description="O Museu de Arte de Joinville é um ponto central de encontro cultural."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
<TestimonialCardSix
|
||||
title="O que dizem sobre nós"
|
||||
description="Experiências compartilhadas por nossa comunidade"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Maria Silva", role: "Artista", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-pink-mask-low-angle_23-2149403818.jpg" },
|
||||
{ id: "2", name: "João Santos", role: "Estudante", company: "Joinville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-artist-taking-notes-textbook-sketching-vase-model-draw-professional-artwork-design-drawing-modern-art-sketch-with-inspiration-using-notebook-artistic-skills_482257-46736.jpg" },
|
||||
{ id: "3", name: "Ana Souza", role: "Professora", company: "Escola", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-lottery-tickets-medium-shot_23-2149820169.jpg" },
|
||||
{ id: "4", name: "Pedro Lima", role: "Turista", company: "Brasil", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-man-going-art-gallery_23-2149709089.jpg" },
|
||||
{ id: "5", name: "Carla Rocha", role: "Fotógrafa", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-flea-market_23-2149537023.jpg" },
|
||||
{ id: "1", name: "Maria Silva", handle: "@artista", testimonial: "Um lugar que transforma vidas através da arte." },
|
||||
{ id: "2", name: "João Santos", handle: "@visitante", testimonial: "Visita obrigatória para quem passa por Joinville." },
|
||||
{ id: "3", name: "Ana Souza", handle: "@educadora", testimonial: "Excelentes programas educativos para os jovens." }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.8", label: "Avaliação" },
|
||||
{ value: "95%", label: "Satisfação" },
|
||||
{ value: "10k+", label: "Comentários" },
|
||||
]}
|
||||
title="Vozes da Nossa Comunidade"
|
||||
description="O que os visitantes dizem sobre sua experiência no museu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visite-nos"
|
||||
title="Planeje sua próxima visita"
|
||||
description="Estamos abertos de terça a domingo. Confira nosso horário e venha nos ver."
|
||||
@@ -129,22 +108,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="MAJ"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Sobre", href: "#about" },
|
||||
{ label: "Exposições", href: "#features" },
|
||||
{ label: "Acervo", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Política de Privacidade", href: "#" },
|
||||
{ label: "Termos de Uso", href: "#" },
|
||||
{ label: "Privacidade", href: "#" },
|
||||
{ label: "Contato", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MAJ"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user