|
|
|
|
@@ -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, Search as SearchIcon } from "lucide-react";
|
|
|
|
|
import { CheckCircle, Filter, MapPin, Search, Star } from "lucide-react";
|
|
|
|
|
import { useState } from "react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
@@ -77,13 +77,18 @@ export default function LandingPage() {
|
|
|
|
|
</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 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>
|
|
|
|
|
|