Anovenodi - Boat Experiences in Cefalù

A beautiful, modern website for a boat experience business in Cefalù, Sicily. Built with Next.js, TypeScript, and Tailwind CSS.

Features

• Responsive Design: Beautiful, modern UI that works on all devices
• Booking System: Easy-to-use booking forms for Morning and Evening experiences
• Contact Forms: Multiple ways for customers to get in touch
• SEO Optimized: Proper metadata and structure for search engines
• Fast Performance: Built with Next.js for optimal loading speeds
• Accessible: Follows web accessibility best practices

Pages

• Homepage: Hero section, experience overview, and call-to-action
• Experiences: Detailed information about Morning and Evening experiences
• Booking Pages: Dedicated booking forms for each experience type
• About: Story of the business, boat details, and team information
• Contact: Contact form and business information

Experiences Offered

Morning Experience (€120)

• 4-hour duration
• Maximum 8 guests
• Light refreshments included
• Swimming stops
• Professional captain and crew
• Safety equipment provided

Evening Experience (€180)

• 5-hour duration
• Maximum 8 guests
• Full dinner with local Sicilian cuisine
• Fine wines and beverages
• Sunset viewing
• Romantic atmosphere

Technology Stack

• Next.js 14: React framework with App Router
• TypeScript: Type-safe development
• Tailwind CSS: Utility-first CSS framework
• Lucide React: Beautiful icons
• Headless UI: Accessible UI components

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

git clone <repository-url>
cd anovenodi

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

Project Structure

src/
├── app/
│   ├── page.tsx                 # Homepage
│   ├── layout.tsx               # Root layout
│   ├── experiences/
│   │   └── page.tsx            # Experiences overview
│   ├── booking/
│   │   ├── morning/
│   │   │   └── page.tsx        # Morning experience booking
│   │   └── evening/
│   │       └── page.tsx        # Evening experience booking
│   ├── about/
│   │   └── page.tsx            # About page
│   └── contact/
│       └── page.tsx            # Contact page
└── globals.css                  # Global styles

Customization

Business Information

Update the following information throughout the website:

• Contact Details: Phone, email, address
• Pricing: Update prices in booking pages
• Boat Details: Specifications, features, amenities
• Team Information: Captain and crew details
• Location: Cefalù port details and directions

Images

Add your own images to the public/ folder:

• hero-boat.jpg - Main hero image
• morning-experience.jpg - Morning experience image
• evening-experience.jpg - Evening experience image
• boat-detail.jpg - Boat detail image
• cefalu-town.jpg - Cefalù town image

Styling

The website uses Tailwind CSS for styling. You can customize:

• Colors: Update the blue/orange color scheme
• Typography: Change fonts in layout.tsx
• Layout: Modify spacing and grid layouts
• Components: Update card designs and buttons

Deployment

Vercel (Recommended)

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Deploy automatically

Other Platforms

The website can be deployed to any platform that supports Next.js:

• Netlify
• Railway
• DigitalOcean App Platform
• AWS Amplify

SEO Optimization

The website includes:

• Proper meta tags and descriptions
• Open Graph tags for social sharing
• Structured data for search engines
• Fast loading times
• Mobile-friendly design

Contact Information

For questions about the website or to request customizations:

• Business: Anovenodi
• Location: Cefalù Port, Sicily, Italy
• Email: info@anovenodi.com
• Phone: +39 123 456 789

License

This project is created for Anovenodi boat experience business. All rights reserved.

---

Built with ❤️ for authentic Sicilian experiences