Official website for Jaya Tech, a fully remote software consulting company specializing in nearshore staff augmentation and high-impact projects.

Jaya is a software consulting company founded in 2012, partnering with U.S. companies since 2016. We specialize in:

• Nearshore Staff Augmentation - Connecting companies with top-tier developers, tech leads, and staff engineers
• Outsourcing - Delivering managed engineering squads
• Artificial Intelligence - Supporting AI projects with ML, computer vision, and LLM integration

This project is built with modern web technologies:

• Astro v5.12.6 - Web framework for content-focused websites
• Tailwind CSS v4.1.5 - Utility-first CSS framework
• DaisyUI v5.1.10 - Tailwind CSS component library
• React v19.1.0 - For interactive components
• Astro SEO v0.8.4 - SEO optimization
• Astro Sitemap v3.4.2 - Automatic sitemap
• Custom fonts: Open Sauce One & Space Grotesk

src
├── actions
│   └── index.ts
├── assets
│   ├── fintech
│   │   ├── fintech-clients.png
│   │   ├── fintech-experience.png
│   │   └── fintech.png
│   ├── healthtech
│   │   ├── healthtech-clients.png
│   │   ├── healthtech-experience.png
│   │   └── healthtech.png
│   ├── home
│   │   ├── brasil-flag.png
│   │   ├── clients
│   │   │   ├── br
│   │   │   │   ├── amaro.png
│   │   │   │   ├── bidu.png
│   │   │   │   ├── c6-bank.png
│   │   │   │   ├── cerco.png
│   │   │   │   ├── cuponomia.png
│   │   │   │   ├── envvio.png
│   │   │   │   ├── guiabolso.png
│   │   │   │   ├── magalu.png
│   │   │   │   ├── marvin.png
│   │   │   │   ├── mercado-livre.png
│   │   │   │   ├── mercado-pago.png
│   │   │   │   ├── mindlab.png
│   │   │   │   ├── net-movies.png
│   │   │   │   ├── pipefy.png
│   │   │   │   ├── rede.png
│   │   │   │   ├── smartfit.png
│   │   │   │   ├── swap.png
│   │   │   │   ├── syngenta.png
│   │   │   │   ├── tmov.png
│   │   │   │   └── vagas.png
│   │   │   └── usa
│   │   │       ├── acadia.png
│   │   │       ├── care-academy.png
│   │   │       ├── datassential.png
│   │   │       ├── everly-health.png
│   │   │       ├── exos.png
│   │   │       ├── family-well.png
│   │   │       ├── legion-health.png
│   │   │       ├── little-otter.png
│   │   │       ├── lwn-health.png
│   │   │       ├── pipefy.png
│   │   │       ├── syngenta.png
│   │   │       └── the-zebra.png
│   │   ├── clients-brasil.png
│   │   ├── clients-usa.png
│   │   ├── fintech.png
│   │   ├── healthtech.png
│   │   ├── hero-left.png
│   │   ├── hero-right.png
│   │   ├── impact.png
│   │   ├── retail.png
│   │   ├── saas.png
│   │   ├── services.png
│   │   ├── team.png
│   │   └── usa-flag.png
│   ├── icons
│   │   ├── github.svg
│   │   ├── linkedin.svg
│   │   └── medium.svg
│   ├── logo.svg
│   ├── retail
│   │   ├── retail-clients.png
│   │   ├── retail-experience.png
│   │   └── retail.png
│   └── saas
│       ├── saas-clients.png
│       ├── saas-experience.png
│       └── saas.png
├── components
│   ├── about
│   │   ├── hero
│   │   │   └── hero.astro
│   │   ├── reviews
│   │   │   └── Reviews.astro
│   │   ├── what-drives-us
│   │   │   └── WhatDrivesUs.astro
│   │   └── why-choose-jaya
│   │       └── WhyChooseJaya.astro
│   ├── blog
│   │   └── PostCard.astro
│   ├── clients
│   │   └── Clients.astro
│   ├── home
│   │   ├── hero
│   │   │   └── Hero.astro
│   │   ├── map
│   │   │   ├── Map.astro
│   │   │   └── MapElement.astro
│   │   └── services
│   │       └── Services.astro
│   ├── impact
│   │   └── Impact.astro
│   ├── layout
│   │   ├── Footer.astro
│   │   ├── Header.astro
│   │   └── Navigation.astro
│   ├── services
│   │   ├── ServiceClients.astro
│   │   ├── ServiceExperience.astro
│   │   └── ServiceHero.astro
│   └── team
│       └── Team.astro
├── content
│   └── blog
│       └── _template.md
├── content.config.ts
├── data
│   └── social-links.ts
├── env.d.ts
├── layouts
│   └── Layout.astro
├── pages
│   ├── 404.astro
│   ├── about.astro
│   ├── blog
│   │   ├── [slug].astro
│   │   └── index.astro
│   ├── cases.astro
│   ├── contact.astro
│   ├── fintech.astro
│   ├── healthtech.astro
│   ├── index.astro
│   ├── retail.astro
│   ├── rss.xml.js
│   └── saas.astro
├── styles
│   └── global.css
└── utils
    ├── animations.ts
    └── url.ts

