Merge version_18 into main

Update src/app/page.tsx
2026-05-08 09:05:57 +00:00 · 2026-05-08 09:05:54 +00:00 · 2026-05-08 09:03:54 +00:00 · 2026-05-08 09:03:48 +00:00 · 2026-05-08 08:59:31 +00:00 · 2026-05-08 08:59:25 +00:00
5 changed files with 51 additions and 40 deletions
--- a/src/app/hotel-contact/page.tsx
+++ b/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: "/quiz-and-reviews" },
+            { name: "Atsauksmes", id: "/#features" },
            { name: "Kontakti", id: "/hotel-contact" }
          ]}
        />
@@ -33,9 +33,9 @@ export default function HotelContactPage() {

      <div id="contact" data-section="contact">
        <ContactCTA
-          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"
+          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={[
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Inter_Tight } from "next/font/google";



@@ -14,8 +16,12 @@ export const metadata: Metadata = {
  description: 'Atrodi un rezervē viesnīcas visā pasaulē uz labākajām cenām. Salīdzini, apskatīies atsauksmes un sazinies ar mūsu komandu.',
 };

-const mulish = Mulish({
-  variable: "--font-mulish",  subsets: ["latin"],
+
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
+  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -26,7 +32,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} antialiased`}>
+        <body className={`${interTight.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,8 +6,8 @@ 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 } from "lucide-react";
-import { useState } from "react";
+import { CheckCircle, Filter, MapPin, Search, Star, Search as SearchIcon } from "lucide-react";
+import { useState, Suspense } from "react";

 export default function LandingPage() {
  const [searchQuery, setSearchQuery] = useState("");
@@ -26,14 +26,14 @@ export default function LandingPage() {
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
-      <div id="nav" data-section="nav" className="sticky top-0 z-50">
+      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="TravelBook"
          navItems={[
            { name: "Meklēt", id: "search" },
            { name: "Galamērķi", id: "destinations" },
-            { name: "Atsauksmes", id: "quiz-and-reviews" },
-            { name: "Kontakti", id: "hotel-contact" }
+            { name: "Atsauksmes", id: "features" },
+            { name: "Kontakti", id: "/hotel-contact" }
          ]}
        />
      </div>
@@ -64,30 +64,38 @@ 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 accent-blue-600"/>
+      <section id="search" data-section="search" className="py-24 px-4 md:px-8 lg:px-16 bg-white">
+        <div className="max-w-7xl mx-auto">
+          <div className="mb-12 text-center">
+            <h2 className="text-4xl font-bold text-slate-900 mb-4">Atrodi savu galamērķi</h2>
+            <p className="text-slate-600">Izmanto izvērstos filtrus, lai atrastu tieši to, ko meklē.</p>
+          </div>
+          <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start">
+            <aside className="lg:col-span-3 space-y-6">
+              <div className="bg-slate-50 p-6 rounded-3xl border border-slate-100 shadow-sm">
+                <h3 className="font-bold mb-6 flex items-center gap-2 text-lg"><Filter className="w-5 h-5 text-indigo-500"/> Filtri</h3>
+                <div className="space-y-6">
+                  <div>
+                    <label className="text-sm font-medium block mb-3 text-slate-600">Budžets: <span className="font-bold text-indigo-600">€{priceRange}</span></label>
+                    <input type="range" min="50" max="300" value={priceRange} onChange={(e) => setPriceRange(Number(e.target.value))} className="w-full accent-indigo-500 h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer hover:accent-indigo-600 transition-all"/>
+                  </div>
                </div>
              </div>
+            </aside>
+            <div className="lg:col-span-9 h-[500px] md:h-[600px] bg-white rounded-3xl flex flex-col p-4 shadow-lg border border-slate-200 relative overflow-hidden">
+              <div className="flex items-center gap-3 mb-6 bg-slate-50 p-4 rounded-2xl border border-slate-100 focus-within:ring-2 focus-within:ring-indigo-100 transition-all">
+                <SearchIcon className="w-5 h-5 text-slate-400" />
+                <input type="text" placeholder="Meklēt pilsētu, valsti vai viesnīcu nosaukumu..." className="flex-grow outline-none bg-transparent text-slate-800 placeholder:text-slate-400 font-medium" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} />
+              </div>
+              <Suspense fallback={<div className="flex-grow flex items-center justify-center bg-slate-50 rounded-2xl animate-pulse text-slate-400">Ielādē karti...</div>}>
+                <div className="flex-grow flex items-center justify-center bg-slate-100/50 rounded-2xl border border-dashed border-slate-200 text-slate-400">
+                    <p className="font-medium">Interaktīvā karte tiks ielādēta dinamiskajā režīmā.</p>
+                </div>
+              </Suspense>
            </div>
          </div>
-          <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 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-4">
-                <p className="text-slate-500 font-medium text-center">Interaktīvā pasaules karte - Zoom un pan iespējas</p>
-             </div>
-            </div>
        </div>
-      </div>
+      </section>

      <div id="destinations" data-section="destinations">
        <ProductCardOne
--- a/src/app/quiz-and-reviews/page.tsx
+++ b/src/app/quiz-and-reviews/page.tsx
@@ -24,9 +24,9 @@ export default function QuizAndReviewsPage() {
        <NavbarStyleApple
          brandName="TravelBook"
          navItems={[
-            { name: "Meklēt", id: "/" },
+            { name: "Meklēt", id: "/#search" },
            { name: "Galamērķi", id: "/#destinations" },
-            { name: "Atsauksmes", id: "/quiz-and-reviews" },
+            { name: "Atsauksmes", id: "/#features" },
            { name: "Kontakti", id: "/hotel-contact" }
          ]}
        />
@@ -55,15 +55,12 @@ export default function QuizAndReviewsPage() {
      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo
          title="Ceļotāju atsauksmes"
-          description="Iepazīsties ar reāliem ceļojumu stāstiem no mūsu apmierinātajiem klientiem."
+          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="blur-reveal"
+          animationType="scale-rotate"
          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" },
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
Author	SHA1	Message	Date
bender	7976aa5502	Merge version_18 into main Merge version_18 into main	2026-05-08 09:05:57 +00:00
bender	6ffa3b8b96	Update src/app/page.tsx	2026-05-08 09:05:54 +00:00
bender	88219a007e	Merge version_17 into main Merge version_17 into main	2026-05-08 09:03:54 +00:00
bender	3185ad8bf6	Update src/app/page.tsx	2026-05-08 09:03:48 +00:00
bender	da6243a14b	Merge version_13 into main Merge version_13 into main	2026-05-08 08:59:31 +00:00
bender	e548dee610	Update theme fonts	2026-05-08 08:59:25 +00:00
bender	5beb7133f6	Update theme fonts	2026-05-08 08:59:25 +00:00
bender	78da337411	Merge version_13 into main Merge version_13 into main	2026-05-08 08:59:03 +00:00
bender	0e78549726	Update theme fonts	2026-05-08 08:59:00 +00:00
bender	c2981e0577	Update theme fonts	2026-05-08 08:59:00 +00:00
bender	937a454f03	Switch to version 13: modified src/app/quiz-and-reviews/page.tsx	2026-05-08 08:56:45 +00:00
bender	18a73d6f09	Switch to version 13: modified src/app/page.tsx	2026-05-08 08:56:45 +00:00
bender	09e41b453e	Switch to version 14: modified src/app/page.tsx	2026-05-08 08:56:42 +00:00
bender	c7a2288dce	Switch to version 15: modified src/app/quiz-and-reviews/page.tsx	2026-05-08 08:56:39 +00:00
bender	f0a4b81552	Switch to version 15: modified src/app/page.tsx	2026-05-08 08:56:39 +00:00
bender	d563b80a73	Switch to version 15: modified src/app/hotel-contact/page.tsx	2026-05-08 08:56:38 +00:00
bender	8a72f0c37e	Merge version_16 into main Merge version_16 into main	2026-05-08 08:55:31 +00:00