A modern, responsive website for Hair by Syd, a premier hair salon specializing in extensions and expert coloring services.

Hair by Syd is a professional hair salon dedicated to creating stunning hair transformations that exceed expectations. With years of experience in the beauty industry, Syd specializes in:

• Hair Extensions - Premium quality extensions for length, volume, and dimension with seamless blending
• Color Services - From subtle highlights to bold transformations with expert coloring techniques
• Personalized Consultations - Customized plans that work with your lifestyle and maintenance preferences

📍 Address: 10875 West Dodge Road Suite #5, Omaha, NE
📞 Phone: (402) 216-6197
📷 Instagram: @syd_hair

• Tuesday - Friday: 10:00 AM - 6:00 PM
• Saturday: 10:00 AM - 4:00 PM
• Sunday - Monday: Closed

✨ Modern Design

• Clean, professional layout with Evnia Hair Studio color scheme
• Elegant typography using Inter and Playfair Display fonts
• Smooth animations and transitions

📱 Fully Responsive

• Mobile-first design approach
• Optimized for all device sizes
• Touch-friendly navigation

🔍 SEO Optimized

• Comprehensive meta tags for search engines
• Open Graph and Twitter Card integration
• Structured data markup for local business
• Fast loading performance

🎨 Interactive Elements

• Smooth scrolling navigation
• Hover effects and animations
• Contact form with validation
• Social media integration

• HTML5 semantic markup
• CSS3 with custom properties and modern layouts
• Vanilla JavaScript for interactions
• Google Fonts integration
• Schema.org structured data
• Accessibility compliant

1. Clone the repository:

   git clone https://github.com/[username]/Syd_Hair.git
   cd Syd_Hair

2. Serve the files using a local web server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js
   npx serve .
   
   # Or simply open index.html in your browser

3. Visit http://localhost:8000 in your browser

The website is ready for deployment to any web hosting service:

• GitHub Pages: Automatically deployed from the main branch
• Netlify: Drag and drop the project folder
• Vercel: Connect your GitHub repository
• Traditional Hosting: Upload all files via FTP

To complete the website, add these images to the /images/ directory:

• syd-stylist.jpg - Professional photo of Syd for the About section
• salon-hero.jpg - Hero background image (optional)
• favicon.ico and apple-touch-icon.png - Site icons

Syd_Hair/
├── index.html          # Main website file
├── README.md          # This documentation
├── .gitignore         # Git ignore rules
├── images/            # Image assets (to be added)
├── css/               # Additional stylesheets (if needed)
└── js/                # Additional JavaScript (if needed)

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

• Optimized images and fonts
• Minimal HTTP requests
• Fast loading times
• Efficient CSS and JavaScript

This project is proprietary and confidential. All rights reserved by Hair by Syd.

For website updates or technical support, please contact the development team or reach out through the salon's contact information.

© 2024 Hair by Syd. All rights reserved.