Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 175a35bfb4 | |||
| 648ea5ea51 |
217
src/app/page.tsx
217
src/app/page.tsx
@@ -30,18 +30,28 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Почетна", id: "/"},
|
name: "Početna",
|
||||||
|
id: "/",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Историја", id: "/istorija"},
|
name: "Istorija",
|
||||||
|
id: "/istorija",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Светиње", id: "/svetinje"},
|
name: "Svetinje",
|
||||||
|
id: "/svetinje",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Календар", id: "/kalendar"},
|
name: "Kalendar",
|
||||||
|
id: "/kalendar",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Контакт", id: "/kontakt"},
|
name: "Kontakt",
|
||||||
|
id: "/kontakt",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
brandName="Српска Православна Традиција"
|
brandName="Srpska Pravoslavna Tradicija"
|
||||||
bottomLeftText="Духовно Наслеђе"
|
bottomLeftText="Duhovno Nasleđe"
|
||||||
bottomRightText="portal@srborthodox.org"
|
bottomRightText="portal@srborthodox.org"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -49,28 +59,43 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient"}}
|
variant: "radial-gradient",
|
||||||
|
}}
|
||||||
title="Српска Православна Традиција"
|
title="Српска Православна Традиција"
|
||||||
description="Вековна мудрост, духовно наслеђе и светост српског православља кроз историју и уметност."
|
description="Вековна мудрост, духовно наслеђе и светост српског православља кроз историју и уметност."
|
||||||
tagAnimation="none"
|
tagAnimation="none"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Saznajte Više", href: "/istorija"},
|
text: "Saznajte Više",
|
||||||
|
href: "/istorija",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-view-chisinau-sunrise-moldova_1268-21148.jpg", imageAlt: "Majestičan pogled na Hram Svetog Save u Beogradu"},
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-view-chisinau-sunrise-moldova_1268-21148.jpg",
|
||||||
|
imageAlt: "Majestičan pogled na Hram Svetog Save u Beogradu",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-church-religious-pilgrimage_23-2150319316.jpg", imageAlt: "Manastir Studenica, majka svih srpskih manastira"},
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-church-religious-pilgrimage_23-2150319316.jpg",
|
||||||
|
imageAlt: "Manastir Studenica, majka svih srpskih manastira",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-decorative-paintings-architectural-details_169016-68651.jpg", imageAlt: "Manastir Žiča, krunidbena crkva srpskih kraljeva"},
|
imageSrc: "http://img.b2bpic.net/free-photo/gothic-vault-decorative-paintings-architectural-details_169016-68651.jpg",
|
||||||
|
imageAlt: "Manastir Žiča, krunidbena crkva srpskih kraljeva",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/old-ruined-historic-castle-mountains-istria-croatia_181624-8850.jpg", imageAlt: "Manastir Mileševa, dom Belog Anđela"},
|
imageSrc: "http://img.b2bpic.net/free-photo/old-ruined-historic-castle-mountains-istria-croatia_181624-8850.jpg",
|
||||||
|
imageAlt: "Manastir Mileševa, dom Belog Anđela",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/long-stained-glass-window-cathedral_169016-38648.jpg", imageAlt: "Manastir Sopoćani, freske Uspenja Presvete Bogorodice"},
|
imageSrc: "http://img.b2bpic.net/free-photo/long-stained-glass-window-cathedral_169016-38648.jpg",
|
||||||
|
imageAlt: "Manastir Sopoćani, freske Uspenja Presvete Bogorodice",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/old-ancient-building-city_1268-14308.jpg", imageAlt: "Manastir Hilandar na Svetoj Gori, srpski carski lavr"},
|
imageSrc: "http://img.b2bpic.net/free-photo/old-ancient-building-city_1268-14308.jpg",
|
||||||
|
imageAlt: "Manastir Hilandar na Svetoj Gori, srpski carski lavr",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -95,14 +120,35 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "studenica", brand: "Raška škola", name: "Manastir Studenica", price: "12. vek", rating: 5,
|
id: "studenica",
|
||||||
reviewCount: "Majka svih manastira", imageSrc: "http://img.b2bpic.net/free-photo/michelangelo-s-pieta-st-peter-s-basilica-vatican-city_1139-364.jpg", imageAlt: "Manastir Studenica"},
|
brand: "Raška škola",
|
||||||
|
name: "Manastir Studenica",
|
||||||
|
price: "12. vek",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "Majka svih manastira",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/michelangelo-s-pieta-st-peter-s-basilica-vatican-city_1139-364.jpg",
|
||||||
|
imageAlt: "Manastir Studenica",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "manasija", brand: "Resavska škola", name: "Manastir Manasija", price: "15. vek", rating: 5,
|
id: "manasija",
|
||||||
reviewCount: "Srednjovekovna tvrđava", imageSrc: "http://img.b2bpic.net/free-photo/charles-bridge-gate-prague_1204-469.jpg", imageAlt: "Manastir Manasija"},
|
brand: "Resavska škola",
|
||||||
|
name: "Manastir Manasija",
|
||||||
|
price: "15. vek",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "Srednjovekovna tvrđava",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/charles-bridge-gate-prague_1204-469.jpg",
|
||||||
|
imageAlt: "Manastir Manasija",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "gracanica", brand: "Kosovsko-metohijska škola", name: "Manastir Gračanica", price: "14. vek", rating: 5,
|
id: "gracanica",
|
||||||
reviewCount: "Vrhunac vizantijske umetnosti", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-tower-with-black-bell-cloudy-sky_181624-42084.jpg", imageAlt: "Manastir Gračanica"},
|
brand: "Kosovsko-metohijska škola",
|
||||||
|
name: "Manastir Gračanica",
|
||||||
|
price: "14. vek",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "Vrhunac vizantijske umetnosti",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-tower-with-black-bell-cloudy-sky_181624-42084.jpg",
|
||||||
|
imageAlt: "Manastir Gračanica",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
title="Večne Zadužbine: Dragulji Srpske Arhitekture"
|
title="Večne Zadužbine: Dragulji Srpske Arhitekture"
|
||||||
description="Istražite najznačajnije manastire i zadužbine, svedoke duboke vere i umetničkog genija Nemanjićke Srbije i kasnijih epoha."
|
description="Istražite najznačajnije manastire i zadužbine, svedoke duboke vere i umetničkog genija Nemanjićke Srbije i kasnijih epoha."
|
||||||
@@ -118,17 +164,44 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "beli-andjeo-freska", title: "Beli Anđeo", author: "Manastir Mileševa", description: "Jedna od najpoznatijih fresaka srpskog slikarstva, simbol mira i nade.", tags: [
|
id: "beli-andjeo-freska",
|
||||||
"XIII vek", "Mileševa", "Vizantijska umetnost"],
|
title: "Beli Anđeo",
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-baroque-angel-digital-art_23-2151637301.jpg", imageAlt: "Freska Belog Anđela"},
|
author: "Manastir Mileševa",
|
||||||
|
description: "Jedna od najpoznatijih fresaka srpskog slikarstva, simbol mira i nade.",
|
||||||
|
tags: [
|
||||||
|
"XIII vek",
|
||||||
|
"Mileševa",
|
||||||
|
"Vizantijska umetnost",
|
||||||
|
],
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-baroque-angel-digital-art_23-2151637301.jpg",
|
||||||
|
imageAlt: "Freska Belog Anđela",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "kralj-milutin-freske", title: "Freske Kralja Milutina", author: "Manastir Gračanica", description: "Portreti ktitora i svetitelja, prikazani u punom sjaju vizantijskog stila.", tags: [
|
id: "kralj-milutin-freske",
|
||||||
"XIV vek", "Gračanica", "Portreti"],
|
title: "Freske Kralja Milutina",
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-architectural-texture-close-up_23-2151900431.jpg", imageAlt: "Freske Kralja Milutina"},
|
author: "Manastir Gračanica",
|
||||||
|
description: "Portreti ktitora i svetitelja, prikazani u punom sjaju vizantijskog stila.",
|
||||||
|
tags: [
|
||||||
|
"XIV vek",
|
||||||
|
"Gračanica",
|
||||||
|
"Portreti",
|
||||||
|
],
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/urban-architectural-texture-close-up_23-2151900431.jpg",
|
||||||
|
imageAlt: "Freske Kralja Milutina",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "studenicke-freske", title: "Studeničke Freske", author: "Manastir Studenica", description: "Remek-dela rane vizantijske umetnosti, svedoci zlatnog doba Nemanjića.", tags: [
|
id: "studenicke-freske",
|
||||||
"XIII vek", "Studenica", "Rano-vizantijski stil"],
|
title: "Studeničke Freske",
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-chandelier-ceiling-decor-architectural-details_169016-68690.jpg", imageAlt: "Studeničke freske"},
|
author: "Manastir Studenica",
|
||||||
|
description: "Remek-dela rane vizantijske umetnosti, svedoci zlatnog doba Nemanjića.",
|
||||||
|
tags: [
|
||||||
|
"XIII vek",
|
||||||
|
"Studenica",
|
||||||
|
"Rano-vizantijski stil",
|
||||||
|
],
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-chandelier-ceiling-decor-architectural-details_169016-68690.jpg",
|
||||||
|
imageAlt: "Studeničke freske",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
title="Nebeska Lepota: Riznica Srpske Sakralne Umetnosti"
|
title="Nebeska Lepota: Riznica Srpske Sakralne Umetnosti"
|
||||||
description="Uronite u svet fresaka i ikona koje svedoče o bogatoj duhovnosti i umetničkom nasleđu Srpske Pravoslavne Crkve. Od Belog Anđela do sofisticiranih fresaka manastira Hilandara."
|
description="Uronite u svet fresaka i ikona koje svedoče o bogatoj duhovnosti i umetničkom nasleđu Srpske Pravoslavne Crkve. Od Belog Anđela do sofisticiranih fresaka manastira Hilandara."
|
||||||
@@ -143,11 +216,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "post-sredom-petkom", title: "Zašto se posti sredom i petkom?", content: "Sredom se posti u spomen na Judinu izdaju Hrista, a petkom u spomen na Hristovo stradanje na Krstu."},
|
id: "post-sredom-petkom",
|
||||||
|
title: "Zašto se posti sredom i petkom?",
|
||||||
|
content: "Sredom se posti u spomen na Judinu izdaju Hrista, a petkom u spomen na Hristovo stradanje na Krstu.",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "vaskrsnji-post", title: "Koliko traje Vaskršnji post?", content: "Vaskršnji post traje sedam nedelja i predstavlja najstrožiji i najduži post u pravoslavnoj crkvi."},
|
id: "vaskrsnji-post",
|
||||||
|
title: "Koliko traje Vaskršnji post?",
|
||||||
|
content: "Vaskršnji post traje sedam nedelja i predstavlja najstrožiji i najduži post u pravoslavnoj crkvi.",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "slava-datum", title: "Kako se određuje datum Krsne Slave?", content: "Datum Krsne Slave je dan kada je svetitelj, koji je zaštitnik porodice, proslavljen. Slave su uvek istog datuma po crkvenom kalendaru."},
|
id: "slava-datum",
|
||||||
|
title: "Kako se određuje datum Krsne Slave?",
|
||||||
|
content: "Datum Krsne Slave je dan kada je svetitelj, koji je zaštitnik porodice, proslavljen. Slave su uvek istog datuma po crkvenom kalendaru.",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-vector/business-designs-collection_1209-35.jpg"
|
imageSrc="http://img.b2bpic.net/free-vector/business-designs-collection_1209-35.jpg"
|
||||||
imageAlt="Stari liturgijski kalendar"
|
imageAlt="Stari liturgijski kalendar"
|
||||||
@@ -165,14 +247,17 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient"}}
|
variant: "radial-gradient",
|
||||||
|
}}
|
||||||
tag="Duhovni Saveti"
|
tag="Duhovni Saveti"
|
||||||
tagAnimation="none"
|
tagAnimation="none"
|
||||||
title="Pitajte Sveštenika"
|
title="Pitajte Sveštenika"
|
||||||
description="Potreban vam je duhovni savet ili odgovor na teološko pitanje? Pošaljite nam poruku i naš sveštenik će vam odgovoriti."
|
description="Potreban vam je duhovni savet ili odgovor na teološko pitanje? Pošaljite nam poruku i naš sveštenik će vam odgovoriti."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Postavite Pitanje", href: "/kontakt#form"},
|
text: "Postavite Pitanje",
|
||||||
|
href: "/kontakt#form",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -184,51 +269,81 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Почетна", href: "/"},
|
label: "Početna",
|
||||||
|
href: "/",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Историја", href: "/istorija"},
|
label: "Istorija",
|
||||||
|
href: "/istorija",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Светиње", href: "/svetinje"},
|
label: "Svetinje",
|
||||||
|
href: "/svetinje",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Календар", href: "/kalendar"},
|
label: "Kalendar",
|
||||||
|
href: "/kalendar",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Контакт", href: "/kontakt"},
|
label: "Kontakt",
|
||||||
|
href: "/kontakt",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Патријаршија СПЦ", href: "https://spc.rs"},
|
label: "Patrijaršija SPC",
|
||||||
|
href: "https://spc.rs",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Онлајн Библиотека", href: "#"},
|
label: "Online Biblioteka",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Духовна Издања", href: "#"},
|
label: "Duhovna Izdanja",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Пријава за Билтен", href: "#"},
|
label: "Prijava za Newsletter",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Facebook", href: "https://facebook.com"},
|
label: "Facebook",
|
||||||
|
href: "https://facebook.com",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Instagram", href: "https://instagram.com"},
|
label: "Instagram",
|
||||||
|
href: "https://instagram.com",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "YouTube", href: "https://youtube.com"},
|
label: "YouTube",
|
||||||
|
href: "https://youtube.com",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Twitter", href: "https://twitter.com"},
|
label: "Twitter",
|
||||||
|
href: "https://twitter.com",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Политика Приватности", href: "#"},
|
label: "Politika Privatnosti",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Услови Коришћења", href: "#"},
|
label: "Uslovi Korišćenja",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Српска Православна Традиција"
|
logoText="Srpska Pravoslavna Tradicija"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user