import './styles.css';

export default function HomePage() {
  return (
    <div className="container">
      <header className="header">
        <div>
          <h1 className="title">Teton Summit</h1>
          <p className="subtitle">Excavation | Property Management</p>
        </div>
        <img src="/logo.png" alt="Teton Summit Logo" className="logo" />
      </header>

      <section className="section">
        <h2 className="section-title">Our Services</h2>
        <ul className="list">
          <li>Foundation and site excavation</li>
          <li>Utility trenching and installation</li>
          <li>Driveway and final grading</li>
          <li>Property maintenance and snow removal</li>
          <li>Project management</li>
          <li>Retaining wall construction</li>
          <li>Custom window well installation</li>
        </ul>
      </section>

      <section className="section">
        <h2 className="section-title">Our Work</h2>
        <p className="text">Photos of recent grading and excavation work coming soon.</p>
        <div className="image-placeholder">
          Image gallery placeholder
        </div>
      </section>

      <section className="section">
        <h2 className="section-title">Get in Touch</h2>
        <form className="form" action="mailto:brycetetonsummit@gmail.com" method="POST" encType="text/plain">
          <div className="form-group">
            <label>Name</label>
            <input type="text" name="name" required />
          </div>
          <div className="form-group">
            <label>Email</label>
            <input type="email" name="email" required />
          </div>
          <div className="form-group">
            <label>Message</label>
            <textarea name="message" rows="4" required></textarea>
          </div>
          <button type="submit" className="button">Send</button>
        </form>
      </section>

      <section className="section">
        <h2 className="section-title">Contact Us</h2>
        <p className="text">Victor, ID</p>
        <p className="text">Phone: (303) 483-1791</p>
        <p className="text">Email: brycetetonsummit@gmail.com</p>
      </section>
    </div>
  );
}