info vendedor + direccion del producto

apps/web/app/dashboard/productos/[id]/page.tsx

@@ -34,8 +34,9 @@ export default async function SurveyResponsePage({
 
   const product = data.data
 
+  const lorem = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore placeat est corporis minus exercitationem impedit ab architecto dolorum nihil nam facilis suscipit porro, iure et quidem illo mollitia officia amet?"
+
   // console.log(data.data);
-  
 
   return (
     // <PageContainer>
@@ -52,19 +53,27 @@ export default async function SurveyResponsePage({
             </CardTitle>
             <p className='font-semibold'>$ {product.price}</p>
           </CardHeader>
-          <CardContent className="flex-grow">
-            <p className='font-semibold text-lg border-t border-b'> Descripción</p>
-            <p className='p-1'>{product.description}</p>            
+          <CardContent className="flex-grow flex justify-between flex-col gap-4">
+            <div>
+              <p className='font-semibold text-lg border-t border-b'> Descripción</p>
+              <p className='p-1'>{product.description}</p>
+              {/* <p className='p-1'>{lorem+lorem+lorem+lorem}</p> */}
+            </div>
+
+            <div>
+              <p className='font-semibold text-lg border-t border-b'> Dirección</p>
+              <p>{product.address}</p>
+            </div>
+
             
           </CardContent>
           <CardFooter className="">
             <div>
               <p className='font-semibold text-lg border-t border-b mt-4'>Información del vendedor</p>
               <p>{product.fullname}</p>
-              <p>Correo@gmail.com</p>
-              <p>0412-7848101</p>
+              <p>{product.phone}</p>
+              <p>{product.email}</p>
             </div>
-            {/* <p className="font-semibold text-lg">$ {product.price}</p> */}
           </CardFooter>
         </Card>
       </main>