Skip to content

Latest commit

 

History

History
111 lines (78 loc) · 2.61 KB

README.md

File metadata and controls

111 lines (78 loc) · 2.61 KB

Escape Ramp Landing Page

Last Updated: July 25, 2024 - 9:15 PM EST Deployment Trigger: Test RESEND_API_KEY after environment variable setup

The fastest way off the old books. Escape Ramp helps small businesses transition painlessly to the cloud with guaranteed data preservation and zero downtime.

Features

  • 🎨 Modern, responsive design with enterprise SaaS aesthetic
  • 🌟 Beautiful gradients and animations
  • 📱 Fully responsive across all devices
  • ⚡ Fast performance with Next.js
  • 🎯 Optimized for conversions with clear CTAs
  • 🔧 Component-based architecture

Tech Stack

  • Framework: Next.js 14 with App Router
  • Styling: Tailwind CSS
  • Icons: Lucide React
  • Language: TypeScript
  • Email: Resend (3,000 emails/month free)
  • Deployment: Ready for Vercel/Netlify

Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

  1. Install dependencies:
npm install

  1. Set up Resend (Email Service):

    • Sign up at resend.com
    • Get your API key from the dashboard
    • Create a .env.local file in the root directory:
    RESEND_API_KEY=your_resend_api_key_here
    • Update the admin email in app/api/send-email/route.ts (line 20)

  2. Run the development server:

npm run dev
  1. Open http://localhost:3000 in your browser.

Build for Production

npm run build
npm start

Project Structure

escapeRamp/
├── app/
│   ├── globals.css          # Global styles and Tailwind directives
│   ├── layout.tsx           # Root layout component
│   └── page.tsx             # Main page component
├── components/
│   ├── Hero.tsx             # Hero section with main CTA
│   ├── Body.tsx             # Main content sections
│   └── Footer.tsx           # Footer with links and contact
├── public/
│   └── PNG image.png        # Company logo
└── package.json

Customization

Colors

The primary color scheme is defined in tailwind.config.js. The main brand color is green (primary-600).

Content

Update the content in each component file:

  • components/Hero.tsx - Main headline and CTA
  • components/Body.tsx - Product features and benefits
  • components/Footer.tsx - Contact information and links

Logo

Replace public/PNG image.png with your updated logo file.

Deployment

This project is ready for deployment on:

  • Vercel (recommended for Next.js)
  • Netlify
  • AWS Amplify
  • Any static hosting service

License

© 2025 Escape Ramp. All rights reserved.