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

Merge version_13 into main

src/app/hotel-contact/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
+export default function HotelContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="mediumLargeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="TravelBook"
+          navItems={[
+            { name: "Meklēt", id: "/" },
+            { name: "Galamērķi", id: "/#destinations" },
+            { name: "Atsauksmes", id: "/#features" },
+            { name: "Kontakti", id: "/hotel-contact" }
+          ]}
+        />
+      </div>
+
+      <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"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+             { text: "Zvanīt: +371 20 121 744", href: "tel:+37120121744" },
+             { text: "Rakstīt: TravelBook@gmail.com", href: "mailto:TravelBook@gmail.com" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="TravelBook"
+          leftLink={{ text: "Privātuma politika", href: "#" }}
+          rightLink={{ text: "Noteikumi un nosacījumi", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -6,27 +6,12 @@ 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, ZoomIn, ZoomOut, Search as SearchIcon, Info } from "lucide-react";
-import { useState, useMemo } from "react";
+import { CheckCircle, Filter, MapPin, Search, Star } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
-  const [selectedCity, setSelectedCity] = useState<string | null>(null);
   const [searchQuery, setSearchQuery] = useState("");
   const [priceRange, setPriceRange] = useState(200);
-  const [minRating, setMinRating] = useState(0);
-
-  const allHotels = [
-    { id: "grand-city", name: "Grand City", price: 120, rating: 5, top: "33%", left: "25%", description: "Lieliska viesnīca pilsētas centrā ar skatu uz parku.", amenities: ["Wifi", "Pool"] },
-    { id: "sunset-view", name: "Sunset View", price: 85, rating: 4, top: "75%", left: "66%", description: "Mājīga vieta pie jūras ar brīnišķīgiem saulrietiem.", amenities: ["Wifi", "Beach Access"] }
-  ];
-
-  const filteredHotels = useMemo(() => {
-    return allHotels.filter(h => 
-      h.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
-      h.price <= priceRange &&
-      h.rating >= minRating
-    );
-  }, [searchQuery, priceRange, minRating]);
 
   return (
     <ThemeProvider
@@ -48,7 +33,7 @@ export default function LandingPage() {
             { name: "Meklēt", id: "search" },
             { name: "Galamērķi", id: "destinations" },
             { name: "Atsauksmes", id: "features" },
-            { name: "Kontakti", id: "footer" }
+            { name: "Kontakti", id: "/hotel-contact" }
           ]}
         />
       </div>
@@ -89,46 +74,21 @@ export default function LandingPage() {
                     <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"/>
                 </div>
-                <div>
-                    <label className="text-sm block mb-1">Min. vērtējums</label>
-                    <select className="w-full p-2 border rounded" onChange={(e) => setMinRating(Number(e.target.value))}>
-                        <option value="0">Visi</option>
-                        <option value="4">4+</option>
-                        <option value="5">5</option>
-                    </select>
-                </div>
               </div>
             </div>
-            <div className="bg-white p-4 rounded-2xl shadow-sm border border-slate-100 space-y-2 h-96 overflow-y-auto">
-                <h4 className="font-bold">Redzamās viesnīcas:</h4>
-                {filteredHotels.map(h => (
-                    <div key={h.id} className="p-3 text-sm bg-slate-50 rounded-lg hover:bg-slate-100 transition">
-                        {h.name} - €{h.price}
-                    </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 flex items-center justify-center bg-slate-200 rounded-lg relative">
-                    {filteredHotels.map((city) => (
-                        <div 
-                            key={city.id} 
-                            className="absolute cursor-pointer flex flex-col items-center group"
-                            style={{ top: city.top, left: city.left }}
-                            onClick={() => setSelectedCity(selectedCity === city.id ? null : city.id)}
-                        >
-                            <div className={`p-2 rounded-full border-2 border-white shadow-lg ${selectedCity === city.id ? "bg-blue-600" : "bg-red-500"}`}>
-                                <MapPin className="w-5 h-5 text-white" />
-                            </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="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)} />
+             </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>
             </div>
         </div>
       </div>
@@ -159,9 +119,9 @@ export default function LandingPage() {
           animationType="slide-up"
           useInvertedBackground={true}
           features={[
-            { id: "step1", title: "1. Izmanto karti", description: "Izpēti galamērķus uz kartes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=2" }, items: [{ icon: Search, text: "Interaktīvā karte" }], reverse: false },
-            { id: "step2", title: "2. Salīdzini", description: "Apskatīies cenas un vērtējumus.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg?_wi=2" }, items: [{ icon: Star, text: "Reitingi" }], reverse: true },
-            { id: "step3", title: "3. Rezervē", description: "Izvēlies savu ideālo viesnīcu.", media: { imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-big-ben-from-bridge-london_268835-1399.jpg?_wi=2" }, items: [{ icon: CheckCircle, text: "Tiešsaistes rezervēšana" }], reverse: false }
+            { id: "f1", title: "1. Izmanto karti", description: "Izpēti galamērķus uz kartes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=2" }, items: [{ icon: Search, text: "Interaktīvā karte" }], reverse: false },
+            { id: "f2", title: "2. Salīdzini", description: "Apskatīies cenas un vērtējumus.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg?_wi=2" }, items: [{ icon: Star, text: "Reitingi" }], reverse: true },
+            { id: "f3", title: "3. Rezervē", description: "Izvēlies savu ideālo viesnīcu.", media: { imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-big-ben-from-bridge-london_268835-1399.jpg?_wi=2" }, items: [{ icon: CheckCircle, text: "Tiešsaistes rezervēšana" }], reverse: false }
           ]}
         />
       </div>

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

@@ -5,7 +5,6 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Star } from "lucide-react";
 
 export default function QuizAndReviewsPage() {
   return (
@@ -25,10 +24,10 @@ export default function QuizAndReviewsPage() {
         <NavbarStyleApple
           brandName="TravelBook"
           navItems={[
-            { name: "Meklēt", id: "search" },
-            { name: "Galamērķi", id: "destinations" },
-            { name: "Atsauksmes", id: "reviews" },
-            { name: "Kontakti", id: "contact" }
+            { name: "Meklēt", id: "/" },
+            { name: "Galamērķi", id: "/#destinations" },
+            { name: "Atsauksmes", id: "/#features" },
+            { name: "Kontakti", id: "/hotel-contact" }
           ]}
         />
       </div>
@@ -42,25 +41,13 @@ export default function QuizAndReviewsPage() {
           useInvertedBackground={false}
           showCard={true}
           faqs={[
-            {
-              id: "1",              title: "Kāds ir tavs ideālais ceļojuma mērķis?",              content: "Pilsētas ar vēsturi un kultūru, pludmales paradīzes, kalnu avantiūras vai klusos ciematus?"
-            },
-            {
-              id: "2",              title: "Cik ilgu laiku vēlies ceļot?",              content: "Īss brīvdienu skaits, nedēļa, divas nedēļas vai ilgāks ceļojums."
-            },
-            {
-              id: "3",              title: "Kāds ir tavs budžets per naktī?",              content: "Ekonomisks (līdz €50), vidējais (€50-€150) vai luksuozs (virs €150)."
-            },
-            {
-              id: "4",              title: "Kāds ir tavs vēlamais izmitināšanas veids?",              content: "Viesnīca, hostels, airbnb apartamenti vai luksusa kurorts."
-            },
-            {
-              id: "5",              title: "Ar ko tu vēlies nodarbināties brīvdienās?",              content: "Aktīvie sporta veidi, relaksācija spa, ēdiena degustācija vai kultūras iepazīšana."
-            }
-          ]}
-          buttons={[
-            { text: "Nākt uz ceļojumu", href: "/" }
+            { id: "1", title: "Kāds ir tavs ideālais ceļojuma mērķis?", content: "Pilsētas ar vēsturi un kultūru, pludmales paradīzes, kalnu avantiūras vai klusos ciematus?" },
+            { id: "2", title: "Cik ilgu laiku vēlies ceļot?", content: "Īss brīvdienu skaits, nedēļa, divas nedēļas vai ilgāks ceļojums." },
+            { id: "3", title: "Kāds ir tavs budžets per naktī?", content: "Ekonomisks (līdz €50), vidējais (€50-€150) vai luksuozs (virs €150)." },
+            { id: "4", title: "Kāds ir tavs vēlamais izmitināšanas veids?", content: "Viesnīca, hostels, airbnb apartamenti vai luksusa kurorts." },
+            { id: "5", title: "Ar ko tu vēlies nodarbināties brīvdienās?", content: "Aktīvie sporta veidi, relaksācija spa, ēdiena degustācija vai kultūras iepazīšana." }
           ]}
+          buttons={[{ text: "Nākt uz ceļojumu", href: "/" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -75,28 +62,11 @@ export default function QuizAndReviewsPage() {
           animationType="scale-rotate"
           useInvertedBackground={true}
           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",              imageAlt: "uzņēmēja profesionāla portretu attēls"
-            },
-            {
-              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",              imageAlt: "cilvēka portrets profesionāla foto"
-            },
-            {
-              id: "3",              name: "Inese Bērziņa",              role: "Ceļotāja",              testimonial: "Labas cenas, labs meklēšanas rīks. Ieteiktu visiem, kas plāno ceļojumu.",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-with-flowers_23-2147744597.jpg?_wi=2",              imageAlt: "sievietes portrets smaidīga profesionāla"
-            },
-            {
-              id: "4",              name: "Andris Kalniņš",              role: "Ceļotājs",              testimonial: "Ērti un draudzīgi. Labākais ceļojuma portāls, ko esmu pazinis.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-posing_23-2148877801.jpg?_wi=2",              imageAlt: "cilvēka portrets profesionāls"
-            },
-            {
-              id: "5",              name: "Kristīne Vītoliņa",              role: "Ceļotāja",              testimonial: "Pēc šīs platformas atradu ideālo patvāļīgo viesnīcu Rīgā. Iespējams, labākais ceļojuma vidējais!",              imageSrc: "http://img.b2bpic.net/free-photo/casual-man-portrait-with-moustache-hat_1122-571.jpg?_wi=3",              imageAlt: "portrets sievietei profesionāls"
-            },
-            {
-              id: "6",              name: "Roberts Liepa",              role: "Ceļotājs",              testimonial: "Iespējams, vislabāk dārgā viesnīca, ko esmu apmeklējis caur šo vietni. Paldies!",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-with-flowers_23-2147744597.jpg?_wi=3",              imageAlt: "vīrieša portrets profesionāls"
-            }
-          ]}
-          buttons={[
-            { text: "Pievienoties tūkstošiem apmierinātiem ceļotājiem", href: "/" }
+            { 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" },
+            { id: "3", name: "Inese Bērziņa", role: "Ceļotāja", testimonial: "Labas cenas, labs meklēšanas rīks. Ieteiktu visiem, kas plāno ceļojumu.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-with-flowers_23-2147744597.jpg?_wi=2" }
           ]}
+          buttons={[{ text: "Pievienoties tūkstošiem apmierinātiem ceļotājiem", href: "/" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -110,4 +80,4 @@ export default function QuizAndReviewsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}