ReLow Group Website

Modern, fast-loading website for ReLow Group - custom software development company.

🚀 Built With

• Astro - Modern static site generator
• React - Interactive components
• Tailwind CSS - Utility-first CSS framework
• TypeScript - Type-safe development
• Netlify Forms - Contact form handling

🎨 Features

✅ Completed Features

• Modern Design System - Based on ReLow Group's brand colors (black #333 & yellow #fed03d)
• Responsive Layout - Mobile-first design that works on all devices
• SEO Optimized - Structured data, meta tags, and performance optimizations
• Fast Performance - Static generation with Astro for lightning-fast loading
• Interactive Contact Form - Netlify Forms integration with validation
• Content Management - Astro Content Collections for easy content updates

📄 Pages & Sections

Homepage

• Hero Section - "Software that Works for You" with animated elements
• Services Grid - Interactive cards for Web Apps, Web Design, and Mobile Apps
• Process Timeline - Visual 6-step development process
• Portfolio Highlights - Featured projects and industry experience
• Contact CTA - Multiple conversion points

Contact Page

• Professional Contact Form - Multi-step form with validation
• Company Information - Location, email, response time
• Process Preview - What happens after contact

🛠 Development

Prerequisites

• Node.js 18+
• npm

Installation

# Install dependencies
npm install

# Start development server
npm run dev

Available Scripts

# Development server
npm run dev

# Production build
npm run build

# Preview production build
npm run preview

🎨 Brand Guidelines

Colors

• Primary Dark: #333333 (text, headers)
• Accent Yellow: #fed03d (CTAs, highlights)
• Neutral Grays: Various shades for backgrounds and text

Typography

• Primary Font: Inter (clean, modern)
• Monospace: Fira Code (code snippets)

📁 Project Structure

src/
├── components/
│   ├── layout/          # Header, Footer
│   ├── home/           # Homepage sections
│   ├── forms/          # Contact form
│   └── ui/             # Reusable UI components
├── content/
│   ├── services/       # Service pages content
│   ├── projects/       # Portfolio projects
│   └── testimonials/   # Client testimonials
├── layouts/
│   └── BaseLayout.astro # Main layout template
├── pages/
│   ├── index.astro     # Homepage
│   └── contact.astro   # Contact page
└── styles/
    └── global.css      # Tailwind imports

🚀 Deployment

Netlify Deployment

This repository is automatically deployed to Netlify from the main branch.

Live Site: https://relowgroup.netlify.app

Manual Setup

1. Connect your repository to Netlify
2. Configure build settings:
   • Build command: npm run build
   • Publish directory: dist
   • Node version: 20
3. Deploy automatically on every push to main!

📈 Performance

• Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
• First Contentful Paint: < 1.5s
• Largest Contentful Paint: < 2.5s
• Cumulative Layout Shift: < 0.1

🔧 Customization

Adding Content

New Service

1. Create .md file in src/content/services/
2. Follow the schema in src/content/config.ts
3. Service will automatically appear on homepage

New Project

1. Create .md file in src/content/projects/
2. Add project details following the schema
3. Set featured: true to show on homepage

Styling

All styling uses Tailwind CSS with custom brand colors defined in tailwind.config.js.

📞 Contact Information

• Email: info@relowgroup.com
• Location: Indiana, PA
• Website: https://relowgroup.com

---

This website represents ReLow Group's commitment to creating software that works for their clients - starting with their own online presence.