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

Merge version_15 into main

src/app/hotel-contact/page.tsx

@@ -25,7 +25,7 @@ export default function HotelContactPage() {
           navItems={[
             { name: "Meklēt", id: "/" },
             { name: "Galamērķi", id: "/#destinations" },
-            { name: "Atsauksmes", id: "/#features" },
+            { name: "Atsauksmes", id: "/quiz-and-reviews" },
             { name: "Kontakti", id: "/hotel-contact" }
           ]}
         />
@@ -33,9 +33,9 @@ export default function HotelContactPage() {
 
       <div id="contact" data-section="contact">
         <ContactCTA
-          title="Kontakti"
-          description="Ja jums ir jautājumi, nepieciešama palīdzība ar rezervācijām vai vēlaties uzzināt vairāk par ceļojumiem, sazinieties ar mums! Mūsu komanda ar prieku palīdzēs."
-          tag="📞 Sazinies ar mums"
+          title="Sazinies ar mums"
+          description="Mūsu komanda vienmēr ir gatava palīdzēt plānot tavu nākamo lielisko piedzīvojumu. Ja rodas kādi jautājumi, droši raksti vai zvani jebkurā laikā!"
+          tag="📞 Mēs esam tepat"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           buttons={[

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: "Atsauksmes", id: "quiz-and-reviews" },
+            { name: "Kontakti", id: "hotel-contact" }
           ]}
         />
       </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>

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

@@ -26,7 +26,7 @@ export default function QuizAndReviewsPage() {
           navItems={[
             { name: "Meklēt", id: "/" },
             { name: "Galamērķi", id: "/#destinations" },
-            { name: "Atsauksmes", id: "/#features" },
+            { name: "Atsauksmes", id: "/quiz-and-reviews" },
             { name: "Kontakti", id: "/hotel-contact" }
           ]}
         />
@@ -55,12 +55,15 @@ export default function QuizAndReviewsPage() {
       <div id="reviews" data-section="reviews">
         <TestimonialCardTwo
           title="Ceļotāju atsauksmes"
-          description="Iepazīsties ar reāliem ceļojuma stāstiem no mūsu apmierinātajiem klientiem."
+          description="Iepazīsties ar reāliem ceļojumu stāstiem no mūsu apmierinātajiem klientiem."
           tag="⭐ Patiesie stāsti"
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="scale-rotate"
+          animationType="blur-reveal"
           useInvertedBackground={true}
+          className="py-16"
+          gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
+          cardClassName="p-6 shadow-sm border border-slate-100 rounded-xl"
           testimonials={[
             { id: "1", name: "Māra Liepiņa", role: "Ceļotāja", testimonial: "Vienkāršs un ātrs meklēšanas process. Atradu perfektu viesnīcu Parīzē dažos minūtēs. Brīnišķigs serviss!", imageSrc: "http://img.b2bpic.net/free-photo/casual-man-portrait-with-moustache-hat_1122-571.jpg?_wi=2" },
             { id: "2", name: "Jānis Ozols", role: "Ceļotājs", testimonial: "Lielisks atbalsts. Zvanīju uz viņiem jautājumiem par viesnīcu un viņi nekavējoties palīdzēja.", imageSrc: "http://img.b2bpic.net/free-photo/three-beautiful-smiling-women-happily-looking-camera-holding_574295-3816.jpg?_wi=2" },