Skip to content

Commit e6c9b32

Browse files
committed
Add Imagenie Landing page
1 parent b917908 commit e6c9b32

31 files changed

+18709
-14
lines changed

imagenie-landing/README.md

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
# Imagenie Landing Page
2+
3+
A modern, responsive landing page for the Imagenie desktop application built with React and TailwindCSS.
4+
5+
## Features
6+
7+
- Modern, clean design inspired by Linear's aesthetic
8+
- Fully responsive layout for mobile, tablet, and desktop
9+
- Dark/light mode toggle that respects system preferences
10+
- Smooth animations and transitions
11+
- Built with React and TailwindCSS
12+
13+
## Getting Started
14+
15+
### Prerequisites
16+
17+
- Node.js (v14 or later)
18+
- npm or yarn
19+
20+
### Installation
21+
22+
1. Clone the repository
23+
```bash
24+
git clone https://github.com/yourusername/imagenie-landing.git
25+
cd imagenie-landing
26+
```
27+
28+
2. Install dependencies
29+
```bash
30+
npm install
31+
# or
32+
yarn install
33+
```
34+
35+
3. Start the development server
36+
```bash
37+
npm start
38+
# or
39+
yarn start
40+
```
41+
42+
4. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
43+
44+
## Building for Production
45+
46+
```bash
47+
npm run build
48+
# or
49+
yarn build
50+
```
51+
52+
This will create an optimized production build in the `build` folder.
53+
54+
## Project Structure
55+
56+
```
57+
imagenie-landing/
58+
├── public/
59+
│ ├── index.html
60+
│ └── manifest.json
61+
├── src/
62+
│ ├── components/
63+
│ │ ├── Download.js
64+
│ │ ├── Features.js
65+
│ │ ├── Footer.js
66+
│ │ ├── Header.js
67+
│ │ ├── Roadmap.js
68+
│ │ ├── Showcase.js
69+
│ │ ├── ThemeToggle.js
70+
│ │ └── WhyImagenie.js
71+
│ ├── App.js
72+
│ ├── index.js
73+
│ ├── index.css
74+
│ └── reportWebVitals.js
75+
├── package.json
76+
├── tailwind.config.js
77+
└── postcss.config.js
78+
```
79+
80+
## Technologies Used
81+
82+
- [React](https://reactjs.org/)
83+
- [TailwindCSS](https://tailwindcss.com/)
84+
- [React Intersection Observer](https://github.com/thebuilder/react-intersection-observer)
85+
- [Font Awesome](https://fontawesome.com/)
86+
87+
## License
88+
89+
This project is licensed under the MIT License.
90+
91+
## Acknowledgments
92+
93+
- [Imagenie](https://github.com/zhongweili/imagenie) - The desktop application this landing page is for
94+
- [Linear](https://linear.app/) - Design inspiration

0 commit comments

Comments
 (0)