/r/n/r/n/r/n/r/n <!-- Search Bar -->\r\n <div class=\"p-4\">\r\n <div class=\"relative\">\r\n <input type=\"text\" placeholder=\"Search properties...\" class=\"w-full rounded-md border border-gray-300 p-2 pl-10 focus:border-blue-500 focus:outline-none\" \/>\r\n <svg class=\"absolute left-3 top-3 h-6 w-6 fill-current text-gray-400\" viewBox=\"0 0 24 24\">\r\n <path d=\"M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l4.25 4.24a1 1 0 0 0 1.42-1.42L15.5 14zm-6 0a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Menu -->\r\n <div class=\"mt-2 flex border-b border-gray-200 dark:border-gray-700\">\r\n <button class=\"text-md cursor-base -mb-px h-10 whitespace-nowrap border-b-2 border-transparent bg-transparent px-4 py-2 text-center font-bold text-gray-700 hover:border-gray-400 focus:outline-none dark:text-white sm:text-base\">House<\/button>\r\n<button class=\"text-md cursor-base -mb-px h-10 whitespace-nowrap border-b-2 border-transparent bg-transparent px-4 py-2 text-center font-bold text-gray-700 hover:border-gray-400 focus:outline-none dark:text-white sm:text-base\">Plot<\/button>\r\n<button class=\"text-md cursor-base -mb-px h-10 whitespace-nowrap border-b-2 border-transparent bg-transparent px-4 py-2 text-center font-bold text-gray-700 hover:border-gray-400 focus:outline-none dark:text-white sm:text-base\">Commercial<\/button>\r\n\r\n <\/div>\r\n <!-- Menu Icons -->\r\n <div class=\"mb-2 ml-1 mt-2 grid grid-cols-4 gap-2 px-1 py-1\">\r\n <button class=\"place-items-center rounded-md bg-gray-200 p-2 hover:bg-gray-300 focus:bg-gray-300 focus:outline-none\">\r\n <div>\r\n <img src=https://www.creative-tim.com/"icon-path/" alt=\"Icon\" class=\"h-8 w-8\" \/>\r\n <p class=\"mt-1 text-xs font-semibold\">All Residential<\/p>\r\n <\/div>\r\n <\/button>\r\n <!-- Repeat for each menu item -->\r\n <button class=\"place-items-center rounded-md bg-gray-200 p-2 hover:bg-gray-300 focus:bg-gray-300 focus:outline-none\">\r\n <div>\r\n <img src=https://www.creative-tim.com/"icon-path/" alt=\"Icon\" class=\"h-8 w-8\" \/>\r\n <p class=\"mt-1 text-xs font-semibold\">All Residential<\/p>\r\n <\/div>\r\n <\/button>\r\n <\/div>\r\n<!-- Main Content -->\r\n<main class=\"min-h-screen bg-gray-100 px-4 pb-4\">\r\n <!-- Banner -->\r\n <div class=\"mx-auto flex max-w-md overflow-hidden rounded-lg bg-white shadow-lg dark:bg-gray-800\">\r\n <div class=\"w-1\/3 bg-cover\"\r\n style='background-image:url(\"https:\/\/images.unsplash.com\/photo-1494726161322-5360d4d0eeae?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80\")'>\r\n <\/div>\r\n <div class=\"w-2\/3 p-4 md:p-4\">\r\n <div class=\"flex justify-between\">\r\n <h1 class=\"text-lg font-bold text-gray-700 dark:text-gray-200 md:text-xl\"><\/h1>\r\n <span class=\"mx-4 rounded bg-blue-600 py-1 px-2 text-xs font-medium text-white\">Free<\/span>\r\n <\/div>\r\n <h1 class=\"text-2xl font-bold text-gray-800 dark:text-white\">Post your Property for Free<\/h1>\r\n <p class=\"mt-2 text-sm text-gray-600 dark:text-gray-400\">List it on Fataniestate.com and get genious leads\r\n <\/p>\r\n <div class=\"item-center mt-3 flex justify-between\">\r\n <h1 class=\"text-lg font-bold text-gray-700 dark:text-gray-200 md:text-xl\"><\/h1>\r\n <button\r\n class=\"transform rounded bg-gray-800 px-2 py-1 text-xs font-bold uppercase text-white transition-colors duration-200 hover:bg-gray-700 focus:bg-gray-700 focus:outline-none dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:bg-gray-600\">Post\r\n Property<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Property Listings -->\r\n <section class=\"mt-4\">\r\n <h2 class=\"mb-1 text-2xl font-bold\">Featured Listings<\/h2>\r\n <div class=\"swiper-container\">\r\n <div class=\"swiper-wrapper\">\r\n <!-- Property Card -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"rounded-lg bg-white p-4 shadow-md\">\r\n <!-- Property Details Content -->\r\n \r\n <img src=https://www.creative-tim.com/"property-image.jpg/" alt=\"Property Image\" class=\"mb-4 h-64 w-full rounded-lg object-cover\" \/>\r\n <h3 class=\"text-lg font-bold\">Property Title<\/h3>\r\n <p class=\"text-xs text-gray-600\">Property Address<\/p>\r\n <p class=\"mt-1 text-xl font-bold text-blue-600\">$ Property Price<\/p>\r\n <p class=\"mt-1 text-sm text-gray-600\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ullamcorper...<\/p>\r\n <div class=\"flex justify-between\">\r\n <button class=\"mt-3 w-1\/2 rounded-md bg-blue-600 py-1 text-white\">icon<\/button>\r\n <button class=\"mt-3 w-1\/2 rounded-md bg-blue-600 py-1 text-white\">icon<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <!-- Projects -->\r\n <div>\r\n <div class=\"mt-3 flex justify-between\">\r\n <h1 class=\"mx-2 text-2xl font-bold\">Top Investment Spot<\/h1>\r\n <h1>See All<\/h1>\r\n <\/div>\r\n <section><\/section>\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <div>\r\n <div class=\"mx-auto mt-4 max-w-xs overflow-hidden rounded-lg bg-white shadow-lg dark:bg-gray-800\">\r\n <img class=\"h-40 w-full object-cover\"\r\n src=https://www.creative-tim.com/"https:////images.unsplash.com//photo-1542156822-6924d1a71ace?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60\%22\r\n alt=\"avatar\" \/>\r\n <div class=\"flex p-1\">\r\n <div class=\"mx-3 items-start\">\r\n <a href=https://www.creative-tim.com/"#\" class=\"text-md font-bold text-gray-800 dark:text-white\">John Doe<\/a>\r\n <p class=\"text-sm text-green-600 dark:text-gray-200\">Karachi<\/p>\r\n <p class=\"text-sm text-gray-700 dark:text-gray-200\">View More...<\/p>\r\n <\/div>\r\n <div class=\"flex items-center space-x-2\">\r\n <span class=\"\">|<\/span><span\r\n style=\"box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%\"><span\r\n style=\"box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%\"><img\r\n style=\"display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0\"\r\n alt=\"\" aria-hidden=\"true\"\r\n src=https://www.creative-tim.com/"data:image//svg+xml,%3csvg xmlns=%27http:////www.w3.org//2000//svg%27 version=%271.1%27 width=%2753%27 height=%2730%27//%3e/" \/><\/span><img\r\n alt=\"Picture of the author\" src=https://www.creative-tim.com/"//_next//image?url=%2Fdemo.png&w=128&q=75\%22\r\n decoding=\"async\" data-nimg=\"intrinsic\"\r\n style=\"position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%\"\r\n srcset=\"\/_next\/image?url=%2Fdemo.png&w=64&q=75 1x, \/_next\/image?url=%2Fdemo.png&w=128&q=75 2x\" \/><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"mx-auto mt-4 max-w-xs overflow-hidden rounded-lg bg-white shadow-lg dark:bg-gray-800\">\r\n <img class=\"h-40 w-full object-cover\"\r\n src=https://www.creative-tim.com/"https:////images.unsplash.com//photo-1542156822-6924d1a71ace?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60\%22\r\n alt=\"avatar\" \/>\r\n <div class=\"flex p-1\">\r\n <div class=\"mx-3 items-start\">\r\n <a href=https://www.creative-tim.com/"#\" class=\"text-md font-bold text-gray-800 dark:text-white\">John Doe<\/a>\r\n <p class=\"text-sm text-green-600 dark:text-gray-200\">Karachi<\/p>\r\n <p class=\"text-sm text-gray-700 dark:text-gray-200\">View More...<\/p>\r\n <\/div>\r\n <div class=\"flex items-center space-x-2\">\r\n <span class=\"\">|<\/span><span\r\n style=\"box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%\"><span\r\n style=\"box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%\"><img\r\n style=\"display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0\"\r\n alt=\"\" aria-hidden=\"true\"\r\n src=https://www.creative-tim.com/"data:image//svg+xml,%3csvg xmlns=%27http:////www.w3.org//2000//svg%27 version=%271.1%27 width=%2753%27 height=%2730%27//%3e/" \/><\/span><img\r\n alt=\"Picture of the author\" src=https://www.creative-tim.com/"//_next//image?url=%2Fdemo.png&w=128&q=75\%22\r\n decoding=\"async\" data-nimg=\"intrinsic\"\r\n style=\"position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%\"\r\n srcset=\"\/_next\/image?url=%2Fdemo.png&w=64&q=75 1x, \/_next\/image?url=%2Fdemo.png&w=128&q=75 2x\" \/><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Property Details Modal -->\r\n <div class=\"fixed inset-0 hidden bg-black bg-opacity-50\" id=\"property-modal\">\r\n <div class=\"mx-auto mt-16 w-full max-w-2xl rounded-lg bg-white p-2\">\r\n <!-- Property Card -->\r\n <div class=\"rounded-lg bg-white p-4 shadow-md\">\r\n <img src=https://www.creative-tim.com/"https:////images.pexels.com//photos//2581922//pexels-photo-2581922.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\%22 alt=\"Property Image\" class=\"mb-4 h-[40px] w-full rounded-lg object-cover\" \/>\r\n <h3 class=\"text-md font-bold\">Property Title<\/h3>\r\n <p class=\"text-sm text-gray-600\">Property Address<\/p>\r\n <p class=\"mt-2 font-bold text-blue-600\">$ Property Price<\/p>\r\n <button class=\"mt-4 w-full rounded-lg bg-blue-600 py-2 text-white\">View Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<!-- Blogs -->\r\n <div class=\"mb-2\">\r\n <div class=\"mt-3 flex justify-between\">\r\n <h1 class=\"mx-2 text-2xl font-bold\">Latest Videos<\/h1>\r\n <h1>See All<\/h1>\r\n <\/div>\r\n <section>\r\n <div class=\"grid grid-cols-3 gap-4 p-2\">\r\n <div>\r\n <div\r\n class=\"mx-auto max-w-xs overflow-hidden rounded-lg bg-white opacity-90 shadow-lg dark:bg-gray-800\">\r\n <img class=\"h-30 w-full object-cover\"\r\n src=https://www.creative-tim.com/"https:////images.unsplash.com//photo-1542156822-6924d1a71ace?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60\%22\r\n alt=\"avatar\" \/>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div\r\n class=\"mx-auto max-w-xs overflow-hidden rounded-lg bg-white opacity-90 shadow-lg dark:bg-gray-800\">\r\n <img class=\"h-30 w-full object-cover\"\r\n src=https://www.creative-tim.com/"https:////images.unsplash.com//photo-1542156822-6924d1a71ace?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60\%22\r\n alt=\"avatar\" \/>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div\r\n class=\"mx-auto max-w-xs overflow-hidden rounded-lg bg-white opacity-90 shadow-lg dark:bg-gray-800\">\r\n <img class=\"h-30 w-full object-cover\"\r\n src=https://www.creative-tim.com/"https:////images.unsplash.com//photo-1542156822-6924d1a71ace?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60\%22\r\n alt=\"avatar\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <!-- Navigation -->\r\n <nav class=\"fixed bottom-0 left-0 right-0 border-t bg-white px-4 py-2\">\r\n <ul class=\"flex justify-around\">\r\n <!-- Navigation Items -->\r\n <li>\r\n <a href=https://www.creative-tim.com/"#\" class=\"flex flex-col items-center\">\r\n <span class=\"material-icons text-blue-600\">home<\/span>\r\n <span class=\"text-xs\">Home<\/span>\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=https://www.creative-tim.com/"#\" class=\"flex flex-col items-center\">\r\n <span class=\"material-icons text-blue-600\">search<\/span>\r\n <span class=\"text-xs\">Search<\/span>\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=https://www.creative-tim.com/"#\" class=\"flex flex-col items-center\">\r\n <span class=\"material-icons text-blue-600\">favorite<\/span>\r\n <span class=\"text-xs\">Favorites<\/span>\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=https://www.creative-tim.com/"#\" class=\"flex flex-col items-center\">\r\n <span class=\"material-icons text-blue-600\">person<\/span>\r\n <span class=\"text-xs\">Profile<\/span>\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n<\/main>","author_type":"App\\User","author_id":12181,"collection_id":null,"fork_id":null,"votes":0,"score":"0.0","visits":2249,"popularity":192,"slug":"app-look-in-tailwindcss","approved":1,"created_at":"2023-05-02T15:52:02.000000Z","updated_at":"2024-09-19T02:21:14.000000Z","downloads":64,"code_views":76,"center":true,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":9489,"model_type":"App\\Component","model_id":5034,"collection_name":"preview","name":"temp54756","file_name":"temp54756.png","mime_type":"image\/png","disk":"public","size":131737,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp54756___media_library_original_1280_957.png","temp54756___media_library_original_1070_800.png","temp54756___media_library_original_895_669.png","temp54756___media_library_original_749_560.png","temp54756___media_library_original_627_469.png","temp54756___media_library_original_524_392.png","temp54756___media_library_original_439_328.png","temp54756___media_library_original_367_274.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErOVU4QWFlcDV0aGl2ZS90T3QzUE4rcXc3R1BOQjRkdDlXWFQzalVUdDJxZjdUclgzSDlUaGJZNkZQQkdrU0VBUUE1clZaaFZ0ZTVuOVZoMkpUOFB0S1AvQUM3aWwvYVZidUgxV0hZNnFLeW5rT0NNQ3ZBdWVuWTVDNytFTVYxNG5YVm1sTzRITzJwSzZXT3ZoMEY0cGd3YjVRT2xYY214ZE5nUUtMaFlkYlhUbHRyTGlob2R5MExrWngzcVJqMW1CT0tBRWVRSGp2UUIvOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":9195,"created_at":"2023-05-02T15:52:08.000000Z","updated_at":"2023-05-02T15:52:10.000000Z","conversions_disk":"public","uuid":"20b5432b-18d0-4cb5-95ba-2660294720a5","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/9489\/temp54756.png","preview_url":""}],"author":{"id":12181,"name":"salmanghouridev","slug":"salmanghouridev","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/116343712?v=4","header":null,"created_at":"2023-05-02T15:43:58.000000Z","updated_at":"2023-05-02T15:43:58.000000Z"},"tags":[{"id":7,"name":{"en":"Pages"},"description":"Looking to get the work done faster? Choose from our collection of 500+ fully coded page examples that are built using the popular CSS framework - Tailwind CSS. Get started or get inspired!","meta_description":"Choose from our collection of 500+ fully coded page examples that are built using the popular CSS framework - Tailwind CSS","slug":{"en":"pages"},"type":null,"order_column":10,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:13:03.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5034,"tag_id":7}},{"id":24,"name":{"en":"Headers"},"description":"The Header is a very important component that provides useful links to other areas of the website that the user may want to visit. See below our collection of Header examples that you can add directly to your Tailwind UI project.","meta_description":"Visit our collection of Header examples that you can add directly to your web project.","slug":{"en":"headers"},"type":null,"order_column":23,"created_at":"2022-08-31T14:18:40.000000Z","updated_at":"2022-12-21T11:18:38.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5034,"tag_id":24}},{"id":40,"name":{"en":"Kit"},"description":"A UI Kit is a set of components that you can combine to obtain a final web product. See below our collection of beautiful Kits that you can add directly to your Tailwind UI project.","meta_description":"Visit our UI Kits collection that you can add to your Tailwind UI project to create amazing websites.","slug":{"en":"kit"},"type":null,"order_column":39,"created_at":"2022-08-31T14:26:55.000000Z","updated_at":"2022-12-21T11:01:06.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5034,"tag_id":40}},{"id":41,"name":{"en":"Layout"},"description":"A layout component includes sections of your website that you want to share across multiple pages. See below our collection of Layouts that you can add directly to your Tailwind UI project.","meta_description":"Visit our Layouts collection that you can add to your Tailwind UI project to create awesome websites.","slug":{"en":"layout"},"type":null,"order_column":40,"created_at":"2022-08-31T14:27:17.000000Z","updated_at":"2022-12-21T11:01:02.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5034,"tag_id":41}}],"fork":null,"favorites":[]}" :edit="false">
Full screen Preview
