Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -11,9 +11,16 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Home } from "lucide-react";
|
||||
import { Home, Globe } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const toggleLanguage = () => {
|
||||
const currentLang = document.documentElement.lang;
|
||||
const newLang = currentLang === "en" ? "hr" : "en";
|
||||
document.documentElement.lang = newLang;
|
||||
alert("Language switched to " + newLang.toUpperCase() + ". (Implementation would typically hook into i18n context)");
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -31,40 +38,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "EN/HR", id: "#" }
|
||||
]}
|
||||
brandName="Villa Juric"
|
||||
onNavClick={(id) => {
|
||||
if (id === "#") toggleLanguage();
|
||||
else document.getElementById(id)?.scrollIntoView({ behavior: "smooth" });
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Villa Juric Crikvenica"
|
||||
description="Vaša oaza mira s pogledom na more. Uživajte u udobnosti naših apartmana uz ljubaznu obiteljsku atmosferu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezervirajte smještaj",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Rezervirajte smještaj", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8m7fbPJLZ4gl0tzPm4TbM9ONO/uploaded-1778414609045-ece64xm9.avif"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -90,31 +83,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pogled na more",
|
||||
description: "Veliki balkoni s očaravajućim pogledom na Kvarner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728838.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gostoljubivi domaćini",
|
||||
description: "Tu smo za vas u svakom trenutku tijekom vašeg boravka.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-waving-hand-goodbye-golden-blouse-looking-focused_176474-55940.jpg",
|
||||
},
|
||||
{
|
||||
title: "Urednost i komfor",
|
||||
description: "Dobro opremljeni apartmani za bezbrižan odmor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-shop-prepared-live-auction_23-2149947500.jpg",
|
||||
},
|
||||
{
|
||||
title: "Besplatan Wi-Fi",
|
||||
description: "Brzi internet dostupan u cijelom objektu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-around-sea-beach-ocean_74190-9600.jpg",
|
||||
},
|
||||
{
|
||||
title: "Privatni parking",
|
||||
description: "Osiguran parking prostor za sve naše goste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-pier-with-phone_169016-2001.jpg",
|
||||
},
|
||||
{ title: "Pogled na more", description: "Veliki balkoni s očaravajućim pogledom na Kvarner.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728838.jpg" },
|
||||
{ title: "Gostoljubivi domaćini", description: "Tu smo za vas u svakom trenutku tijekom vašeg boravka.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-waving-hand-goodbye-golden-blouse-looking-focused_176474-55940.jpg" },
|
||||
{ title: "Urednost i komfor", description: "Dobro opremljeni apartmani za bezbrižan odmor.", imageSrc: "http://img.b2bpic.net/modern-shop-prepared-live-auction_23-2149947500.jpg" },
|
||||
{ title: "Besplatan Wi-Fi", description: "Brzi internet dostupan u cijelom objektu.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-around-sea-beach-ocean_74190-9600.jpg" },
|
||||
{ title: "Privatni parking", description: "Osiguran parking prostor za sve naše goste.", imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-pier-with-phone_169016-2001.jpg" }
|
||||
]}
|
||||
title="Što nudimo?"
|
||||
description="Naši apartmani su opremljeni za vaš potpuni komfor."
|
||||
@@ -126,46 +99,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Divan odmor",
|
||||
quote: "Odličan pogled i ljubazni domaćini!",
|
||||
name: "Ana",
|
||||
role: "Gost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Uredno i čisto",
|
||||
quote: "Apartman je bio besprijekorno čist.",
|
||||
name: "Marko",
|
||||
role: "Gost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-relaxing-outdoors_23-2148739306.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Mirna lokacija",
|
||||
quote: "Savršeno za odmor od gradske vreve.",
|
||||
name: "Ivana",
|
||||
role: "Gost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-straw-hat-having-fun-stretches-hands-camera_273443-595.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Preporuka",
|
||||
quote: "Vratit ćemo se sigurno!",
|
||||
name: "Petar",
|
||||
role: "Gost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-close-up-portrait-young-beautiful-attractive-girl-wtih-trendy-hat-smiling-white-b_1258-110449.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Odlično iskustvo",
|
||||
quote: "Sve pohvale za gostoprimstvo.",
|
||||
name: "Sara",
|
||||
role: "Gost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restful-carefree-teenage-boy-with-trendy-mustache-beard-lies-green-lawn-near-his-skateboard_273609-8761.jpg",
|
||||
},
|
||||
{ id: "1", title: "Divan odmor", quote: "Odličan pogled i ljubazni domaćini!", name: "Ana", role: "Gost", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg" },
|
||||
{ id: "2", title: "Uredno i čisto", quote: "Apartman je bio besprijekorno čist.", name: "Marko", role: "Gost", imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-relaxing-outdoors_23-2148739306.jpg" },
|
||||
{ id: "3", title: "Mirna lokacija", quote: "Savršeno za odmor od gradske vreve.", name: "Ivana", role: "Gost", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-straw-hat-having-fun-stretches-hands-camera_273443-595.jpg" },
|
||||
{ id: "4", title: "Preporuka", quote: "Vratit ćemo se sigurno!", name: "Petar", role: "Gost", imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-close-up-portrait-young-beautiful-attractive-girl-wtih-trendy-hat-smiling-white-b_1258-110449.jpg" },
|
||||
{ id: "5", title: "Odlično iskustvo", quote: "Sve pohvale za gostoprimstvo.", name: "Sara", role: "Gost", imageSrc: "http://img.b2bpic.net/free-photo/restful-carefree-teenage-boy-with-trendy-mustache-beard-lies-green-lawn-near-his-skateboard_273609-8761.jpg" }
|
||||
]}
|
||||
title="Što kažu naši gosti"
|
||||
description="Iskustva gostiju koji su boravili kod nas."
|
||||
@@ -177,31 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Gdje se nalazi Villa Juric?",
|
||||
content: "Nalazimo se u mirnijem dijelu Crikvenice.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Je li klima uključena?",
|
||||
content: "Klima se uključuje u cijenu.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Koliko je daleko plaža?",
|
||||
content: "Ugodna šetnja nizbrdo do mora traje oko 10-15 minuta.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Primaju li se kućni ljubimci?",
|
||||
content: "Molimo kontaktirajte nas unaprijed ako želite dovest ljubimca",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Kako rezervirati smještaj?",
|
||||
content: "Rezervaciju možete izvršiti putem telefona ili e-maila.",
|
||||
},
|
||||
{ id: "1", title: "Gdje se nalazi Villa Juric?", content: "Nalazimo se u mirnijem dijelu Crikvenice." },
|
||||
{ id: "2", title: "Je li klima uključena?", content: "Klima se uključuje u cijenu." },
|
||||
{ id: "3", title: "Koliko je daleko plaža?", content: "Ugodna šetnja nizbrdo do mora traje oko 10-15 minuta." },
|
||||
{ id: "4", title: "Primaju li se kućni ljubimci?", content: "Molimo kontaktirajte nas unaprijed ako želite dovest ljubimca" },
|
||||
{ id: "5", title: "Kako rezervirati smještaj?", content: "Rezervaciju možete izvršiti putem telefona ili e-maila." }
|
||||
]}
|
||||
title="Česta pitanja"
|
||||
description="Sve što vas zanima o boravku kod nas."
|
||||
@@ -213,15 +131,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Crikvenica",
|
||||
"Kvarner",
|
||||
"Jadran",
|
||||
"Villa Juric",
|
||||
"Hrvatska",
|
||||
"Turizam",
|
||||
"Odmor",
|
||||
]}
|
||||
names={["Crikvenica", "Kvarner", "Jadran", "Villa Juric", "Hrvatska", "Turizam", "Odmor"]}
|
||||
title="Naši partneri i lokacije"
|
||||
description="Ponosni smo na našu ponudu."
|
||||
showCard={true}
|
||||
@@ -231,18 +141,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontaktirajte nas"
|
||||
title="Rezervirajte svoj termin"
|
||||
description="Kontaktirajte nas izravno za najbolje cijene i dostupnost vašeg termina."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pošaljite upit",
|
||||
href: "mailto:info@villajuric.hr",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Pošaljite upit", href: "mailto:info@villajuric.hr" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -250,36 +153,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Villa Juric"
|
||||
columns={[
|
||||
{
|
||||
title: "Smještaj",
|
||||
items: [
|
||||
{
|
||||
label: "Apartmani",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Lokacija",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informacije",
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Recenzije",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Smještaj", items: [{ label: "Apartmani", href: "#features" }, { label: "Lokacija", href: "#" }] },
|
||||
{ title: "Informacije", items: [{ label: "Kontakt", href: "#contact" }, { label: "Recenzije", href: "#testimonials" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user