From d2d3a56e75ad9901b07f17f6360990ba1ac20e89 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 18 Nov 2025 11:54:55 +0000 Subject: [PATCH 1/2] Initial plan From c040fd6af5c3c590c82a96f43852eb969bcfb22c Mon Sep 17 00:00:00 2001 From: "Ronald Joseph Legarski, Jr." <98552991+solveforceapp@users.noreply.github.com> Date: Tue, 18 Nov 2025 03:44:56 -0800 Subject: [PATCH 2/2] Add site pages: homepage, services, about, pricing, contact, docs; update styles and scripts --- about.html | 54 +++++++++++ contact.html | 76 +++++++++++++++ docs/getting-started.md | 24 +++++ index.html | 203 ++++++++++++++++++++++++---------------- pricing.html | 70 ++++++++++++++ scripts.js | 26 ++++- services.html | 81 ++++++++++++++++ styles.css | 191 +++++++++++++++---------------------- 8 files changed, 524 insertions(+), 201 deletions(-) create mode 100644 about.html create mode 100644 contact.html create mode 100644 docs/getting-started.md create mode 100644 pricing.html create mode 100644 services.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..2fdcf68 --- /dev/null +++ b/about.html @@ -0,0 +1,54 @@ + + + + + + About — Atom by SolveForce + + + +
+
+ Atom + +
+
+ +
+
+

About SolveForce — Atom

+

We are a small team focused on building production desktops and web apps with an emphasis on quality and maintainability.

+
+ +
+

Mission

+

To enable teams to ship robust, user-friendly applications and to provide the consulting and operational services needed to keep them running smoothly.

+
+ +
+

Approach

+
    +
  1. Understand product goals and users
    2. +
  2. Ship iteratively with measurable milestones
    3. +
  3. Deliver production-grade software with support
    4. +
+
+ +
+

Contact

+

Want to talk? Get in touch for a quick assessment and quote.

+
+
+ + + + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..57d260f --- /dev/null +++ b/contact.html @@ -0,0 +1,76 @@ + + + + + + Contact — Atom by SolveForce + + + +
+
+ Atom + +
+
+ +
+
+

Contact us

+

Tell us about your project and we'll respond within 2 business days.

+
+ +
+
+ + + + + + + + +
+ + Email us directly +
+ +

+
+ + +
+
+ + + + + + \ No newline at end of file diff --git a/docs/getting-started.md b/docs/getting-started.md new file mode 100644 index 0000000..74b1bcf --- /dev/null +++ b/docs/getting-started.md @@ -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. \ No newline at end of file diff --git a/index.html b/index.html index 44f6576..b9de0f2 100644 --- a/index.html +++ b/index.html @@ -1,96 +1,133 @@ - + - - - - - - - - ATOM | Adaptive Telecom Operations Module | SolveForce - + + + Atom by SolveForce — Modern Apps & Services + + -
-
-

ATOM

-

Adaptive Telecom Operations Module by SolveForce

- +
+
+ Atom + + +
+
+ +
+
+
+

Build great desktop & web apps faster

+

Atom is a modern platform and toolkit by SolveForce for building beautiful, performant desktop and web experiences — with expert services to accelerate delivery.

+
+ Our Services + Get Started
-
+ + + +
+

Services we offer

+

From prototyping to production — specialized teams to ship and support your product.

+
+
+

Custom Desktop Apps (Electron)

+

Cross-platform desktop applications using our Electron-based starter and production best practices.

+ Learn more → +
-
-
-

What is ATOM?

-

- 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. -

-
+
+

Web Applications

+

Modern single-page apps and server-rendered sites with focus on performance and accessibility.

+ Learn more → +
-
-

Core Capabilities

-
-
-

Carrier Intelligence

-

Index carriers, service tiers, and last-mile options with consistent terminology.

-
-
-

Network Mapping

-

Model fiber, wireless, satellite, and hybrid connectivity paths across regions.

-
-
-

Edge & IoT Ready

-

Support for edge devices, sensors, and IoT endpoints in a unified framework.

-
-
-

AI-Assisted Insights

-

Future-ready design for AI-based diagnostics, optimization, and capacity planning.

-
-
-
+
+

Design & UX

+

Product design, UI systems, and design-to-code handoffs to keep engineering efficient.

+ Learn more → +
-
-

Coverage & Reach

-

- 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. -

-
    -
  • Nationwide fiber and broadband availability
    • -
  • Rural and metro wireless solutions
    • -
  • Cloud and data center access points
    • -
  • Support for future AMR-powered data center modules
    • -
-
+
+

Integrations & APIs

+

Connect with third-party services, build secure APIs, and migrate data reliably.

+ Learn more → +
-
-

Connect with SolveForce

-

