Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { CheckCircle, Filter, MapPin, Search, Star, Search as SearchIcon } from "lucide-react";
+import { CheckCircle, Filter, MapPin, Search, Star } from "lucide-react";
 import { useState } from "react";
 
 export default function LandingPage() {
@@ -26,14 +26,14 @@ export default function LandingPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="medium"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="sticky top-0 z-50">
         <NavbarStyleApple
           brandName="TravelBook"
           navItems={[
             { name: "Meklēt", id: "search" },
             { name: "Galamērķi", id: "destinations" },
             { name: "Atsauksmes", id: "features" },
-            { name: "Kontakti", id: "/hotel-contact" }
+            { name: "Kontakti", id: "footer" }
           ]}
         />
       </div>
@@ -72,18 +72,19 @@ export default function LandingPage() {
               <div className="space-y-4">
                 <div>
                     <label className="text-sm block mb-1">Budžets: €{priceRange}</label>
-                    <input type="range" min="50" max="300" value={priceRange} onChange={(e) => setPriceRange(Number(e.target.value))} className="w-full"/>
+                    <input type="range" min="50" max="300" value={priceRange} onChange={(e) => setPriceRange(Number(e.target.value))} className="w-full accent-blue-600"/>
                 </div>
               </div>
             </div>
           </div>
-          <div className="flex-grow h-[600px] bg-slate-100 rounded-2xl flex flex-col p-6 shadow-inner relative overflow-hidden">
-                <div className="flex items-center justify-between mb-4 bg-white p-3 rounded-lg shadow-sm border border-black/10">
-                  <div className="flex items-center gap-2">
-                    <SearchIcon className="w-5 h-5 text-muted-foreground" />
-                    <input type="text" placeholder="Meklēt pilsētu..." className="outline-none" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} />
-                  </div>
-                </div>
+          <div className="flex-grow min-h-[400px] lg:h-[600px] bg-slate-100 rounded-2xl flex flex-col p-4 shadow-inner relative overflow-hidden">
+             <div className="bg-white p-4 rounded-xl shadow-md border border-black/5 mb-4 z-10 flex gap-2 items-center">
+                <Search className="text-slate-400" />
+                <input type="text" placeholder="Meklēt galamērķi kartē..." className="w-full outline-none bg-transparent" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} />
+             </div>
+             <div className="absolute inset-0 bg-slate-200 flex items-center justify-center p-4">
+                <p className="text-slate-500 font-medium text-center">Interaktīvā pasaules karte - Zoom un pan iespējas</p>
+             </div>
             </div>
         </div>
       </div>

src/app/quiz-and-reviews/page.tsx

@@ -24,7 +24,7 @@ export default function QuizAndReviewsPage() {
         <NavbarStyleApple
           brandName="TravelBook"
           navItems={[
-            { name: "Meklēt", id: "/#search" },
+            { name: "Meklēt", id: "/" },
             { name: "Galamērķi", id: "/#destinations" },
             { name: "Atsauksmes", id: "/#features" },
             { name: "Kontakti", id: "/hotel-contact" }