import React from 'react'; import { Card, Button, Typography, Input, Textarea } from '@material-tailwind/react'; import * as HeroIcons from '@heroicons/react/24/outline'; const COMPONENT_DATA = [ { title: 'Get in Touch', address: '123 Business Street, City, Country', email: 'contact@example.com', phone: '+1 234 567 890', hours: 'Mon-Fri: 9:00 AM - 5:00 PM' }, { title: 'Contact Us', desc: 'Get in touch with our team', fields: [ { name: 'name', type: 'text', placeholder: 'Your Name' }, { name: 'email', type: 'email', placeholder: 'Your Email' }, { name: 'message', type: 'textarea', placeholder: 'Your Message' }, ] } ]; function ContactInfoComponent({ item }) { const title = item?.title || "Get in Touch"; const address = item?.address || "123 Business Street, City, Country"; const email = item?.email || "contact@example.com"; const phone = item?.phone || "+1 234 567 890"; const hours = item?.hours || "Mon-Fri: 9:00 AM - 5:00 PM"; return (

{title}

Address

{address}

{email}

Phone

{phone}

Business Hours

{hours}

); } function ContactFormComponent({ item }) { const title = item?.title || "Contact Us"; const desc = item?.desc || "Get in touch with our team"; const fields = item?.fields || [ { name: 'name', type: 'text', placeholder: 'Your Name' }, { name: 'email', type: 'email', placeholder: 'Your Email' }, { name: 'message', type: 'textarea', placeholder: 'Your Message' }, ]; return (

{title} {desc}

{fields.map((input, index) => (

{input.name.charAt(0).toUpperCase() + input.name.slice(1)} {input.type === 'textarea' ? (

Corporate Hair Salon Website - Code

Project Files

No file selected