The project uses a custom design system with centralized CSS variables:

• Primary: #00616c (Teal)
• Primary Light: #03b3cb (Cyan)
• Blue: #3b86a2
• Blue Light: #5abfd7
• Teal: #36808f
• Neutral Light: #ececea
• Text Dark: #3b3b3b

All colors are defined in src/styles/global.css and should be used via Tailwind classes.

• 🎨 Custom Design System - Unique Jaya brand identity with rounded corners and custom shapes
• 🗺️ Interactive US Map - Hover states showing client locations and case studies
• 📱 Fully Responsive - Mobile-first design that works on all devices
• ♿ Accessible - Semantic HTML and ARIA attributes
• 🚀 Performance Optimized - Static generation with Astro's Islands Architecture
• 🔍 SEO Friendly - Meta tags, sitemap, and robots.txt
• 📊 Analytics Ready - Structured for easy integration
• 🎯 Smooth Scrolling - Anchor navigation with offset for fixed header
• 🔗 Centralized Configuration - Social links and external URLs in one place

The project follows strict CSS organization rules (see .cursor/rules/jaya-style-guide.mdc):

• Grouped @apply directives by category (layout, spacing, colors, etc)
• Background and text properties on separate lines
• Centralized color variables (no hardcoded hex values)
• Alias imports (@/) instead of relative paths

Social Links:

import { socialLinks } from '@/data/social-links'
<a href={socialLinks.linkedin}>LinkedIn</a>

Path Aliases:

import Component from '@/components/Component.astro'
@reference '@/styles/global.css'

Active States:

const ACTIVE_STATES = ['CA', 'TX', 'IL', 'NY']
ACTIVE_STATES.forEach((id) => {
	document.getElementById(id)?.classList.add('active-state')
})

1. Clone this repository:

   git clone https://github.com/olivamkt/jaya.git
   cd jaya

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm dev

4. Open your browser at http://localhost:4321/jaya/

• / - Homepage with hero, services, map, impact, clients, and team sections
• /about - Company information and culture
• /cases - Client case studies and success stories
• /contact - Contact form and information
• /fintech - FinTech services details
• /healthtech - HealthTech services details
• /retail - Retail services details
• /saas - SaaS services details

Access colors via Tailwind classes or CSS variables:

/* Tailwind classes */
.text-primary
.bg-primary-light
.text-text-dark

/* CSS variables */
var(--color-primary)
var(--color-primary-light)
var(--color-text-dark)

See src/styles/global.css for the complete color system.

The site is configured for GitHub Pages deployment with base path /jaya/. This is set in astro.config.mjs:

export default defineConfig({
	site: 'https://olivamkt.github.io/jaya/',
	base: '/jaya/'
	// ...
})

Update social media links in src/data/social-links.ts:

export const socialLinks = {
	linkedin: 'https://www.linkedin.com/company/jaya-tech',
	github: 'https://github.com/jaya',
	medium: 'https://medium.com/wearejaya'
}

See .cursor/rules/jaya-style-guide.mdc for detailed coding standards including:

• CSS @apply organization rules
• Import path conventions
• Color usage guidelines
• JavaScript/TypeScript patterns

• Production URL: https://olivamkt.github.io/jaya/
• Repository: https://github.com/olivamkt/jaya

The project uses automated deployment via GitHub Actions:

1. Workflow File: .github/workflows/deploy.yml
2. Triggers:
   • Automatic deployment on push to main branch
   • Manual deployment via GitHub Actions tab
3. Settings: Go to Settings → Pages → Source: GitHub Actions

If needed:

1. Build the project:

   pnpm build

2. Preview locally (optional):

   pnpm preview

3. Push to repository:

   git add .
   git commit -m "Your message"
   git push origin main

4. GitHub Actions will automatically deploy

1. Build for production: pnpm build
2. Preview: pnpm preview
3. Test at http://localhost:4321/jaya/
4. Verify all links, navigation, and base path

404 Errors:

• Verify base: '/jaya/' in astro.config.mjs matches repository name
• Check GitHub Pages is enabled in repository settings

Assets Not Loading:

• Use withBase() utility for all internal links
• Check font paths include /jaya/ prefix in global.css

Deployment Failed:

• Check Actions tab for error details
• Verify pnpm-lock.yaml is committed

• Site uses static generation (all pages pre-rendered)
• Deployment takes 1-3 minutes after push
• No server-side rendering or API routes

MIT - See the LICENSE file for details.