A
Anonymous

Styled Table Container - Copy this React, Mui Component to your project

To implement the UI shown in the uploaded image, here is the detailed prompt text for generating a similar design: --- **Prompt:** "Create a modern web UI for a home services platform. The key elements include: 1. **Header Section:** - Logo on the left with text "Urban Company." - Navigation links: 'Beauty', 'Homes', 'Native.' - Search bar with placeholder 'Search for “Facial”'. - User location dropdown prefilled with 'Vittal Mallya Road, ...'. - Icons for shopping cart and user account. 2. **Hero Section:** - Heading: 'Home services at your doorstep.' - Subsection with service categories: - Women's Salon & Spa - Men Salon & Massage - AC & Appliance Repair - Cleaning & Pest Control - Electrician, Plumber & Carpenter - Native Water Purifier - Painting & Decor - Each category should have an icon and label. 3. **Image Section:** - Three large images showcasing services: - A woman receiving a salon service. - A man getting a massage. - A technician repairing an appliance (e.g., AC unit). - Images should be bright, professional, and convey a feeling of trust and reliability. 4. **Footer Section (not visible but inferred):** - Placeholder for contact information, social links, and company policies. Style: - Use a clean, minimalist design. - Colors: White background, subtle shadows, and light pastel highlights for category icons. - Typography: Modern and readable fonts. Interactions: - Hover effects for service categories. - Responsive design to adapt to desktop and mobile layouts. Icons and visuals: - Use vector-style icons for categories. - Professional-quality images for showcasing services."

Prompt
Component Preview

About

StyledTableContainer - A sleek, responsive table for displaying service categories with icons, professionally built with React and MUI. Get component free!

Share

Last updated 1 month ago