diff --git a/apps/website/AGENTS.md b/apps/website/AGENTS.md new file mode 100644 index 00000000..cbf779f0 --- /dev/null +++ b/apps/website/AGENTS.md @@ -0,0 +1,34 @@ +# AGENTS.md - CroCoder Website Development Guide + +## Build/Test Commands + +- `npm run dev` - Start development server on port 4321 +- `npm run build` - Build for production +- No lint/test commands configured - this is a simple Astro website + +## Framework & Architecture + +- **Astro 5.12.0** with React integration and Vercel adapter +- **TailwindCSS** for styling with custom theme configuration +- **TypeScript** with minimal config extending root tsconfig +- Server-side rendering with Vercel deployment + +## Code Style Guidelines + +- **Imports**: Use ES6 imports, Astro assets for images (`import { Image } from "astro:assets"`) +- **Components**: Astro components (.astro) with frontmatter, React components for interactivity +- **Styling**: TailwindCSS classes, responsive-first approach, custom color palette from theme.json +- **Naming**: kebab-case for files, camelCase for variables, descriptive component names +- **Content**: Markdown files in src/content/ with frontmatter metadata +- **Scripts**: Inline scripts with `is:inline` for client-side functionality +- **Assets**: Store in src/assets/, optimize images with Astro's Image component + +## File Structure + +- `src/components/` - Reusable Astro/React components +- `src/content/` - Markdown content (posts, authors, services) +- `src/layouts/` - Page layout templates +- `src/pages/` - Route pages and API endpoints +- `public/` - Static assets served directly + +## No additional rules files found (.cursorrules, .github/copilot-instructions.md) diff --git a/apps/website/src/assets/circle-check-icon.svg b/apps/website/src/assets/circle-check-icon.svg new file mode 100644 index 00000000..a913a41a --- /dev/null +++ b/apps/website/src/assets/circle-check-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/website/src/assets/code-xml-service-icon.svg b/apps/website/src/assets/code-xml-service-icon.svg new file mode 100644 index 00000000..efef8231 --- /dev/null +++ b/apps/website/src/assets/code-xml-service-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/website/src/assets/crm-service-icon.svg b/apps/website/src/assets/crm-service-icon.svg new file mode 100644 index 00000000..41dd93dd --- /dev/null +++ b/apps/website/src/assets/crm-service-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/apps/website/src/assets/crocoder-ill-16-1.png b/apps/website/src/assets/crocoder-ill-16-1.png new file mode 100644 index 00000000..3831bb26 Binary files /dev/null and b/apps/website/src/assets/crocoder-ill-16-1.png differ diff --git a/apps/website/src/assets/hands-puzzle-service-icon.svg b/apps/website/src/assets/hands-puzzle-service-icon.svg new file mode 100644 index 00000000..d6f457d5 --- /dev/null +++ b/apps/website/src/assets/hands-puzzle-service-icon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/apps/website/src/assets/pic-crocoder-team-3362ae.png b/apps/website/src/assets/pic-crocoder-team-3362ae.png new file mode 100644 index 00000000..72bce347 Binary files /dev/null and b/apps/website/src/assets/pic-crocoder-team-3362ae.png differ diff --git a/apps/website/src/assets/pic-people-collaborating.png b/apps/website/src/assets/pic-people-collaborating.png new file mode 100644 index 00000000..bc72c8af Binary files /dev/null and b/apps/website/src/assets/pic-people-collaborating.png differ diff --git a/apps/website/src/assets/quote-icon.svg b/apps/website/src/assets/quote-icon.svg new file mode 100644 index 00000000..30cb2787 --- /dev/null +++ b/apps/website/src/assets/quote-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/website/src/assets/target-icon-correct.svg b/apps/website/src/assets/target-icon-correct.svg new file mode 100644 index 00000000..316629a2 --- /dev/null +++ b/apps/website/src/assets/target-icon-correct.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/apps/website/src/assets/zap-service-icon.svg b/apps/website/src/assets/zap-service-icon.svg new file mode 100644 index 00000000..5112067e --- /dev/null +++ b/apps/website/src/assets/zap-service-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/website/src/components/Pill.astro b/apps/website/src/components/Pill.astro index ca5301fa..1de01c07 100644 --- a/apps/website/src/components/Pill.astro +++ b/apps/website/src/components/Pill.astro @@ -6,7 +6,7 @@ const { className } = Astro.props;
diff --git a/apps/website/src/components/footer.astro b/apps/website/src/components/footer.astro index 87095fe0..764ca1a6 100644 --- a/apps/website/src/components/footer.astro +++ b/apps/website/src/components/footer.astro @@ -54,6 +54,9 @@ const copyright = ` For CTOs + Staff Augmentation Blog diff --git a/apps/website/src/pages/staff-augmentation.astro b/apps/website/src/pages/staff-augmentation.astro new file mode 100644 index 00000000..2645b587 --- /dev/null +++ b/apps/website/src/pages/staff-augmentation.astro @@ -0,0 +1,491 @@ +--- +import BookACallForm from "../components/BookACallForm.astro"; +import Footer from "../components/footer.astro"; +import Navigation from "../components/navigation.astro"; +import Base from "../layouts/base.astro"; +import Section from "../components/Section.astro"; +import Pill from "../components/Pill.astro"; +import { grid_classes } from "../components/_grid"; +import { Image } from "astro:assets"; +import picPeopleCollaborating from "../assets/pic-people-collaborating.png"; +import picCrocoderTeam from "../assets/pic-crocoder-team-3362ae.png"; +import crocoderIll16 from "../assets/crocoder-ill-16-1.png"; +import paulJeszenszky from "../assets/paul-jeszenszky.png"; +import targetIconCorrect from "../assets/target-icon-correct.svg"; +import codeXmlServiceIcon from "../assets/code-xml-service-icon.svg"; +import zapServiceIcon from "../assets/zap-service-icon.svg"; +import handsPuzzleServiceIcon from "../assets/hands-puzzle-service-icon.svg"; +import crmServiceIcon from "../assets/crm-service-icon.svg"; +import circleCheckIcon from "../assets/circle-check-icon.svg"; +import quoteIcon from "../assets/quote-icon.svg"; +import "../styles/main.css"; + +const { ogImage = "https://www.crocoder.dev/homepage-metadata-img.png" } = + Astro.props; +--- + + + + + +
+
+
+
+
+ Outcome-Driven Product Engineering +

+ On-Demand Talent, + + Working as an Extension of Your Team + +

+
+

+ + Product-minded web engineers who bring clarity, momentum, and ownership. Skip the hiring bottlenecks. Our developers integrate fast, think beyond the ticket, and help you build with purpose — from junior support to senior leadership. + +

+ + + Let's talk + +
+ +
+
+
+ + +
+
+ +
+ We're 100% Focused on results +

+ Flexible, Embedded Engineers, + Ready to Plug-In +

+
+ + +
+
+ +
+ +
+
+ Target icon +
+
+

+ We offer on-demand staff augmentation with web engineers who blend technical excellence, product intuition, and strong communication. +

+

+ Whether you need a junior developer to support your team, or a product-minded lead to drive an initiative, we match talent to your exact needs and fast. +

+

+ Our engineers take initiative instead of waiting on tasks. They think critically, act independently, and ship with care. +

+
+
+ + +
+
+

+ We have found the perfect extension of our team with CroCoder. We operate as one team, celebrating our wins and working through the challenges together. They "own" the roadmap, deadlines and outcomes with us - from the ideation and direction stages through to post-launch optimization. +

+
+
+ Paul Jeszenszky +
+
+

Paul Jeszenszky

+

Submix co-founder & CEO

+
+
+
+
+ Quote icon +
+
+
+ + +
+

Ideal for Teams who

+ +
+
+
+ Check icon +
+
+

Need to scale fast

+

without compromising quality

+
+
+ +
+
+ Check icon +
+
+

Have initiatives

+

they want to move forward but are lacking bandwidth

+
+
+ +
+
+ Check icon +
+
+

Struggle to find

+

Engineers with both soft skills and technical depth

+
+
+ +
+
+ Check icon +
+
+

Want talent

+

that can work independently and contribute meaningfully

+
+
+
+ +
+ CroCoder team +
+
+
+
+
+
+ + +
+
+
+

+ We Specialise in Building
Web Products +

+

+ Our engineers work with modern stacks like React, TypeScript, Node.js, Next.js, GraphQL, and more — but we're not dogmatic. We choose the right tools for the job. +

+
+ +
+ + +
+
+ Code XML icon +
+

Full Stack Development

+

Frontend, backend, or complete product development

+
+ + +
+
+ Zap icon +
+

Scalable Architecture

+

Maintainable, future-proof system design

+
+ + +
+
+ Hands puzzle icon +
+

Feature Development

+

New features, refactors, or greenfield builds

+
+ + +
+
+ CRM icon +
+

Cross-Functional Collaboration

+

Seamless work with product and design teams

+
+
+
+
+ + +
+
+
+

+ Our Engineers +

+ +
+
+
+ Check icon +
+
+

Product-minded

+

They align with your goals, not just your backlog

+
+
+ +
+
+ Check icon +
+
+

Proactive

+

Self-starters who take initiative and drive work forward

+
+
+ +
+
+ Check icon +
+
+

Communicative

+

Async-ready, remote-native, and highly collaborative

+
+
+ +
+
+ Check icon +
+
+

Flexible

+

Short-term, long-term, or somewhere in between

+
+
+ +
+
+ Check icon +
+
+

Skilled across levels

+

From promising juniors to proven engineering leads

+
+
+
+
+ + +
+
+ + + + + Let's Build Together + + + +