- To learn how ATOM and SolveForce can support your telecom and infrastructure needs, - call (888) 765-8301 or visit - solveforce.com. -

-
-
+
+

Cloud & DevOps

+

Deployment automation, monitoring, and cost-optimized cloud architecture.

+ Learn more → +
-
+ +
+

Why teams choose Atom

+
+
+

Proven foundation

+

Built with modern Electron patterns, optimized builds and production tooling so you don't reinvent the wheel.

+
+
+

Flexible engagement

+

Short-term consulting, feature-based engagements or long-term product partnerships.

- +
+

Developer-friendly

+

Strong DX: consistent structure, integrated testing and CI templates to speed up development.

+
+
+
+ + + + + - - + - - + \ No newline at end of file diff --git a/pricing.html b/pricing.html new file mode 100644 index 0000000..cb772e9 --- /dev/null +++ b/pricing.html @@ -0,0 +1,70 @@ + + + + + + Pricing — Atom by SolveForce + + + +
+
+ Atom + +
+
+ +
+
+

Pricing

+

Transparent pricing and flexible engagement models. Contact us for custom enterprise plans.

+
+ +
+
+

Starter

+

$5k

+
    +
  • Consultation & scoping
    • +
  • Prototype or small feature
    • +
  • 2 weeks support
    • +
+
+ +
+

Product

+

$25k+

+
    +
  • Full product sprint
    • +
  • Architecture and deployment
    • +
  • 4–12 weeks of delivery
    • +
+
+ +
+

Enterprise

+

Custom

+
    +
  • Long-term partnership
    • +
  • SLA & dedicated team
    • +
  • Managed operations
    • +
+
+
+ +

All prices are indicative — reach out to discuss scope and timeline.

+ Request a quote +
+ + + + + \ No newline at end of file diff --git a/scripts.js b/scripts.js index 7900151..6111c2c 100644 --- a/scripts.js +++ b/scripts.js @@ -1,4 +1,24 @@ -// Placeholder for future ATOM interactivity. -// Example: dynamic region lookup, carrier filtering, or API integration. +// Simple site scripts: mobile nav toggle + contact form stub +document.addEventListener('DOMContentLoaded', function () { + var toggle = document.getElementById('nav-toggle'); + var nav = document.getElementById('main-nav'); + if (toggle && nav) { + toggle.addEventListener('click', function () { + nav.classList.toggle('open'); + toggle.classList.toggle('open'); + }); + } +}); -console.log("ATOM site loaded."); +function submitContact(e) { + if (e) e.preventDefault(); + var status = document.getElementById('form-status'); + if (!status) return false; + status.textContent = 'Sending message… (this demo does not send mail)'; + // In a real site, send via fetch() to an API endpoint here. + setTimeout(function () { + status.textContent = 'Thanks — we received your message. We will reply within 2 business days.'; + document.getElementById('contact-form')?.reset(); + }, 900); + return false; +} \ No newline at end of file diff --git a/services.html b/services.html new file mode 100644 index 0000000..705d942 --- /dev/null +++ b/services.html @@ -0,0 +1,81 @@ + + + + + + Services — Atom by SolveForce + + + + +
+
+ Atom + +
+
+ +
+
+

Services

+

Comprehensive services for product teams — from prototype to production and ongoing support.

+
+ +
+

Custom Desktop Apps (Electron)

+

We deliver cross-platform desktop apps with production-ready packaging, auto-updates, and native integrations. Typical engagements include:

+ +
+ +
+

Web Applications

+

Build fast web apps with modern frameworks, server rendering when needed, and accessible UI patterns.

+ +
+ +
+

Design & UX

+

From research and wireframes to component libraries and design systems — we ensure the UX is consistent and developer-friendly.

+
+ +
+

Integrations & APIs

+

API design, secure integrations, webhooks, and data migrations. We emphasize robust error handling and observability.

+
+ +
+

Cloud & DevOps

+

CI/CD pipelines, infrastructure-as-code, containerization, monitoring and cost optimization for production systems.

+
+ +
+

Support & Maintenance

+

Flexible SLAs, patch management, emergency response and feature backlogs management.

