AI Landing Page Generator
The AI Landing Page Generator is an innovative tool designed to streamline the process of creating visually appealing landing pages using the power of artificial intelligence. By automating the design and coding processes, users can save valuable time and effort. Currently, the tool is in its experimental phase and supports landing page creation using HTML and Tailwind CSS.
Installation
To get started with the AI Landing Page Generator, follow these steps:
- Clone the project repository using the command:
git clone https://github.com/zinedkaloc/aipage.dev.git
. - Install the necessary dependencies with:
pnpm install
. - Navigate to the project directory with
cd aipage.dev
. - Duplicate the
.env.example
file, rename it to.env
, and fill in the required information.
If you encounter any difficulties setting up your OPENAI_API_KEY, do not hesitate to contact zinedkaloc for assistance.
Usage
To create a landing page:
- Initiate the generator by running the command:
pnpm dev
. - Open a web browser and enter the address:
http://localhost:3000
. - Enter a description of the website you wish to create and press "Enter".
- The generator will then create the landing page based on your description.
Sample Prompts
- Design Studio Landing Page: A New York-based design studio makes stylish and minimalist websites and custom logos. The page should include a contact form, call-to-action elements, and a portfolio link.
- Interior Architecture Company Landing Page: Based in Istanbul, this company offers unique spatial designs and innovative interiors. The page should highlight a captivating design with gradients, a contact form, engaging calls-to-action, and a prominent portfolio link.
- Technology Company Landing Page: An Istanbul-based cutting-edge technology firm known for sleek, user-friendly, and transformative software solutions. The landing page should showcase a modern design, include a contact form, compelling calls-to-action, and a detailed product offerings link.
Roadmap
Currently, AI Landing Page Generator's development plan includes the following features:
- Basic landing page generator.
- Display the generated page on the main page using an iframe.
- Enhance text input features with a textarea and submit button.
- Enable downloading the generated landing page as a zip file.
- Allow one-click deployment to Vercel or Netlify.
- Implement dark mode support.
- Support for generating multiple pages.
- Multilingual support.
The project is still evolving, and suggestions or ideas are welcome. Contributors can open an issue or submit a pull request to propose improvements.
Contributing
Thank you for considering making contributions to the AI Landing Page Generator! Here's how you can contribute:
- Fork the repository to your GitHub account.
- Create a new branch for your work with:
git checkout -b feature/your-feature-name
. - Stage and commit your changes:
git add .
andgit commit -m "Description of your feature"
. - Push the changes to your branch:
git push origin feature/your-feature-name
. - Start a pull request to the
master
branch of the main repository. Include a clear title and description for your request. - Engage with the feedback and suggestions from the maintainers.
- Once approved, your changes will be included in the
master
branch.
Your contributions are not only welcomed but are vital to the ongoing enhancement of the project!
License
This project is licensed under the MIT License, which allows for flexibility and open collaboration.
Contact
For further inquiries or to give feedback, please connect with us via zinedkaloc.