Compare commits
19 Commits
version_15
...
version_17
| Author | SHA1 | Date | |
|---|---|---|---|
| 3185ad8bf6 | |||
| da6243a14b | |||
| e548dee610 | |||
| 5beb7133f6 | |||
| 78da337411 | |||
| 0e78549726 | |||
| c2981e0577 | |||
| 937a454f03 | |||
| 18a73d6f09 | |||
| 09e41b453e | |||
| c7a2288dce | |||
| f0a4b81552 | |||
| d563b80a73 | |||
| 8a72f0c37e | |||
| 76fdec8303 | |||
| 01ca22159f | |||
| ca249abe89 | |||
| d18e0c0a96 | |||
| 8bc32d5d73 |
@@ -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
|
||||
|
||||
@@ -6,7 +6,7 @@ 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 { CheckCircle, Filter, MapPin, Search, Star, Search as SearchIcon } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -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: "features" },
|
||||
{ name: "Kontakti", id: "footer" }
|
||||
{ name: "Kontakti", id: "/hotel-contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -64,28 +64,28 @@ 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 id="search" data-section="search" className="py-16 px-4 md:px-8 lg:px-16 bg-slate-50/50">
|
||||
<div className="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-8">
|
||||
<div className="lg:col-span-3 space-y-6">
|
||||
<div className="bg-white p-6 rounded-3xl shadow-lg border border-slate-100">
|
||||
<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 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"/>
|
||||
<label className="text-sm font-medium block mb-2 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"/>
|
||||
</div>
|
||||
</div>
|
||||
</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 className="lg:col-span-9 h-[500px] md:h-[600px] bg-white rounded-3xl flex flex-col p-4 shadow-xl border border-slate-100 relative overflow-hidden">
|
||||
<div className="flex items-center gap-3 mb-6 bg-slate-100 p-4 rounded-2xl border border-slate-200">
|
||||
<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" value={searchQuery} onChange={(e) => setSearchQuery(e.target.value)} />
|
||||
</div>
|
||||
<div className="flex-grow flex items-center justify-center bg-slate-50 rounded-2xl border-2 border-dashed border-slate-200 text-slate-400">
|
||||
<p>Karte tiks ielādēta šeit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -131,4 +131,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,7 +24,7 @@ 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: "/#features" },
|
||||
{ name: "Kontakti", id: "/hotel-contact" }
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user