Merge version_12 into main

Merge version_12 into main

src/app/hotel-contact/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+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" },
+            { name: "Rezervācijas & Kontakti", id: "/hotel-contact" }
+          ]}
+        />
+      </div>
+
+      <div id="reviews" data-section="reviews">
+        <TestimonialCardSixteen
+          title="Viesnīcu atsauksmes"
+          description="Pārskati citu ceļotāju vērtējumus un dalies savā pieredzē."
+          tag="⭐ Atsauksmes"
+          textboxLayout="split"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          kpiItems={[
+            { value: "4.8", label: "Vidējais reitings" },
+            { value: "15K+", label: "Atsauksmes" },
+            { value: "98%", label: "Ieteikumi" }
+          ]}
+          testimonials={[
+            { id: "1", name: "Anna B.", role: "Ceļotāja", company: "Viesnīca Rīga", rating: 5 },
+            { id: "2", name: "Jānis K.", role: "Biznesa ceļotājs", company: "Grand City", rating: 4 }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          title="Sazinieties ar mums"
+          description="Vai jums ir jautājumi par viesnīcu rezervāciju? Mūsu komanda ir gatava palīdzēt 24/7."
+          tag="📞 Atbalsts"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[{ text: "Nosūtīt pieprasījumu", href: "#" }]}
+        />
+      </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

@@ -5,13 +5,29 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-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 { CheckCircle, Filter, MapPin, Search, Star, Search as SearchIcon } from "lucide-react";
+import { useState, useMemo } 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%" },
+    { id: "sunset-view", name: "Sunset View", price: 85, rating: 4, top: "75%", left: "66%" }
+  ];
+
+  const filteredHotels = useMemo(() => {
+    return allHotels.filter(h => 
+      h.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
+      h.price <= priceRange &&
+      h.rating >= minRating
+    );
+  }, [searchQuery, priceRange, minRating]);
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -31,8 +47,9 @@ export default function LandingPage() {
           navItems={[
             { name: "Meklēt", id: "search" },
             { name: "Galamērķi", id: "destinations" },
-            { name: "Atsauksmes", id: "reviews" },
-            { name: "Kontakti", id: "contact" }
+            { name: "Atsauksmes", id: "features" },
+            { name: "Kontakti", id: "footer" },
+            { name: "Rezervācijas & Kontakti", id: "/hotel-contact" }
           ]}
         />
       </div>
@@ -40,8 +57,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 +69,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,31 +80,52 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="search" data-section="search" className="py-12 px-6">
+        <div className="max-w-7xl mx-auto flex flex-col lg:flex-row gap-8">
+          <div className="lg:w-80 space-y-6">
+            <div className="bg-white p-6 rounded-2xl shadow-sm border border-slate-100">
+              <h3 className="font-bold mb-4 flex items-center gap-2"><Filter className="w-4 h-4"/> Filtri</h3>
+              <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"/>
+                </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>
+          <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>
+        </div>
+      </div>
+
       <div id="destinations" data-section="destinations">
         <ProductCardOne
           title="Populārie galamērķi"
-          description="Pēdējā mēneša visvairāk meklētās viesnīcas un pilsētas. Sāc ar šiem populārajiem galamērķiem vai pēc savas izvēles."
+          description="Pēdējā mēneša visvairāk meklētās viesnīcas un pilsētas."
           tag="🌍 Galamērķi"
-          tagAnimation="slide-up"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           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>
 
@@ -95,126 +134,14 @@ export default function LandingPage() {
           title="Kā tas darbojas"
           description="Trīs vienkārši soļi, lai atrastu un rezervētu ideālo viesnīcu."
           tag="📋 Process"
-          tagAnimation="slide-up"
           textboxLayout="default"
           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: "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 }
           ]}
-          buttons={[
-            { text: "Sākt meklēt", href: "#search" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
-          title="Ko saka mūsu ceļotāji"
-          description="Skaudi ar to, ko teic mūsu apmierināti klienti par savu braukšanas iespēju."
-          tag="⭐ Atsauksmes"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          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"
-            }
-          ]}
-          buttons={[
-            { text: "Pievienoties tūkstošiem apmierinātiem ceļotājiem", href: "#search" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="faq" data-section="faq">
-        <FaqSplitText
-          sideTitle="Biežāk uzdotie jautājumi"
-          sideDescription="Atbildes uz jautājumiem, ko visbiežāk jautā mūsu ceļotāji."
-          faqsAnimation="slide-up"
-          textPosition="left"
-          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ā."
-            }
-          ]}
-          buttons={[
-            { text: "Sazinieties ar mums", href: "#contact" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="📞 Sazinies ar mums"
-          title="Vai jums ir jautājumi? Mēs esam šeit"
-          description="Iesniedziet savu e-pastu un mēs sazināsimies ar jums ļoti drīz. Vai zvaniet tūlīt - mūsu komanda ir gatava palīdzēt."
-          tagAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
-          useInvertedBackground={true}
-          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>
 

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>
+  );
+}