%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Pagen AI Landing Page Template
Overview :
The Pagen AI Landing Page Template is an AI landing page template developed by Pagen AI, built using Next.js and Shadcn UI. It enables users to quickly create a professional landing page to showcase AI-related products or services. The template is easy to customize, supports local development and preview, making it suitable for developers and companies needing to quickly launch AI project showcase pages.
Target Users :
This template is designed for developers and companies who need to quickly build showcase pages for AI projects. It offers a variety of customization options, allowing users to personalize settings according to their brand and project requirements to attract potential clients or users.
Use Cases
An AI startup uses this template to quickly create a product introduction page
A data science team showcases their machine learning projects
A tech blog publishes articles and resources related to AI technology
Features
Built with Next.js and Shadcn UI, ensuring page performance and aesthetics
Supports local development, allowing developers to customize and preview easily
Provides options for data and template customization, enabling users to adjust page content and styles as needed
Supports the creation of new pages and templates, enhancing project flexibility and scalability
Offers clear documentation and guidance, helping users get started quickly
Available under the MIT License, allowing users to use and distribute freely
How to Use
Clone the repository to your local environment
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
Navigate to the project directory and install dependencies
Edit the data/demo.ts file to customize page content as needed
Modify the templates/shadcn/ folder to customize page styles as required
Create a new page.tsx file in the app folder to add new pages
Preview the modified landing page locally
Deploy the completed landing page to a server or GitHub Pages
Featured AI Tools
Chinese Picks
AITDK AI Landing Page Generator
The AITDK AI Landing Page Generator is an online tool that leverages artificial intelligence to help users easily create and optimize landing pages. It uses advanced algorithms to automatically design, optimize, and analyze landing pages based on user inputs and data, enhancing conversion rates and search engine rankings.
AI website generation
76.2K
Uidraw
UIDraw is an application that allows you to draw and build websites on your mobile phone. It utilizes GPT-4 Vision and PencilKit/PKCanvasView to draw user interfaces and convert them into HTML code. Users can quickly build websites by drawing intuitive interfaces, providing a simple and user-friendly website development experience. UIDraw also offers an option to use an alternative to the OpenAI API key, allowing users to freely utilize the application.
AI website generation
60.7K