hetulpatelsons.github.io/index.html at main · hetulpatelsons/hetulpatelsons.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hetul Patel | Building Practical Software Tools</title>
    <meta
      name="description"
      content="Hetul Patel is a US-based builder creating practical software tools that help small teams automate repetitive work."
    />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="page-shell">
      <header class="hero">
        <nav class="topbar">
          <span class="brand">Hetul Patel</span>
          <a href="#contact" class="nav-link">Let&apos;s build</a>
        </nav>

        <div class="hero-copy">
          <p class="eyebrow">Based in the USA</p>
          <h1>I want to build software tools people actually use every day.</h1>
          <p class="intro">
            I&apos;m Hetul, a builder focused on practical products for small teams,
            founders, and operators who are tired of repetitive work.
          </p>

          <div class="cta-row">
            <a class="button button-primary" href="#idea">See the idea</a>
            <a class="button button-secondary" href="#vision">What I believe</a>
          </div>
        </div>

        <aside class="hero-card">
          <p class="card-label">Launch Idea</p>
          <h2>OpsPilot</h2>
          <p>
            A lightweight software tool that turns messy team requests from
            email, chat, and forms into organized action items with summaries,
            owners, and follow-ups.
          </p>
          <ul>
            <li>Capture requests automatically</li>
            <li>Prioritize work with AI summaries</li>
            <li>Track progress in one simple dashboard</li>
          </ul>
        </aside>
      </header>

      <main>
        <section class="section" id="idea">
          <div class="section-heading">
            <p class="eyebrow">One strong product direction</p>
            <h2>Build a tool for overwhelmed teams</h2>
          </div>
          <div class="idea-grid">
            <article class="panel">
              <h3>The idea</h3>
              <p>
                Many small businesses lose time because customer requests,
                internal tasks, and follow-ups live in too many places. A simple
                operations tool can pull them together and make work visible.
              </p>
            </article>
            <article class="panel">
              <h3>Why it matters</h3>
              <p>
                This solves a real pain point, works across industries, and can
                start small: intake, summaries, assignment, and status tracking.
              </p>
            </article>
            <article class="panel">
              <h3>First version</h3>
              <p>
                Start with a clean dashboard, request inbox, AI-generated
                summaries, and simple ownership so teams stop dropping work.
              </p>
            </article>
          </div>
        </section>

        <section class="section accent-section" id="vision">
          <div class="section-heading">
            <p class="eyebrow">Vision</p>
            <h2>The kind of software I want to make</h2>
          </div>
          <div class="beliefs">
            <div class="belief">
              <span>01</span>
              <p>Tools should remove friction, not create more admin work.</p>
            </div>
            <div class="belief">
              <span>02</span>
              <p>AI should help people move faster, but stay understandable.</p>
            </div>
            <div class="belief">
              <span>03</span>
              <p>Simple products with clear value beat bloated platforms.</p>
            </div>
          </div>
        </section>

        <section class="section" id="roadmap">
          <div class="section-heading">
            <p class="eyebrow">Starter roadmap</p>
            <h2>How this can grow</h2>
          </div>
          <div class="roadmap">
            <article class="roadmap-step">
              <h3>Phase 1</h3>
              <p>Create the landing page and clarify the product promise.</p>
            </article>
            <article class="roadmap-step">
              <h3>Phase 2</h3>
              <p>Build a minimal dashboard with request tracking and notes.</p>
            </article>
            <article class="roadmap-step">
              <h3>Phase 3</h3>
              <p>Add integrations, automation, and AI-assisted task triage.</p>
            </article>
          </div>
        </section>

        <section class="section contact-section" id="contact">
          <div>
            <p class="eyebrow">Contact</p>
            <h2>Looking to build useful software with real business value.</h2>
          </div>
          <a
            class="button button-primary"
            href="https://github.com/hetulpatelsons"
            target="_blank"
            rel="noreferrer"
            >github.com/hetulpatelsons</a
          >
        </section>
      </main>
    </div>

    <script src="script.js"></script>
  </body>
</html>