Merge version_8 into main #19
@@ -10,7 +10,7 @@ import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import { CheckCircle, Eye, Filter, Phone, Search, Star, MapPin, Building2, Hotel } from "lucide-react";
|
||||
import { CheckCircle, Eye, Filter, Phone, Search, Star, MapPin, Building2, Hotel, ZoomIn, ZoomOut, Search as SearchIcon } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -68,25 +68,33 @@ export default function LandingPage() {
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[]}
|
||||
searchPlaceholder="Izpēti pasauli: atlasiet valsti vai pilsētu kartē..."
|
||||
searchPlaceholder="Meklēt pilsētu..."
|
||||
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 className="w-full max-w-4xl h-[500px] bg-slate-200 rounded-xl 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 atrašanās vietu..." className="outline-none" />
|
||||
</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 className="flex gap-2">
|
||||
<button className="p-2 hover:bg-slate-100 rounded"><ZoomIn className="w-5 h-5" /></button>
|
||||
<button className="p-2 hover:bg-slate-100 rounded"><ZoomOut className="w-5 h-5" /></button>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-muted-foreground mt-8">Izpēti vairāk tieši kartē</p>
|
||||
<div className="flex-grow flex items-center justify-center bg-slate-300 rounded-lg relative">
|
||||
<div className="absolute top-1/3 left-1/4 flex flex-col items-center">
|
||||
<div className="bg-red-500 text-white p-2 rounded-full cursor-pointer animate-bounce border-2 border-white shadow-lg">📍</div>
|
||||
<div className="bg-white p-2 rounded shadow-md mt-1 font-bold text-sm text-center">Grand City<br/><span className="font-normal">€120/naktī</span></div>
|
||||
</div>
|
||||
<div className="absolute bottom-1/4 right-1/3 flex flex-col items-center">
|
||||
<div className="bg-blue-500 text-white p-2 rounded-full cursor-pointer border-2 border-white shadow-lg">📍</div>
|
||||
<div className="bg-white p-2 rounded shadow-md mt-1 font-bold text-sm text-center">Sunset View<br/><span className="font-normal">€85/naktī</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -192,4 +200,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user