Servland - Business Landing Page Theme

A modern, responsive business landing page theme built with Astro and Tailwind CSS. Perfect for businesses looking for an effective and speedy online presence.

🚀 Features

⚡️ Lightning Fast: Built with Astro for optimal performance
🎨 Beautiful Design: Modern UI with Tailwind CSS
🌗 Dark Mode: Automatic and manual dark mode support
📱 Fully Responsive: Looks great on all devices
📧 Contact Form: Integrated with EmailJS or Nodemailer
💬 WhatsApp Integration: Direct messaging capability
🍪 Cookie Consent: GDPR-compliant cookie banner
🖼️ Parallax Effects: Engaging background animations
🔍 SEO Ready: Optimized meta tags and structured data
🛠️ Easy to Customize: Well-organized code structure

🛠️ Quick Start

Clone the repository

git clone https://github.com/locobean/servland.git
cd servland

Install dependencies

npm install

Set up environment variables

cp .env.example .env

Start development server

npm run dev

Visit http://localhost:4321 to see your site!

📧 Email Configuration

Option 1: EmailJS (Recommended for Static Sites)

Create an account at EmailJS
Create an email template with variables:
- {{name}} - Sender's name
- {{email}} - Sender's email
- {{tel}} - Phone number
- {{message}} - Message content
Add credentials to .env:

PUBLIC_EMAILJS_SERVICE_ID=your-service-id
PUBLIC_EMAILJS_TEMPLATE_ID=your-template-id
PUBLIC_EMAILJS_USER_ID=your-public-key

Option 2: Nodemailer with SMTP

Configure SMTP settings in .env:

EMAIL_USERNAME=your-email@example.com
EMAIL_PASSWORD=your-app-specific-password
RECIPIENT_EMAIL=recipient@example.com
SECRET_KEY=your-secret-key-for-hashing

For Gmail, use an App-Specific Password.

🎨 Customization

Content

Edit main content in src/pages/index.astro
Modify components in src/components/
Update styles in tailwind.config.mjs

Styling

Colors: Update tailwind.config.mjs
Typography: Modify font imports in Layout.astro
Components: Edit individual component files

Images

Replace public/preview.png with your site preview
Update favicon in public/favicon.svg

📦 Building for Production

Build the site

npm run build

Preview the build

npm run preview

The built files will be in the dist/ directory.

🤝 Contributing

Contributions are welcome! Please read our Contributing Guide.

Fork the repository
Create your feature branch
Commit your changes
Push to the branch
Open a Pull Request

📄 License

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

💖 Support

Star this repository
Report issues
Follow for updates

Made with ❤️ by locobean

ibnhabib/technicalservices