Toz Yapı Teknolojileri - Corporate Website

"KEŞFEDİN! Belki de ihtiyacınız olan ürün burada"

Modern, responsive corporate website for Toz Yapı Teknolojileri - a leading construction technology company in Turkey specializing in innovative building solutions.

🚀 Features

• Responsive Design: Mobile-first approach with full responsive layout
• Modern UI/UX: Clean, professional design with smooth animations
• SEO Optimized: Complete meta tags, structured data, and sitemap
• Performance Optimized: Compressed assets, caching, and optimized images
• Multilingual Support: Language selector for international customers
• Interactive Elements: AI assistant chat, contact forms, and smooth scrolling
• Security Headers: Complete security configuration for production

🏗️ Product Categories

• Panjur Sistemleri (Shutter Systems)
• Kepenk Sistemleri (Rolling Shutter Systems)
• Pergola Sistemleri (Pergola Systems)
• Otomatik Kapı Sistemleri (Automatic Door Systems)
• Bahçe ve Çit Sistemleri (Garden & Fence Systems)
• Diğer Sistemler (Other Systems)

🛠️ Technology Stack

• Frontend: Pure HTML5, CSS3, Vanilla JavaScript
• Styling: Custom CSS framework with responsive grid
• Icons: Custom icon set with Unicode fallbacks
• Images: SVG placeholders (ready for real images)
• Performance: Optimized for speed and SEO

📁 Project Structure

webhugging/
├── index.html              # Main website file
├── assets/
│   ├── css/
│   │   ├── main.css        # Main stylesheet
│   │   └── icons.css       # Icon definitions
│   └── images/             # Image assets directory
├── placeholder-*.jpg/png   # Placeholder images (replace with real images)
├── favicon.ico             # Website favicon
├── robots.txt              # Search engine directives
├── sitemap.xml             # SEO sitemap
├── package.json            # Project configuration
├── .htaccess              # Apache server configuration
└── README.md              # This file

🚀 Quick Start

Local Development

1. Clone the repository

   git clone https://github.com/tozsolutions/webhugging.git
   cd webhugging

2. Start local server

   # Using Python (recommended)
   python3 -m http.server 8000
   
   # Or using Node.js
   npx serve .
   
   # Or using PHP
   php -S localhost:8000

3. Open in browser

   http://localhost:8000
   

Production Deployment

1. Upload all files to your web server
2. Configure SSL certificate (recommended)
3. Replace placeholder images with real company images
4. Update contact information and company details
5. Configure email forms (backend integration required)
6. Test all functionality

📝 Configuration

Replace Placeholder Images

Replace these placeholder files with real company images:

• placeholder-toz-logo.png - Company logo (120x48px)
• placeholder-hero-image.jpg - Hero section image (600x400px)
• placeholder-product-*.jpg - Product images (400x300px)
• placeholder-project-*.jpg - Project images (600x400px)
• placeholder-partner-*.png - Partner logos (120x80px)
• placeholder-luna-icon.png - AI assistant icon (48x48px)

Update Company Information

Edit index.html to update:

• Contact details (address, phone, email)
• Company description and history
• Product specifications
• Project details
• Partner information

SEO Configuration

Update these files for better SEO:

• sitemap.xml - Add all pages and update URLs
• Meta tags in index.html - Update descriptions and keywords
• robots.txt - Configure crawling preferences

🔧 Customization

Colors & Branding

Primary colors are defined in CSS variables:

:root {
  --primary: #2d3748;    /* Dark gray */
  --secondary: #f6ad55;  /* Orange/Yellow */
  --accent: #f8edeb;     /* Light pink */
  --rolex: #116149;      /* Green */
}

Adding New Sections

1. Add HTML content in index.html
2. Update navigation links
3. Add corresponding CSS styles
4. Update sitemap.xml

📱 Browser Support

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

🔒 Security Features

• Content Security Policy (CSP)
• XSS Protection
• Clickjacking Protection
• MIME Type Sniffing Prevention
• Secure Headers Configuration

📊 Performance Features

• Optimized images
• CSS minification ready
• Gzip compression enabled
• Browser caching configured
• Lazy loading ready

🌍 SEO Features

• Complete meta tags
• Open Graph support
• Twitter Cards
• Structured data (JSON-LD)
• Semantic HTML structure
• Fast loading times

📞 Contact Information

Toz Yapı Teknolojileri

• Address: Üniversiteler Mah. 1597. Cad Bilkent Center AVM No:3 Bilkent Çankaya ANKARA
• Phone: +90 536 773 14 04
• Email: merhaba@tozyapi.com.tr, ozkan@tozyapi.com.tr
• Website: www.tozyapi.com.tr

📄 License

MIT License - See LICENSE file for details

🤝 Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Create a Pull Request

---

Made with ❤️ for Toz Yapı Teknolojileri