Shared Happy Farm Website

Overview

This is the official website for Shared Happy Farm, an organic farm and eco-stay located on the scenic Bolaven Plateau near Pakse, Laos. The website provides comprehensive information about accommodations, farm experiences, dining options, and booking details. Designed with sustainability in mind, it reflects the farm's commitment to organic practices and eco-tourism.

Features

• Hero Slideshow: Rotating images showcasing farm life and experiences
• Accommodations: Detailed information about bungalows and dormitory options with pricing
• Experiences: Organic farming, waterfall trekking, and volunteer opportunities
• Farm-to-Table Menu: Fresh, locally-grown food and beverage options
• Interactive Map: Location details and directions from Pakse
• WhatsApp Booking: Direct booking integration via WhatsApp
• Social Media Integration: Instagram, TikTok, and Facebook connections

Technical Features

• Responsive Design: Mobile-first approach with full device compatibility
• SEO Optimized: Open Graph, Twitter Cards, and JSON-LD structured data
• Accessibility Compliant: WCAG guidelines with ARIA labels and keyboard navigation
• Security Enhanced: Content Security Policy and secure external links
• Performance Optimized: Lazy loading images and optimized assets

Technologies Used

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Fonts: Google Fonts (Montserrat)
• Maps: Google Maps embed
• Social: Instagram embed widget
• SEO: JSON-LD structured data, comprehensive meta tags
• Accessibility: ARIA labels, semantic HTML, keyboard navigation

File Structure

sharedhappyfarm/
├── index.html          # Main website file
├── style.css           # Stylesheet with responsive design
├── slideshow.js        # JavaScript for slideshow and mobile menu
├── sitemap.xml         # SEO sitemap with section anchors
├── robots.txt          # Crawler permissions for all search engines and AI
├── llm.txt            # LLM-specific information and usage guidelines
├── favicon.ico         # Website favicon
├── .gitignore         # Git ignore file (includes .DS_Store)
├── images/            # Image assets
│   ├── shf_logo.jpeg  # Farm logo
│   ├── aerial_view.jpeg
│   ├── family-bungalow.JPG
│   ├── bungalow.jpeg
│   ├── dormitory.jpg
│   ├── breakfast.JPG
│   ├── passionjuice.JPG
│   └── [other images]
└── README.md          # This file

Installation & Setup

1. Clone the repository:

   git clone https://github.com/chasef07/sharedhappyfarm.git

2. Navigate to the project directory:

   cd sharedhappyfarm

3. Open index.html in a web browser or serve via a local server:

   # Using Python 3
   python -m http.server 8000
   
   # Using Node.js (if you have live-server installed)
   npx live-server

Deployment

The website can be deployed to any static hosting service:

• Vercel: Connect GitHub repository for automatic deployments
• Netlify: Drag and drop or Git integration
• GitHub Pages: Enable in repository settings
• Traditional Web Hosting: Upload files via FTP/SFTP

SEO & Accessibility Features

• Meta Tags: Comprehensive Open Graph and Twitter Card implementation
• Structured Data: JSON-LD markup for business, location, and accommodation data
• Sitemap: XML sitemap with all page sections and proper priorities
• Robots.txt: Welcomes all search engines and AI crawlers
• LLM.txt: Detailed information for Large Language Models
• Alt Text: Descriptive alt text for all images
• ARIA Labels: Comprehensive accessibility markup
• Keyboard Navigation: Full keyboard support with focus indicators
• Semantic HTML: Proper heading structure and landmark roles

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

Performance

• Lazy loading for images
• Optimized image formats
• Minimal JavaScript footprint
• CSS with efficient selectors
• Google Fonts with font-display optimization

Contributing

Contributions are welcome! Please follow these guidelines:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/improvement)
3. Test your changes across different devices and browsers
4. Ensure accessibility compliance
5. Submit a pull request with detailed description

Contact Information

• Website: https://www.sharedhappyfarm.com/
• Location: Bolaven Plateau, Champasak Province, Laos
• Phone: +856-20-9282-3908
• Social Media:
  • Instagram: @shared_happy_farm
  • TikTok: @sharedhappyfarm
  • Facebook: Shared Happy Farm

License

This project is the property of Shared Happy Farm. All rights reserved.