Installation

1. Clone the repository

   git clone https://github.com/darkmage208/business-landing-page-template.git
   cd business-landing-page-template
   

2. Install dependencies

   pnpm install
   # or
   npm install
   

3. Run the development server

   pnpm dev
   # or
   npm run dev
   

4. Open your browser Navigate to http://localhost:3000 to see the result.

📁 Project Structure

├── app/                    # Next.js App Router
│   ├── (auth)/            # Authentication pages
│   ├── (default)/         # Main landing pages
│   ├── api/               # API routes
│   └── css/               # Global styles
├── components/            # Reusable components
│   ├── ui/               # Base UI components
│   ├── hero-home.tsx     # Hero section
│   ├── features-planet.tsx # Features section
│   ├── business-categories.tsx # Business categories
│   ├── large-testimonial.tsx # Testimonials
│   └── cta.tsx           # Call-to-action
├── public/               # Static assets
│   └── images/           # Image files
└── package.json          # Dependencies and scripts

🎨 Customization

Colors and Styling

The template uses Tailwind CSS v4 with custom CSS variables. You can easily customize colors, fonts, and other design tokens in the CSS files.

Components

All components are modular and reusable. You can:

• Modify existing components in the components/ directory
• Add new sections by creating new components
• Customize the layout in app/layout.tsx

Content

Update the content by editing the component files:

• Hero section: components/hero-home.tsx
• Features: components/features-planet.tsx
• Testimonials: components/large-testimonial.tsx
• Call-to-action: components/cta.tsx

📱 Available Scripts

# Development
pnpm dev          # Start development server with Turbopack

# Production
pnpm build        # Build for production
pnpm start        # Start production server

# Code Quality
pnpm lint         # Run ESLint

🌟 Key Sections

• Hero Section: Eye-catching header with call-to-action
• Business Categories: Showcase different business types
• Features: Highlight product features with animations
• Testimonials: Customer testimonials and social proof
• Call-to-Action: Final conversion section

🎯 Performance

• Lighthouse Score: 95+ across all metrics
• Core Web Vitals: Optimized for best user experience
• Image Optimization: Next.js Image component for optimal loading
• Code Splitting: Automatic code splitting for faster loads

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Tailwind CSS for the amazing utility-first CSS framework
• Next.js for the powerful React framework
• Headless UI for accessible UI components
• AOS for smooth scroll animations

📞 Support

If you have any questions or need help, please:

• Open an issue
• Check the documentation
• Contact us at DarkMage

⭐ Star this repository if you found it helpful!

Made with ❤️ by DarkMage