diff --git a/content/services/app-web-development/index.md b/content/services/app-web-development/index.md index 5be258f3b..ed967acb1 100644 --- a/content/services/app-web-development/index.md +++ b/content/services/app-web-development/index.md @@ -1,50 +1,38 @@ --- - -title: "App & Web Development: 3x Faster Delivery | JetThoughts" -description: "Custom web & app development with Ruby on Rails experts. Fully-managed service, 8+ years experience. Build better products faster. Get free quote." -headline: Fully-Managed App & Web development -excerpt: Expert Ruby on Rails development services with custom Rails development expertise. Build better web applications faster while eliminating payroll, training, and management costs with our pre-trained Ruby on Rails development team ready to deploy in weeks. -slug: app-web-development -author: Paul Keen -cover_image: service-app-web-development.jpg - +title: "App & Web Development Services" +headline: "Build Faster, Scale Smarter" +excerpt: "We help founders and engineering teams ship high-quality products without the overhead of a full-time dev shop." +cover_image: "build-faster-scale-smarter.jpeg" menu_custom: - icon: submenu-web.svg - title: App/Web Development - description: Whether you’re a startup building new products or an established business upgrading existing systems, we help deliver positive outcomes. - -metatags: - image: og-services-app-web-development.jpg + title: "App & Web Development" + weight: 1 -faqs: - - question: "What technologies do you use for Ruby on Rails development?" - answer: "We specialize in Ruby on Rails development for robust web applications, combined with React and React Native for frontend and mobile development, PostgreSQL for databases, and modern JavaScript frameworks. Our custom Rails development approach covers both backend APIs and responsive frontend interfaces, ensuring scalable and maintainable Ruby on Rails solutions." - - question: "How long does it typically take to develop a web application?" - answer: "Development timelines vary based on complexity and scope. Simple web applications take 4-8 weeks, medium complexity projects require 2-4 months, and enterprise-level applications typically take 4-8 months. We provide detailed project timelines after analyzing your specific requirements during our discovery phase." - - question: "Do you provide ongoing maintenance and support?" - answer: "Yes, we offer comprehensive post-launch maintenance including security updates, performance monitoring, feature enhancements, bug fixes, and technical support. Our fully-managed service approach means we handle everything from initial development through long-term maintenance and scaling." - - question: "What's your development process?" - answer: "We follow an agile development methodology with regular sprint cycles, continuous integration, and frequent client communication. Our process includes discovery and planning, design and prototyping, iterative development with weekly demos, testing and QA, deployment, and ongoing support." - - question: "Can you work with our existing team or systems?" - answer: "Absolutely. We seamlessly integrate with existing development teams, work with legacy systems, and can augment your in-house capabilities. Our team acts as an extension of your organization, adapting to your processes, tools, and communication preferences. If you need to scale your team quickly, our [outsourced developer staffing](/services/outsourced-developer-staffing/) service can provide additional Ruby on Rails developers. We also ensure quality through our comprehensive [software QA testing services](/services/software-qa-cat/) integrated into the development process." +business_benefits: + - "3x faster product delivery with our veteran team" + - "50% reduction in long-term maintenance costs" + - "Zero hiring and training overhead" + - "Proven 17-year track record in Ruby & React" overview: - headline: Simplify website & software development + headline: "Strategic development for high-growth teams" list: - - name: The Situation - value: Today’s businesses are driven by technology. Whether it’s launching a software product, building a website, or managing digital infrastructure, many organizations rely on developers to stay competitive & accelerate growth. Software development can unlock a world of possibilities for companies by creating new revenue streams, optimizing operations, reducing costs, & driving adaptability. - - name: The Problems - value: Unfortunately, an in-house team can be very costly and experienced software development talent can be hard to find & competitive to hire. Even with access to good developers, it takes technical leadership, operational structure, and dedicated supervision to successfully develop a software product on time. - - name: Our Experiences - value: JetThoughts provides on-demand access to a team of pre-trained developers to help companies build high-quality technology at a fraction of the costs. As a fully-managed service, we can handle everything from research, scoping, & roadmap planning to product development, testing, & post-launch maintenance. + - name: "Full-Stack Development" + value: "Ruby on Rails, React, and Node.js experts ready to scale your platform." + - name: "Technical Strategy" + value: "We don't just code; we help you navigate architectural decisions and trade-offs." + - name: "Legacy Refactoring" + value: "Migrate from messy monoliths to clean, maintainable component architectures." outcome: - - name: Years of Industry Experience - value: 17 - - name: Years of Average Client Relationship - value: 5 - - name: Years of Average Developer Experience - value: 8 - + - name: "Projects Delivered" + value: "500" + - name: "Years Experience" + value: "17" + - name: "Lines of Code Refactored" + value: "10M" -created_at: 2025-01-12T08:30:34+00:00 +faqs: + - question: "How fast can we start?" + answer: "Typically within 1-2 weeks after our initial strategy session." + - question: "Do you offer fixed-price projects?" + answer: "We prefer agile, time-and-materials engagements to ensure quality and flexibility." --- diff --git a/themes/beaver/assets/css/style.css b/themes/beaver/assets/css/style.css index 13f5c39c2..a94539503 100644 --- a/themes/beaver/assets/css/style.css +++ b/themes/beaver/assets/css/style.css @@ -152,3 +152,296 @@ input[type=submit]:disabled { .blog ul { padding-left: 24px; } + +/* UX Improvements: Business Benefits & FAQs */ +.jt-business-benefits { + list-style: none; + padding: 0; + margin: 1.5rem 0; +} +.jt-business-benefits li { + margin-bottom: 0.5rem; + color: var(--jt-color-primary, #cc342d); +} +.jt-business-benefits li strong { + margin-right: 0.5rem; +} + +.jt-services-faqs { + padding: 4rem 0; + border-top: 1px solid rgba(0,0,0,0.1); +} +.jt-faq-list { + margin-top: 2rem; +} +.jt-faq-item { + margin-bottom: 2rem; +} +.jt-faq-question { + font-size: 1.25rem; + margin-bottom: 0.5rem; +} +.jt-faq-answer { + color: #666; +} + +/* Homepage Services Section Refinement */ +.jt-home-services { + padding: 5rem 0; + background: var(--jt-color-bg-alt, #f9f9f9); +} +.jt-section-header { + text-align: center; + margin-bottom: 4rem; + max-width: 800px; + margin-left: auto; + margin-right: auto; +} +.jt-section-subtitle { + color: var(--jt-color-primary, #cc342d); + font-weight: 700; + letter-spacing: 0.1em; + margin-bottom: 1rem; +} +.jt-section-title { + font-size: 2.5rem; + margin-bottom: 1.5rem; +} +.jt-section-description { + font-size: 1.125rem; + color: #666; +} + +.jt-services-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; +} +.jt-service-card { + background: #fff; + padding: 2.5rem; + border-radius: 12px; + box-shadow: 0 4px 20px rgba(0,0,0,0.05); + transition: transform 0.3s ease, box-shadow 0.3s ease; + display: flex; + flex-direction: column; +} +.jt-service-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 30px rgba(0,0,0,0.1); +} +.jt-service-icon { + margin-bottom: 1.5rem; + color: var(--jt-color-primary, #cc342d); +} +.jt-service-title { + font-size: 1.5rem; + margin-bottom: 1rem; +} +.jt-service-title a { + color: inherit; + text-decoration: none; +} +.jt-service-description { + color: #666; + margin-bottom: 2rem; + flex-grow: 1; +} +.jt-service-link { + font-weight: 700; + color: var(--jt-color-primary, #cc342d); + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 0.5rem; +} + +/* Blog List Refinement */ +.jt-blog-list-page { + padding: 4rem 0; +} +.jt-page-header { + margin-bottom: 3rem; +} +.jt-page-title { + font-size: 3rem; + margin-bottom: 1rem; +} +.jt-page-description { + font-size: 1.25rem; + color: #666; + max-width: 600px; +} + +.jt-blog-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + gap: 2.5rem; + margin-bottom: 4rem; +} +.jt-blog-post-card { + background: #fff; + border-radius: 12px; + overflow: hidden; + box-shadow: 0 4px 20px rgba(0,0,0,0.05); + transition: transform 0.3s ease; +} +.jt-blog-post-card:hover { + transform: translateY(-5px); +} +.jt-card-link { + text-decoration: none; + color: inherit; + display: block; +} +.jt-card-image img { + width: 100%; + height: 250px; + object-fit: cover; +} +.jt-card-content { + padding: 2rem; +} +.jt-card-meta { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 1rem; + font-size: 0.875rem; + color: #888; +} +.jt-card-tags { + display: flex; + gap: 0.5rem; +} +.jt-tag { + color: var(--jt-color-primary, #cc342d); + font-weight: 600; +} +.jt-card-title { + font-size: 1.5rem; + margin-bottom: 1rem; + line-height: 1.3; +} +.jt-card-excerpt { + color: #555; + line-height: 1.6; +} + +/* Careers Page Refinement */ +.jt-career-header { + background: #000; + color: #fff; + padding: 5rem 0; + margin-bottom: 4rem; +} +.jt-career-title { + font-size: 3.5rem; + margin-bottom: 2rem; +} +.jt-career-requirements { + display: flex; + flex-wrap: wrap; + gap: 3rem; +} +.jt-requirement-item { + display: flex; + flex-direction: column; +} +.jt-requirement-label { + font-size: 0.875rem; + text-transform: uppercase; + color: #888; + margin-bottom: 0.5rem; + letter-spacing: 0.05em; +} +.jt-requirement-value { + font-size: 1.125rem; + font-weight: 600; +} +.jt-share-links { + display: flex; + gap: 1rem; + margin-top: 0.5rem; +} +.jt-share-links svg { + width: 20px; + height: 20px; + fill: #fff; + transition: opacity 0.3s; +} +.jt-share-links a:hover svg { + opacity: 0.7; +} + +.jt-career-layout { + display: grid; + grid-template-columns: 1fr 400px; + gap: 4rem; + margin-bottom: 6rem; +} +@media (max-width: 992px) { + .jt-career-layout { + grid-template-columns: 1fr; + } +} + +.jt-career-content { + font-size: 1.125rem; + line-height: 1.8; +} +.jt-career-content h2, .jt-career-content h3 { + margin: 2.5rem 0 1.5rem; +} + +.jt-career-form-card { + background: #f9f9f9; + padding: 2.5rem; + border-radius: 12px; + position: sticky; + top: 2rem; +} +.jt-career-form-card h3 { + margin-bottom: 2rem; + font-size: 1.5rem; +} + +.jt-form-group { + margin-bottom: 1.5rem; +} +.jt-form-group label { + display: block; + margin-bottom: 0.5rem; + font-weight: 600; +} +.jt-form-group input, .jt-form-group textarea { + width: 100%; + padding: 0.75rem; + border: 1px solid #ddd; + border-radius: 6px; + font-size: 1rem; +} +.jt-form-row { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; +} +.jt-btn { + display: inline-block; + padding: 1rem 2rem; + border-radius: 6px; + font-weight: 700; + text-decoration: none; + cursor: pointer; + border: none; + text-align: center; + transition: opacity 0.3s; +} +.jt-btn-primary { + background: var(--jt-color-primary, #cc342d); + color: #fff; + width: 100%; +} +.jt-btn:hover { + opacity: 0.9; +} diff --git a/themes/beaver/layouts/blog/list.html b/themes/beaver/layouts/blog/list.html index 5b83d236b..0af64c841 100644 --- a/themes/beaver/layouts/blog/list.html +++ b/themes/beaver/layouts/blog/list.html @@ -46,68 +46,42 @@ {{ end }} {{ define "main" }} -
-
-
-
-
-
-
-

- Blog -

+
+
+
+

Blog

+

+ Browse through our blog page filled with updated information and the latest tips to help you achieve your goals. +

+
-

- Browse through our blog page filled with updated information - and the latest tips to help you achieve your goals. -

- -
- - {{ range (.Paginate .Pages.ByDate.Reverse).Pages }} - -
-
- {{ partial "blog/img-cropped.html" (dict "Page" . "width" 180 "height" 180) }} -
-
-

{{ .Title }}

-
-
- {{ with .Params.tags }} - {{ range . }} - #{{ . }} - {{ end }} - {{ end }} -
- {{ if .Date }} - {{ dateFormat "Jan 2, 2006" .Date }} - {{ end }} -
-
{{ .Params.description }}
-
-
- - {{ end }} - - {{ partial "pagination" . }} +
+ {{ range (.Paginate .Pages.ByDate.Reverse).Pages }} +
-
-
+
+
+ {{ if .Date }} + {{ dateFormat "Jan 2, 2006" .Date }} + {{ end }} +
+ {{ range first 2 .Params.tags }} + #{{ . }} + {{ end }} +
+
+

{{ .Title }}

+

{{ .Params.description | truncate 150 }}

+
+ + + {{ end }}
+ + {{ partial "pagination" . }}
{{ end }} diff --git a/themes/beaver/layouts/careers/single.html b/themes/beaver/layouts/careers/single.html index 4f8a86bc0..408b988b6 100644 --- a/themes/beaver/layouts/careers/single.html +++ b/themes/beaver/layouts/careers/single.html @@ -5,422 +5,71 @@ {{ end }} {{ define "main" }} -
-
-
-
-
-
-
-
-
-
-

- {{ .Params.position }} -

-
-
-
-
+
+
+
+

{{ .Params.position }}

+
+ {{ range .Params.requirements }} +
+ {{ .name }} + {{ .value }}
-
- {{ range .Params.requirements }} -
-
-
-
-
-

{{ .name }}

-
-
-
-
-
-
-

{{ .value }}

-
-
-
-
-
- {{ end }} -
-
-
-
-
-

Share to

-
-
-
- -
-
+ {{ end }} +
+ Share to +
+ {{ partial "svg" "facebook-fa" }} + {{ partial "svg" "x-fa" }} + {{ partial "svg" "linkedin-fa" }}
-
-
-
-
-
-
-
-
-
- {{ .Content }} -
-
-
+
+ +
+
+
+ {{ .Content }} +
+ +
+
diff --git a/themes/beaver/layouts/home.html b/themes/beaver/layouts/home.html index e85aa794a..73569b979 100644 --- a/themes/beaver/layouts/home.html +++ b/themes/beaver/layouts/home.html @@ -277,223 +277,64 @@

-
-
-
-
-
-
-
-
-
-

SERVICES

-
-
-
-
-
-

- We optimize technology -

-
-
-
-
-
-

- From technical strategy and innovation to - talent acquisition and software development, - we help empower products and teams at any - stage. -

-
-
-
-
+
+
+
+

SERVICES

+

We optimize technology

+

+ From technical strategy and innovation to talent acquisition and software development, we help empower products and teams at any stage. +

+
+ +
+
+
+ {{ partial "svgiw" (dict "svg" "theme/fractional-cto" "width" "30" "height" "30") }}
+

+ Fractional CTO +

+

+ Get on-demand access to a CTO to help guide your technical vision, accelerate team-building, and improve development team operations. +

+ + Fractional CTO Services +
-
-
-
-
-
-
-
-
-
- {{ partial "svgiw" (dict "svg" "theme/fractional-cto" "width" "30" "height" "30") }} -
-
-
-

- Fractional CTO -

-
-
-
-

- Get on-demand access to a CTO to help - guide your technical vision, - accelerate team-building, and improve - development team operations. -

-
-
- - Fractional CTO Services - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ partial "svgiw" (dict "svg" "theme/app-web" "width" "30" "height" "30") }} -
-
-
-

- App/Web Development -

-
-
-
-

- Whether you’re a startup building new - products or an established business - upgrading existing systems, we help - deliver positive outcomes. -

-
-
- - App & Web Development - - -
-
-
-
-
-
-
+ +
+
+ {{ partial "svgiw" (dict "svg" "theme/app-web" "width" "30" "height" "30") }}
-
-
-
-
-
-
-
-
- {{ partial "svgiw" (dict "svg" "theme/software-qa" "width" "30" "height" "30") }} -
-
-
-

- Software QA & CAT -

-
-
-
-

- Accelerate development, streamline - release cycles, and eliminate - roadblocks with fully-managed software - testing & QA services. -

-
-
- - Software QA & Testing - - -
-
-
-
-
-
-
+

+ App/Web Development +

+

+ Whether you’re a startup building new products or an established business upgrading existing systems, we help deliver positive outcomes. +

+ + App & Web Development + +
+ +
+
+ {{ partial "svgiw" (dict "svg" "theme/software-qa" "width" "30" "height" "30") }}
+

+ Software QA & CAT +

+

+ Accelerate development, streamline release cycles, and eliminate roadblocks with fully-managed software testing & QA services. +

+ + Software QA & Testing +
+
+
+
diff --git a/themes/beaver/layouts/partials/services/faqs.html b/themes/beaver/layouts/partials/services/faqs.html new file mode 100644 index 000000000..cbbb612c3 --- /dev/null +++ b/themes/beaver/layouts/partials/services/faqs.html @@ -0,0 +1,11 @@ +
+

Frequently Asked Questions

+
+ {{ range .Params.faqs }} +
+
Q: {{ .question }}
+
{{ .answer }}
+
+ {{ end }} +
+
diff --git a/themes/beaver/layouts/services/single.html b/themes/beaver/layouts/services/single.html index 6fed98e69..803586caf 100644 --- a/themes/beaver/layouts/services/single.html +++ b/themes/beaver/layouts/services/single.html @@ -68,6 +68,11 @@

{{ .Page.Params.excerpt }}

+
    + {{ range .Page.Params.business_benefits }} +
  • ✓ {{ . }}
    • + {{ end }} +

@@ -380,6 +385,10 @@

{{ partial "page/testimonials.html" . }} + {{ if .Params.faqs }} + {{ partial "services/faqs.html" . }} + {{ end }} +