Skip to content

Add site pages and content #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
solveforceapp merged 2 commits into from
Nov 19, 2025
Merged

Add site pages and content #34

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d2d3a56
Initial plan
Copilot Nov 18, 2025
c040fd6
Add site pages: homepage, services, about, pricing, contact, docs; up…
solveforceapp Nov 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>About — Atom by SolveForce</title>
<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">
<a href="/">Home</a>
<a href="services.html">Services</a>
<a href="pricing.html">Pricing</a>
<a class="active" href="about.html">About</a>
<a href="contact.html" class="button">Contact</a>
</nav>
</div>
</header>

<main class="container">
<section class="page-head">
<h1>About SolveForce — Atom</h1>
<p class="muted">We are a small team focused on building production desktops and web apps with an emphasis on quality and maintainability.</p>
</section>

<section>
<h2>Mission</h2>
<p>To enable teams to ship robust, user-friendly applications and to provide the consulting and operational services needed to keep them running smoothly.</p>
</section>

<section>
<h2>Approach</h2>
<ol>
<li>Understand product goals and users</li>
<li>Ship iteratively with measurable milestones</li>
<li>Deliver production-grade software with support</li>
</ol>
</section>

<section>
<h2>Contact</h2>
<p>Want to talk? <a href="contact.html">Get in touch</a> for a quick assessment and quote.</p>
</section>
</main>

<footer class="site-footer">
<div class="container">© SolveForce</div>
</footer>
<script src="scripts.js"></script>
</body>
</html>
76 changes: 76 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Contact — Atom by SolveForce</title>
<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">
<a href="/">Home</a>
<a href="services.html">Services</a>
<a href="pricing.html">Pricing</a>
<a href="about.html">About</a>
<a class="button" href="contact.html">Contact</a>
</nav>
</div>
</header>

<main class="container">
<section class="page-head">
<h1>Contact us</h1>
<p class="muted">Tell us about your project and we'll respond within 2 business days.</p>
</section>

<section class="contact-grid">
<form id="contact-form" class="card contact-form" action="#" method="post" onsubmit="return submitContact(event)">
<label>
Name
<input type="text" name="name" id="name" required />
</label>

<label>
Email
<input type="email" name="email" id="email" required />
</label>

<label>
Organization
<input type="text" name="company" id="company" />
</label>

<label>
Project summary
<textarea name="message" id="message" rows="6" required></textarea>
</label>

<div class="form-actions">
<button type="submit" class="primary">Send message</button>
<a class="ghost" href="mailto:hello@solveforce.com">Email us directly</a>
</div>

<p id="form-status" class="muted" aria-live="polite"></p>
</form>

<aside class="card contact-info">
<h3>Office</h3>
<p>Atom / SolveForce</p>
<p><strong>Email:</strong> <a href="mailto:hello@solveforce.com">hello@solveforce.com</a></p>
<p><strong>Website:</strong> <a href="https://atom.solveforce.com">atom.solveforce.com</a></p>
<h4>Typical response time</h4>
<p>2 business days</p>
</aside>
</section>
</main>

<footer class="site-footer">
<div class="container">© SolveForce</div>
</footer>

<script src="scripts.js"></script>
</body>
</html>
24 changes: 24 additions & 0 deletions docs/getting-started.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Getting started with Atom

Welcome to Atom — a starter and production-ready pattern set for building desktop and web apps.

## Quickstart

1. Clone the repo:
git clone https://github.com/solveforceapp/atom.git
2. Install dependencies:
npm install
3. Run development (web):
npm run dev
4. Build for production:
npm run build

## What’s included

- Example Electron wiring for cross-platform desktop apps
- Simple web entry with styles and scripts
- CI templates and basic deployment guidelines in /docs

## Need help?

Contact hello@solveforce.com with your project summary and expected timeline.
203 changes: 120 additions & 83 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,96 +1,133 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<!-- Primary ATOM microsite markup. Run `python -m tools.sync_root` to refresh the repository root assets. -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<base href="/" />
<!-- Primary ATOM microsite markup. Keep synchronized with the repository root index.html. -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>ATOM | Adaptive Telecom Operations Module | SolveForce</title>
<link rel="stylesheet" href="styles.css" />
<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="sf-header">
<div class="sf-container">
<h1>ATOM</h1>
<p class="subtitle">Adaptive Telecom Operations Module by SolveForce</p>
<nav class="sf-nav">
<a href="#overview">Overview</a>
<a href="#capabilities">Capabilities</a>
<a href="#coverage">Coverage</a>
<a href="#contact">Contact</a>
</nav>
<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>
</header>
</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>

<main class="sf-main sf-container">
<section id="overview" class="sf-section">
<h2>What is ATOM?</h2>
<p>
ATOM is the intelligence layer of SolveForce’s telecom ecosystem:
a modular framework that maps connectivity, services, and infrastructure
into a coherent, language-aligned system. From fiber and wireless to
cloud and data centers, ATOM organizes the signals that keep businesses online.
</p>
</section>
<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>

<section id="capabilities" class="sf-section">
<h2>Core Capabilities</h2>
<div class="grid">
<div class="card">
<h3>Carrier Intelligence</h3>
<p>Index carriers, service tiers, and last-mile options with consistent terminology.</p>
</div>
<div class="card">
<h3>Network Mapping</h3>
<p>Model fiber, wireless, satellite, and hybrid connectivity paths across regions.</p>
</div>
<div class="card">
<h3>Edge &amp; IoT Ready</h3>
<p>Support for edge devices, sensors, and IoT endpoints in a unified framework.</p>
</div>
<div class="card">
<h3>AI-Assisted Insights</h3>
<p>Future-ready design for AI-based diagnostics, optimization, and capacity planning.</p>
</div>
</div>
</section>
<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>

<section id="coverage" class="sf-section">
<h2>Coverage &amp; Reach</h2>
<p>
ATOM is designed to integrate with SolveForce’s nationwide and international
reach, aligning local access, long-haul, and cloud adjacency under a single
architectural language.
</p>
<ul>
<li>Nationwide fiber and broadband availability</li>
<li>Rural and metro wireless solutions</li>
<li>Cloud and data center access points</li>
<li>Support for future AMR-powered data center modules</li>
</ul>
</section>
<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>

<section id="contact" class="sf-section">
<h2>Connect with SolveForce</h2>
<p>
To learn how ATOM and SolveForce can support your telecom and infrastructure needs,
call <strong>(888) 765-8301</strong> or visit
<a href="https://solveforce.com" target="_blank" rel="noopener">solveforce.com</a>.
</p>
</section>
</main>
<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>

<footer class="sf-footer">
<div class="sf-container">
<p>© 2025 SolveForce. ATOM — Adaptive Telecom Operations Module.</p>
<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>
</footer>
<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>

<!-- Load the shared JavaScript asset referenced by both root and /web pages. -->
<script src="scripts.js"></script>
<script src="scripts.js"></script>
</body>
</html>
</html>
</html>
Loading