Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -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 } from "lucide-react";
+import { CheckCircle, Eye, Filter, Phone, Search, Star, MapPin, Building2, Hotel } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -68,17 +68,27 @@ export default function LandingPage() {
         <ProductCatalog
           layout="section"
           products={[]}
-          searchPlaceholder="Meklēt viesnīcas pēc atrašanās vietas..."
+          searchPlaceholder="Izpēti pasauli: atlasiet valsti vai pilsētu kartē..."
           filters={[
             { label: "Budžets", options: ["Zems", "Vidējs", "Augsts"], selected: "Vidējs", onChange: () => {} }
           ]}
-          toolbarClassName="cursor-pointer hover:opacity-80 transition-opacity"
-          className="group"
-          searchClassName="[&>button]:cursor-pointer"
-          onSearchChange={() => {
-            window.location.href = "/interactive-map";
-          }}
         />
+        <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>
+                  <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>
+                </div>
+                <p className="text-muted-foreground mt-8">Izpēti vairāk tieši kartē</p>
+            </div>
+        </div>
       </div>
 
       <div id="destinations" data-section="destinations">