Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -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,22 +72,18 @@ 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-4 shadow-inner relative overflow-hidden">
+          <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" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} />
+                <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 className="text-slate-500 font-medium px-4 text-center">Interaktīvā pasaules karte - Zoom un pan iespējas</p>
-                <div className="absolute bottom-4 right-4 bg-white/80 backdrop-blur p-2 rounded-lg flex flex-col gap-1">
-                    <button className="w-8 h-8 flex items-center justify-center bg-white border rounded shadow hover:bg-slate-50">+</button>
-                    <button className="w-8 h-8 flex items-center justify-center bg-white border rounded shadow hover:bg-slate-50">-</button>
-                </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>