plot map 3d model

import React from 'react'; export default function PlotMap({ widthFt = 22, lengthFt = 42, scale = 12 }) { // Calculations const w = widthFt * scale; const h = lengthFt * scale; const padding = 60; // Space for labels const svgWidth = w + padding * 2; const svgHeight = h + padding * 2; const totalArea = widthFt * lengthFt; // Example Setbacks (5ft front/back, 3ft sides) const setbackX = 3; const setbackY = 5; return ( <div className="min-h-screen bg-slate-50 flex items-center justify-center p-4 md:p-8"> <div className="bg-white rounded-2xl shadow-xl p-6 border border-slate-200 max-w-full overflow-auto"> {/* Header */} <div className="mb-6"> <h1 className="text-2xl font-bold text-slate-800 mb-1">Property Plot Map</h1> <p className="text-sm text-slate-500"> Dimensions: {widthFt}' × {lengthFt}' • Total Area: {totalArea} sq ft </p> </div> {/* Map */} <svg