+
+ +
+ Request a proposal + See pricing plans +
+
+ + + + + \ No newline at end of file diff --git a/styles.css b/styles.css index 08a6622..e06950f 100644 --- a/styles.css +++ b/styles.css @@ -1,115 +1,76 @@ -* { - box-sizing: border-box; -} - -body { - margin: 0; - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; - background: #050913; - color: #f5f5ff; -} - -a { - color: #7fd0ff; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -.sf-container { - width: 100%; - max-width: 1100px; - margin: 0 auto; - padding: 0 1.5rem; -} - -.sf-header { - background: radial-gradient(circle at top, #1c2740, #050913 60%); - border-bottom: 1px solid #202640; - padding: 2.5rem 0 1.5rem; -} - -.sf-header h1 { - margin: 0; - font-size: 2.6rem; - letter-spacing: 0.12em; - text-transform: uppercase; -} - -.subtitle { - margin: 0.5rem 0 1rem; - color: #c5c9ff; -} - -.sf-nav { - display: flex; - gap: 1.5rem; - flex-wrap: wrap; - font-size: 0.95rem; - text-transform: uppercase; - letter-spacing: 0.08em; -} - -.sf-nav a { - opacity: 0.8; -} - -.sf-nav a:hover { - opacity: 1; -} - -.sf-main { - padding: 2.5rem 0 3rem; -} - -.sf-section { - margin-bottom: 2.5rem; -} - -.sf-section h2 { - font-size: 1.6rem; - margin-bottom: 0.75rem; -} - -.grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); - gap: 1.5rem; - margin-top: 1rem; -} - -.card { - background: linear-gradient(145deg, #0a0f1f, #11162a); - border-radius: 0.75rem; - padding: 1.25rem; - border: 1px solid #252c4a; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); -} - -.card h3 { - margin-top: 0; - margin-bottom: 0.5rem; - font-size: 1.1rem; -} - -.card p { - margin: 0; - color: #d0d4ff; - font-size: 0.95rem; -} - -.sf-footer { - border-top: 1px solid #202640; - padding: 1.5rem 0 2rem; - font-size: 0.85rem; - color: #a2a7dd; - text-align: center; -} - -@media (max-width: 600px) { - .sf-header h1 { - font-size: 2rem; - } -} +/* Base styles for Atom site (updated) */ +:root{ + --bg:#fff; + --text:#0f1720; + --muted:#6b7280; + --accent:#0ea5a4; + --accent-2:#06b6d4; + --card:#f8fafc; + --maxw:1100px; +} + +*{box-sizing:border-box} +html,body{height:100%} +body{ + font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; + margin:0;background:var(--bg);color:var(--text);line-height:1.5; +} + +.container{max-width:var(--maxw);margin:0 auto;padding:24px;} + +.site-header{border-bottom:1px solid #e6eef2;background:#fff;position:sticky;top:0;z-index:50} +.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;} +.brand{font-weight:700;color:var(--text);text-decoration:none;font-size:1.1rem} +.nav a{margin-left:18px;text-decoration:none;color:var(--text);opacity:.9} +.nav a.button, .nav a.primary{padding:8px 12px;border-radius:6px} +.nav a.button{background:var(--accent);color:#fff;text-decoration:none} +.nav a.active{font-weight:600} + +/* Hero */ +.hero{padding:48px 0;background:linear-gradient(180deg,#f7feff 0,#ffffff 100%)} +.hero-inner{display:grid;gap:16px} +.hero h1{font-size:2rem;margin:0} +.lead{color:var(--muted);font-size:1.05rem} +.hero-cta a{margin-right:12px} + +/* Grid & cards */ +.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px} +.card{background:var(--card);padding:16px;border-radius:10px;border:1px solid rgba(7,15,22,0.03)} +.card h3{margin:0 0 8px 0} +.card p{margin:0 0 12px 0;color:var(--muted)} +.link{color:var(--accent);text-decoration:none} + +/* Why section */ +.why-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:12px} +.testimonial{padding:20px 0} + +/* Page styles */ +.page-head{padding:28px 0} +.page-head h1{margin:0} + +/* Pricing */ +.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px} +.card.featured{border:2px solid var(--accent);box-shadow:0 6px 18px rgba(6,182,212,0.06)} + +/* Contact */ +.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:18px} +.contact-form label{display:block;margin-bottom:12px;font-size:0.95rem} +.contact-form input, .contact-form textarea{width:100%;padding:10px;border:1px solid #dbeafe;border-radius:6px} +.form-actions{display:flex;gap:12px;align-items:center;margin-top:8px} + +/* Footer */ +.site-footer{border-top:1px solid #e6eef2;padding:28px 0;margin-top:36px;color:var(--muted)} +.footer-grid{display:grid;grid-template-columns:1fr 120px 120px;gap:18px;align-items:start} + +/* Utilities */ +.primary{background:var(--accent);color:white;padding:10px 16px;border-radius:8px;text-decoration:none} +.ghost{background:transparent;border:1px solid #e6eef2;padding:8px 12px;border-radius:8px;color:var(--muted);text-decoration:none} +.muted{color:var(--muted);font-size:0.95rem} +@media (max-width:820px){ + .contact-grid{grid-template-columns:1fr} + .footer-grid{grid-template-columns:1fr} + .header-inner{padding:12px} + .nav{display:none} + .nav-toggle{display:block} + .hero h1{font-size:1.5rem} +} \ No newline at end of file