catalystcore/index.html at main · Krish-tech08/catalystcore · 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>CatalystCore Studios | Practical Android Apps</title>
  <meta name="description" content="CatalystCore Studios builds practical Android applications focused on productivity, utilities, and meaningful digital experiences." />

  <!-- Open Graph -->
  <meta property="og:title" content="CatalystCore Studios" />
  <meta property="og:description" content="Building useful apps for everyday life." />
  <meta property="og:type" content="website" />
  <!-- TODO: Update with final production domain -->
  <meta property="og:url" content="https://example.github.io/catalystcore-studios/" />
  <meta property="og:image" content="/assets/hero-logo.png" />
  <!-- TODO: Add assets/images/og-cover.png (1200x630 recommended) -->

  <!-- TODO: Update canonical URL once the site has a final domain -->
  <link rel="canonical" href="https://example.github.io/catalystcore-studios/" />

  <link rel="icon" type="image/png" href="/assets/hero-logo.png" />

  <link rel="stylesheet" href="/css/style.css" />
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>

  <header class="navbar">
    <div class="container navbar__inner">
      <a class="brand" href="/">
        <span class="brand__mark" aria-hidden="true">
          <img src="/assets/hero-logo.png" alt="" />
        </span>
        CatalystCore Studios
      </a>
      <button class="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
        Menu
      </button>
      <nav class="nav-links" aria-label="Primary">
        <a href="/" aria-current="page">Home</a>
        <a href="/apps/">Apps</a>
        <a href="/about.html">About</a>
      </nav>
    </div>
  </header>

  <main id="main">
    <section class="hero">
      <div class="container hero__inner">
        <div class="hero__copy">
          <span class="eyebrow">Independent Software Studio</span>
          <h1 class="display">
            Building things that move people
            <span class="box-accent">forward</span>
          </h1>
          <p class="hero__tagline">
            CatalystCore Studios creates practical Android applications
            focused on productivity, utilities, and meaningful digital
            experiences — built with care, kept simple, and made to
            actually get used.
          </p>
          <div class="hero__cta">
            <a class="btn btn--primary" href="/apps/">Explore Our Apps</a>
            <a class="btn btn--secondary" href="/about.html">About CatalystCore</a>
          </div>
        </div>

        <div class="hero__visual" aria-hidden="true">
          <img class="hero__logo" src="/assets/hero-logo.png" alt="" />
        </div>
      </div>
    </section>

    <section class="section section--band">
      <div class="container statement">
        <p class="statement__lead display">
          Small products.<br />
          <span class="box-accent box-accent--rust">Long-term vision.</span>
        </p>
        <div class="statement__body">
          <p>
            We believe software should serve a clear, immediate purpose
            without overwhelming the person using it. Every CatalystCore
            app is built around one job, done well, and kept that way.
          </p>
          <p>
            In a world of constant noise and feature bloat, we choose a
            different path: clarity, structure, and apps that are
            maintained over time rather than abandoned after launch.
          </p>
        </div>
      </div>
    </section>

    <section class="section" id="apps">
      <div class="container">
        <div class="section-heading">
          <span class="eyebrow">Built for real life</span>
          <h2>Our Apps</h2>
          <p>A small, growing collection of focused Android applications.</p>
        </div>

        <div class="grid grid--apps">
          <!-- Grind Quest -->
          <article
            class="card app-card reveal"
            data-link="/apps/grind-quest/"
            tabindex="0"
            role="link"
          >
            <div class="app-card__icon app-card__icon--image" aria-hidden="true">
              <img src="/assets/products-logo/grind-quest-icon.jpeg" alt="" />
            </div>
            <span class="app-card__tag">Productivity · RPG</span>
            <h3>Grind Quest</h3>
            <p class="app-card__tagline">Level Up In Life</p>
            <p>
              A real-life RPG productivity app that turns your goals and
              daily tasks into quests. Complete quests, earn XP, level up,
              and keep progressing.
            </p>
            <div class="app-card__actions">
              <a class="btn btn--secondary btn--small" href="/apps/grind-quest/">About</a>
              <a class="btn btn--secondary btn--small" href="/apps/grind-quest/privacy.html">Privacy Policy</a>
              <a class="btn btn--secondary btn--small" href="/apps/terms.html">Terms</a>
            </div>
          </article>

          <!-- PDF & Image Toolkit -->
          <article
            class="card app-card reveal"
            data-link="/apps/pdf-image-toolkit/"
            tabindex="0"
            role="link"

          >
            <div class="app-card__icon app-card__icon--image" aria-hidden="true">
              <img src="/assets/products-logo/pdf-image-toolkit-icon.png" alt="" />
            </div>
            <span class="app-card__tag">Utilities · Offline</span>
            <h3>PDF &amp; Image Toolkit</h3>
            <p class="app-card__tagline">Everyday Document Utilities</p>
            <p>
              A practical toolkit for working with PDFs and images through a
              collection of useful everyday utilities.
            </p>
            <div class="app-card__actions">
              <a class="btn btn--secondary btn--small" href="/apps/pdf-image-toolkit/">About</a>
              <a class="btn btn--secondary btn--small" href="/apps/pdf-image-toolkit/privacy.html">Privacy Policy</a>
              <a class="btn btn--secondary btn--small" href="/apps/terms.html">Terms</a>
            </div>
          </article>

          <!-- To add a future app card, copy one of the <article class="app-card"> blocks above -->
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container footer__inner">
      <p class="footer__copy">© 2026 CatalystCore Studios</p>
      <nav class="footer__links" aria-label="Footer">
        <a href="/apps/">Apps</a>
        <a href="/apps/privacy.html">Privacy Policy</a>
        <a href="/apps/terms.html">Terms</a>
        <a href="/about.html#contact">Contact</a>
      </nav>
    </div>
  </footer>

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