Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lunanezha/gc-capital-framer

It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.
https://github.com/lunanezha/gc-capital-framer

finance headlessui motion nextjs postcss react responsive tailwindcss typescript

Last synced: about 16 hours ago
JSON representation

It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.

Awesome Lists containing this project

README

        

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://lunanezha.com/)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](www.linkedin.com/in/luna-nezha/)

# **GC Capital Framer**

GC Capital Framer is a modern and visually engaging website prototype. It’s designed to showcase financial services and attract clients with clean layouts, and responsive design.

![App Screenshot](public/images/screenshot.png)

## πŸ›  **Features**

- πŸ” Dynamic UI: Eye-catching and user-friendly interface.
- πŸ“± Responsive Design: Perfectly adapts to mobile, tablet, and desktop.
- ⚑ Framer Animations: Smooth and interactive animations for better user engagement.
- πŸ–ΌοΈ Customizable Components: Easily tweak content and styles to fit your needs.

## **πŸ’» Tech Stack**

- **React**: Component-based UI framework.
- **Next.js**: A React framework for building fast, server-rendered web applications.
- **TailwindCSS**: Utility-first CSS framework.
- **TypeScript**: Static type checking for JavaScript.
- **HeadlessUI**: Unstyled, accessible UI components tailored for TailwindCSS.
- \*_PostCSS_: A tool for transforming CSS with JavaScript plugins.

## πŸš€ **Run Locally**

Clone the project

```bash
git clone https://github.com/LunaNezha/gc-capital-framer
```

Go to the project directory

```bash
cd gc-capital-framer
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

## βœ… **Running Tests**

To run tests, run the following command

```bash
npm run test
```

## 🀝 **Contributing**

Contributions are always welcome!

If you’d like to improve this project:

- Fork the repository.
- Create your branch: git checkout -b feature/your-feature.
- Commit your changes: git commit -m "Add your message".
- Push to the branch: git push origin feature/your-feature.
- Open a Pull Request.

## πŸ’‘ **Support**

For support, email [email protected].

## πŸ“ **License**

This project is licensed under the
[MIT](https://choosealicense.com/licenses/mit/) License. See the LICENSE file for details.