React Landing Kit

A modern, customizable React landing page starter kit with pre-built components and pages to get you up and running quickly.

🚀 Quick Start

Installation

git clone [email protected]:realedwardgough/react-landing-kit.git
cd react-landing-kit
npm install

Development

npm start

📁 Project Structure

react-landing-kit/
├── src/
│   ├── pages/
│   │   ├── Home.jsx          # Main landing page
│   │   ├── 404.jsx           # 404 error page
│   │   ├── Privacy.jsx       # Privacy policy page
│   │   └── Terms.jsx         # Terms of service page
│   ├── components/           # Individual element components
│   └── assets/
│       └── fonts/            # Custom fonts
├── public/
│   ├── images/               # General images
│   └── undraw/               # Undraw SVG illustrations
└── ...

✨ Features

• Pre-built Pages: Landing page, 404, Privacy, and Terms pages included
• Modular Components: Reusable components in the src/components folder
• Asset Organization: Structured folders for images, fonts, and illustrations
• Modern React: Built with current React best practices
• Easy Customization: Simple file structure for quick modifications

🎨 Customization

Pages

Edit the main pages by modifying these files:

• Landing Page: src/pages/Home.jsx
• 404 Page: src/pages/404.jsx
• Privacy Policy: src/pages/Privacy.jsx
• Terms of Service: src/pages/Terms.jsx

Assets

• Images: Store in public/images/
• Undraw SVGs: Store in public/undraw/
• Custom Fonts: Store in src/assets/fonts/

Components

Individual UI components are organized in the src/components/ folder for easy reuse and modification.