geneticsBuy just by 9$

Create a website without limits

Bring your vision to life with the website builder that gives you the tools you need to succeed.

Start for free. No credit card

Contacter nous

Write your message in our interactive editor and we'll get back to you shortly.

ContactForm.tsx
import React from 'react';

const ContactMessage = {
  name: "",
  email: "",
  message: ``,
  timestamp: "2025-03-08T15:12:34.243Z",
  status: "pending"
};

export default function Contact() {
  return (
    <div className="contact-form">
      <h2>New Message Received</h2>
      <div className="message-content">
        {/* User Details */}
        <div className="user-info">
          <span className="name">{ContactMessage.name}</span>
          <span className="email">{ContactMessage.email}</span>
        </div>
        
        {/* Message Content */}
        <div className="message">
          {ContactMessage.message}
        </div>
      </div>
    </div>
  );
}
TypeScript React