src/app/dashboard/page.tsx

@@ -0,0 +1,41 @@
+"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';
+
+export default function SellerDashboardPage() {
+  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-3xl font-bold mb-8">Dashboard de Vendedor</h1>
+          <div className="grid gap-6">
+            <div className="p-6 border rounded-lg">
+              <h2 className="text-xl font-semibold mb-4">Mis Propiedades Activas</h2>
+              <table className="w-full text-left">
+                <thead>
+                  <tr className="border-b">
+                    <th className="pb-4">Título</th>
+                    <th className="pb-4">Precio</th>
+                    <th className="pb-4">Estado</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr className="border-b">
+                    <td className="py-4">Villa de Lujo</td>
+                    <td>$850,000</td>
+                    <td><span className="px-2 py-1 bg-green-100 text-green-700 rounded">Publicada</span></td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <FooterBaseCard logoText="Inmobiliaria Pro" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -266,4 +266,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #1c1c1c;
-  --primary-cta: #511f1f;
+  --primary-cta: #1f514c;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
-  --background-accent: #e8bea8;
+  --accent: #159c49;
+  --background-accent: #a8e8ba;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);