Update src/app/page.tsx

2026-05-10 12:06:31 +00:00
parent 5c87950dd8
commit be8a8116bf
1 changed files with 40 additions and 161 deletions
--- a/src/app/page.tsx
+++ b/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,32 +153,8 @@ 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>