atom/index.html at main · solveforceapp/atom · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Atom by SolveForce — Modern Apps & Services</title>
  <meta name="description" content="Atom — app platform and services from SolveForce. We build desktop and web apps, UI, integrations and cloud deployments." />
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <header class="site-header">
    <div class="container header-inner">
      <a class="brand" href="/">Atom</a>
      <nav class="nav" id="main-nav">
        <a href="/">Home</a>
        <a href="services.html">Services</a>
        <a href="pricing.html">Pricing</a>
        <a href="about.html">About</a>
        <a href="docs/getting-started.md">Docs</a>
        <a href="contact.html" class="button">Contact</a>
      </nav>
      <button class="nav-toggle" id="nav-toggle" aria-label="Toggle navigation">☰</button>
    </div>
  </header>

  <main>
    <section class="hero">
      <div class="container hero-inner">
        <h1>Build great desktop & web apps faster</h1>
        <p class="lead">Atom is a modern platform and toolkit by SolveForce for building beautiful, performant desktop and web experiences — with expert services to accelerate delivery.</p>
        <div class="hero-cta">
          <a class="primary" href="services.html">Our Services</a>
          <a class="ghost" href="docs/getting-started.md">Get Started</a>
        </div>
      </div>
    </section>

    <section class="services-preview container">
      <h2>Services we offer</h2>
      <p class="muted">From prototyping to production — specialized teams to ship and support your product.</p>
      <div class="grid cards">
        <article class="card">
          <h3>Custom Desktop Apps (Electron)</h3>
          <p>Cross-platform desktop applications using our Electron-based starter and production best practices.</p>
          <a href="services.html#desktop" class="link">Learn more →</a>
        </article>

        <article class="card">
          <h3>Web Applications</h3>
          <p>Modern single-page apps and server-rendered sites with focus on performance and accessibility.</p>
          <a href="services.html#web" class="link">Learn more →</a>
        </article>

        <article class="card">
          <h3>Design & UX</h3>
          <p>Product design, UI systems, and design-to-code handoffs to keep engineering efficient.</p>
          <a href="services.html#design" class="link">Learn more →</a>
        </article>

        <article class="card">
          <h3>Integrations & APIs</h3>
          <p>Connect with third-party services, build secure APIs, and migrate data reliably.</p>
          <a href="services.html#integrations" class="link">Learn more →</a>
        </article>

        <article class="card">
          <h3>Cloud & DevOps</h3>
          <p>Deployment automation, monitoring, and cost-optimized cloud architecture.</p>
          <a href="services.html#cloud" class="link">Learn more →</a>
        </article>

        <article class="card">
          <h3>Support & Maintenance</h3>
          <p>Ongoing updates, security patches, and SLA-backed support plans.</p>
          <a href="services.html#support" class="link">Learn more →</a>
        </article>
      </div>
    </section>

    <section class="why container">
      <h2>Why teams choose Atom</h2>
      <div class="grid why-grid">
        <div>
          <h3>Proven foundation</h3>
          <p>Built with modern Electron patterns, optimized builds and production tooling so you don't reinvent the wheel.</p>
        </div>
        <div>
          <h3>Flexible engagement</h3>
          <p>Short-term consulting, feature-based engagements or long-term product partnerships.</p>
        </div>
        <div>
          <h3>Developer-friendly</h3>
          <p>Strong DX: consistent structure, integrated testing and CI templates to speed up development.</p>
        </div>
      </div>
    </section>

    <aside class="testimonial container">
      <blockquote>
        "Atom helped us launch a cross-platform desktop app in weeks instead of months. The team knows Electron and UX deeply."
        <cite>— Engineering Lead, Acme Corp</cite>
      </blockquote>
    </aside>
  </main>

  <footer class="site-footer">
    <div class="container footer-grid">
      <div>
        <a class="brand" href="/">Atom</a>
        <p class="muted">© SolveForce — modern apps and services</p>
      </div>
      <div>
        <h4>Product</h4>
        <nav class="foot-nav">
          <a href="services.html">Services</a>
          <a href="pricing.html">Pricing</a>
          <a href="docs/getting-started.md">Docs</a>
        </nav>
      </div>
      <div>
        <h4>Company</h4>
        <nav class="foot-nav">
          <a href="about.html">About</a>
          <a href="contact.html">Contact</a>
          <a href="https://atom.solveforce.com">Homepage</a>
        </nav>
      </div>
    </div>
  </footer>

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