Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -9,7 +9,8 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { CheckCircle, Eye, Filter, Phone, Search, Star } from "lucide-react";
+import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+import { CheckCircle, Eye, Filter, Phone, Search, Star, MapPin, Building2, Hotel } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,8 +41,9 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroSplitKpi
           title="Atrodi labāko vietu palikšanai sekundēs"
-          description="Meklē viesnīcas pēc pilsētas, datumiem un viešņu skaita. Salīdzini cenas, apskatīies vērtējumus un pieņem lēmumu sekundēs. Nepareizs lēmums? Zvaniet mums vai iesniedziet pieprasījumu - mēs palīdzēsim."
-          tag="🔍 Vienkārša meklēšana"
+          description="Izmanto mūsu interaktīvo karti, lai vizualizētu galamērķus, filtrētu viesnīcas pēc budžeta un atrastu labākos piedāvājumus tieši tur, kur vēlies doties."
+          tag="🔍 Interaktīvā meklēšana"
+          tagIcon={MapPin}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           kpis={[
@@ -51,7 +53,7 @@ export default function LandingPage() {
           ]}
           enableKpiAnimation={true}
           buttons={[
-            { text: "Sākt meklēt", href: "#search" },
+            { text: "Atvērt karti", href: "#search" },
             { text: "Zvaniet tagad", href: "tel:+37167123456" }
           ]}
           buttonAnimation="slide-up"
@@ -62,6 +64,33 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="search" data-section="search">
+        <ProductCatalog
+          layout="section"
+          products={[]}
+          searchPlaceholder="Izpēti pasauli: atlasiet valsti vai pilsētu kartē..."
+          filters={[
+            { label: "Budžets", options: ["Zems", "Vidējs", "Augsts"], selected: "Vidējs", onChange: () => {} }
+          ]}
+        />
+        <div className="flex justify-center p-8 border-t border-b bg-muted/20">
+            <div className="w-full max-w-4xl h-[400px] bg-slate-200 rounded-xl flex flex-col items-center justify-center p-6 text-center shadow-inner relative">
+                <h3 className="text-xl font-bold mb-4">Interaktīvā Karte</h3>
+                <div className="grid grid-cols-2 gap-4 w-full">
+                  <div className="flex items-center justify-center gap-2 bg-white/50 p-4 rounded-lg shadow-sm border border-white/20">
+                    <Hotel className="w-5 h-5 text-primary" />
+                    <span className="font-semibold">Motelis: "Sunset View"</span>
+                  </div>
+                  <div className="flex items-center justify-center gap-2 bg-white/50 p-4 rounded-lg shadow-sm border border-white/20">
+                    <Building2 className="w-5 h-5 text-primary" />
+                    <span className="font-semibold">Viesnīca: "Grand City"</span>
+                  </div>
+                </div>
+                <p className="text-muted-foreground mt-8">Izpēti vairāk tieši kartē</p>
+            </div>
+        </div>
+      </div>
+
       <div id="destinations" data-section="destinations">
         <ProductCardOne
           title="Populārie galamērķi"
@@ -73,20 +102,13 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           products={[
-            {
-              id: "riga",              name: "Rīga",              price: "Sākot no €45/naktī",              imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg?_wi=1",              imageAlt: "Rīgas vēsturiskais centrs skaists"
-            },
-            {
-              id: "london",              name: "Londona",              price: "Sākot no €65/naktī",              imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-big-ben-from-bridge-london_268835-1399.jpg?_wi=1",              imageAlt: "Londona Big Ben ikoņa pilsēta"
-            },
-            {
-              id: "paris",              name: "Parīze",              price: "Sākot no €75/naktī",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-couple-out-date-beach-looking-peer_23-2149274383.jpg",              imageAlt: "Parīze Eifeļa tornis ikoņa"
-            }
+            { id: "riga", name: "Rīga", price: "Sākot no €45/naktī", imageSrc: "http://img.b2bpic.net/free-photo/vansu-bridge-daugava-river-sunset-riga-latvia_181624-49411.jpg?id=17542335" },
+            { id: "london", name: "Londona", price: "Sākot no €65/naktī", imageSrc: "http://img.b2bpic.net/free-photo/big-ben-house-parliament-night-london-united-kingdom_268835-1396.jpg?id=10589989" },
+            { id: "paris", name: "Parīze", price: "Sākot no €75/naktī", imageSrc: "http://img.b2bpic.net/premium-photo/aerial-panoramic-view-paris-skyline-france-sunset_255553-1110.jpg?id=17777445" }
           ]}
           buttons={[
             { text: "Skatīt vairāk", href: "#search" }
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -100,41 +122,13 @@ export default function LandingPage() {
           animationType="slide-up"
           useInvertedBackground={true}
           features={[
-            {
-              id: "search",              title: "1. Meklē",              description: "Ievadi pilsētu, datumus un viešņu skaitu. Mūsu sistēma uzreiz parāda visas pieejamās viesnīcas.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=2",                imageAlt: "Meklēšana"
-              },
-              items: [
-                { icon: Search, text: "Viegli meklēt" },
-                { icon: Filter, text: "Filtrēt rezultātus" }
-              ],
-              reverse: false
-            },
-            {
-              id: "compare",              title: "2. Salīdzini",              description: "Apskatīies cenas, vērtējumus, bildes un atsauksmes. Nofiltrē pēc savam budget un preferencēm.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg?_wi=2",                imageAlt: "Salīdzināšana"
-              },
-              items: [
-                { icon: Star, text: "Reitingi un atsauksmes" },
-                { icon: Eye, text: "Galvas attēli" }
-              ],
-              reverse: true
-            },
-            {
-              id: "book",              title: "3. Rezervē",              description: "Izvēlies savu ideālo viesnīcu. Rezervē tiešsaistē vai iesniedziet pieprasījumu mūsu komandai palīdzībai.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-big-ben-from-bridge-london_268835-1399.jpg?_wi=2",                imageAlt: "Rezervēšana"
-              },
-              items: [
-                { icon: CheckCircle, text: "Tiešsaistes rezervēšana" },
-                { icon: Phone, text: "Sazinies ar mums" }
-              ],
-              reverse: false
-            }
+            { id: "f1", title: "1. Izmanto karti", description: "Izpēti galamērķus uz kartes un atlasiet apgabalu, kas jūs interesē.", 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" }, { icon: Filter, text: "Budžeta filtri" }], reverse: false },
+            { id: "f2", title: "2. Salīdzini", description: "Apskatīies cenas, vērtējumus un pieejamību konkrētās atrašanās vietās.", 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" }, { icon: Eye, text: "Attēli" }], reverse: true },
+            { id: "f3", title: "3. Rezervē", description: "Izvēlies savu ideālo viesnīcu un rezervē tiešsaistē.", 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" }, { icon: Phone, text: "24/7 Atbalsts" }], reverse: false }
           ]}
           buttons={[
             { text: "Sākt meklēt", href: "#search" }
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -148,23 +142,12 @@ export default function LandingPage() {
           animationType="scale-rotate"
           useInvertedBackground={false}
           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",              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",              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",              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",              imageAlt: "cilvēka portrets profesionāls"
-            }
+            { 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/horizontal-shot-brunette-woman-has-cheerful-facial-expression-leads-active-lifestyle-dressed-windbreaker-wears-stereo-headphones-poses-outside-against-blurred-background-sport-concept_273609-62278.jpg?id=28598149" },
+            { 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/attractive-mixed-race-male-with-positive-smile-shows-white-teeth-keeps-hands-stomach-being-high-spirit-wears-white-shirt-rejoices-positive-moments-life-people-emotions-concept_273609-15527.jpg?id=10420306" }
           ]}
           buttons={[
             { text: "Pievienoties tūkstošiem apmierinātiem ceļotājiem", href: "#search" }
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -177,26 +160,12 @@ export default function LandingPage() {
           useInvertedBackground={true}
           showCard={true}
           faqs={[
-            {
-              id: "1",              title: "Cik dārgi maksā viesnīcas caur jūsu vietni?",              content: "Cenas ir vienādas vai pat lētākas nekā tiešās rezervācijas. Mēs parasti oferējam labākos tarifus, jo mēs strādājam tieši ar viesnīcām."
-            },
-            {
-              id: "2",              title: "Vai es varu anulēt rezervāciju?",              content: "Jā, lielākā daļa mūsu viesnīcu ir ar bezmaksas atcelšanas politiku. Pārbaudiet viesnīcas detaļas konkrētos nosacījumus."
-            },
-            {
-              id: "3",              title: "Kā varu saņemt atbalstu?",              content: "Mūsu atbalsts komanda ir pieejama 24/7. Zvaniet, rakstnieciet vai iesniedziet pieprasījumu caur mūsu vietni."
-            },
-            {
-              id: "4",              title: "Vai jūsu mājaslapā ir draudzīga mobila versija?",              content: "Jā, mūsu platforma ir pilnībā optimizēta mobilajiem tālruņiem. Vienkārši meklējiet un rezervējiet no savas viedtālruņa jebkur."
-            },
-            {
-              id: "5",              title: "Kā saglabāt viesnīcas manu vēlmju sarakstē?",              content: "Noklikšķiniet uz sirds ikonas uz jebkura viesnīcas kartītes. Jūs varat skatīt saglabātās viesnīcas jebkurā laikā."
-            }
+            { id: "1", title: "Kā lietot karti?", content: "Vienkārši pārvietojiet to un izmantojiet filtrus, lai redzētu piedāvājumus konkrētajā reģionā." },
+            { id: "2", title: "Kā filtrēt pēc budžeta?", content: "Izmantojiet mūsu cenu slīdni, kas pieejams virs kartes, lai parādītu tikai jūsu budžetam atbilstošas viesnīcas." }
           ]}
           buttons={[
             { text: "Sazinieties ar mums", href: "#contact" }
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -211,10 +180,6 @@ export default function LandingPage() {
           mediaAnimation="blur-reveal"
           mediaPosition="right"
           imageSrc="http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=3"
-          imageAlt="Kontaktu forma"
-          inputPlaceholder="Ievadiet savu e-pastu"
-          buttonText="Pierakstīties"
-          termsText="Noklikšķinot Pierakstīties, jūs apstipriniet, ka piekrītat mūsu Noteikumiem un nosacījumiem."
         />
       </div>
 
@@ -227,4 +192,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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

@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+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 (
+    <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: "search" },
+            { name: "Galamērķi", id: "destinations" },
+            { name: "Atsauksmes", id: "reviews" },
+            { name: "Kontakti", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="quiz" data-section="quiz">
+        <FaqSplitText
+          sideTitle="Ceļojuma stila tests"
+          sideDescription="Atbildi uz vienkāršiem jautājumiem un uzzini, kurš ceļojuma veids ir piemērots tev."
+          faqsAnimation="slide-up"
+          textPosition="left"
+          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: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <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."
+          tag="⭐ Patiesie stāsti"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          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: "/" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </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>
+  );
+}