A modern, responsive landing page for LensFlowPro - a professional photo editing mobile application. Built with Next.js and Tailwind CSS, optimized for Vercel deployment.
- 🎨 Modern, responsive design with Tailwind CSS
- ⚡ Built with Next.js 16 and React 19
- 🌙 Dark mode support
- 📱 Mobile-first responsive design
- 🚀 Optimized for Vercel deployment
- ♿ Accessibility-focused
- 🎯 Hero section with compelling CTAs
- 💰 Pricing section with multiple tiers
- ⭐ Customer testimonials
- 📊 Feature highlights
- 🔄 Smooth animations and transitions
- Framework: Next.js 16 (App Router)
- Styling: Tailwind CSS 4
- Icons: Lucide React
- Language: TypeScript
- Deployment: Vercel (optimized)
- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
This project is configured for Vercel deployment:
- Push your code to GitHub/GitLab/Bitbucket
- Connect your repository to Vercel
- Vercel will automatically build and deploy your site
- Build the project:
npm run build- Deploy the
outfolder to any static hosting service
lensflowpro-landing/
├── src/
│ └── app/
│ ├── page.tsx # Main landing page
│ ├── layout.tsx # Root layout
│ └── globals.css # Global styles
├── public/ # Static assets
├── next.config.js # Next.js configuration
├── tailwind.config.ts # Tailwind configuration
├── package.json # Dependencies and scripts
└── README.md # This file
- Update the app name and logo in the navigation
- Modify colors in Tailwind configuration
- Update text content throughout the page
- Colors are defined in Tailwind config
- Component styles use Tailwind utility classes
- Dark mode is fully supported
- All text content is in
src/app/page.tsx - Features, pricing, and testimonials can be easily updated
- Add new sections by following the existing patterns
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
This project is licensed under the MIT License.