Add src/app/property/[id]/page.tsx

src/app/property/[id]/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Building2, Mail, Phone, MapPin, CheckCircle } from "lucide-react";
+
+export default function PropertyDetailPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{name: 'Inicio', id: '/'}, {name: 'Propiedades', id: '/#products'}]} brandName="Inmobiliaria Pro" />
+        <div className="container mx-auto px-6 py-20">
+          <h1 className="text-4xl font-bold mb-4">Villa Contemporánea de Lujo</h1>
+          <div className="grid md:grid-cols-2 gap-12">
+            <div className="space-y-6">
+              <img src="http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg" alt="Property" className="w-full h-[400px] object-cover rounded-lg" />
+            </div>
+            <div className="space-y-6">
+              <p className="text-2xl font-semibold">$850,000</p>
+              <div className="flex items-center gap-2"><MapPin size={20} /><span>Costa Rica, Guanacaste</span></div>
+              <p className="text-muted-foreground">Esta impresionante propiedad ofrece vistas inigualables, acabados de mármol y un diseño moderno único en la zona.</p>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="flex items-center gap-2"><CheckCircle className="text-primary" /> 4 Habitaciones</div>
+                <div className="flex items-center gap-2"><CheckCircle className="text-primary" /> 3 Baños</div>
+                <div className="flex items-center gap-2"><CheckCircle className="text-primary" /> 450m²</div>
+              </div>
+              <div className="p-6 bg-secondary rounded-lg">
+                <h3 className="font-bold mb-2">Agente Inmobiliario</h3>
+                <p>Juan Pérez | +506 8888-8888</p>
+              </div>
+            </div>
+          </div>
+        </div>
+        <FooterBaseCard logoText="Inmobiliaria Pro" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}