Clean Food - Premium Food Bowls Landing Page

A modern, responsive static landing page for Clean Food - a company specializing in premium food bowls for healthy living.

Features

• Responsive Design: Works perfectly on desktop, tablet, and mobile devices
• Modern UI/UX: Clean, minimalist design with smooth animations
• One-Page Layout: Includes all essential sections in a single page
• Instagram Integration: Direct link to @cleanfoodfitness
• Performance Optimized: Fast loading with optimized CSS and JavaScript

Sections

1. Hero Section: Product showcase with Clean Food branding
2. About Owner: Introduction to the company founder
3. Products: Display of food bowl collections
4. Instagram: Social media integration
5. Footer: Contact information and links

Setup Instructions

1. Add Your Images: Replace the placeholder images in the /assets folder:

   • hero-bowl.jpg - Main product image for the hero section
   • owner-photo.jpg - Photo of the company owner/founder
   • bowl-1.jpg, bowl-2.jpg, bowl-3.jpg - Product images for the bowls section

2. Customize Content:

   • Update the owner's name and story in index.html
   • Modify product descriptions and features
   • Add your contact information

3. Launch:

   • Simply open index.html in a web browser
   • Or deploy to any static hosting service (Netlify, Vercel, GitHub Pages)

File Structure

cleanfood/
├── index.html          # Main HTML file
├── styles.css          # CSS styles and responsive design
├── script.js           # JavaScript for interactivity
├── assets/             # Images and media files
└── README.md           # This file

Customization

Colors

The main brand colors can be easily changed in styles.css:

• Primary Green: #27ae60
• Dark Text: #2c3e50
• Light Background: #f8f9fa

Typography

The site uses Inter font from Google Fonts, which provides excellent readability across all devices.

Responsive Breakpoints

• Desktop: 1200px and above
• Tablet: 768px - 1199px
• Mobile: 480px - 767px
• Small Mobile: Below 480px

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• iOS Safari
• Android Chrome

Performance Features

• Optimized images with lazy loading
• Minimal JavaScript for fast loading
• CSS animations for smooth interactions
• Mobile-first responsive design

Contact

For questions about this landing page, please reach out through the Clean Food Instagram: @cleanfoodfitness