SRI SHAKTHI SYSTEM AND SERVICE - Website

A professional, modern website for SRI SHAKTHI SYSTEM AND SERVICE, specializing in computer, laptop, and printer sales, service, and rental in Chennai.

🚀 Features

• Responsive Design: Fully responsive layout that works on all devices
• Modern UI: Clean, professional design using Tailwind CSS
• WhatsApp Integration: Direct WhatsApp API integration for instant customer communication
• SEO Optimized: Complete on-page SEO with meta tags, schema markup, and sitemap
• Interactive Elements: Chatbot, floating WhatsApp button, and smooth animations
• AIDA Framework: Marketing copy structured using Attention, Interest, Desire, Action formula

📁 Project Structure

Office Site/
├── index.html              # Home page
├── services.html           # Services page
├── sales.html              # Sales page with product catalog
├── rental.html             # Rental services page
├── about.html              # About us page
├── contact.html            # Contact page with form and map
├── blog.html               # Blog page with tech articles
├── sitemap.xml             # SEO sitemap
├── robots.txt              # Search engine directives
├── README.md               # This file
└── assets/
    ├── js/
    │   └── main.js         # JavaScript functionality
    └── images/
        └── placeholder.txt # Brand logos folder

🎨 Design Specifications

• Font: Lato (Google Fonts)
• Primary Color: #8BC53B (Brand Green)
• Background: White (#FFFFFF)
• Footer: #939393 (Gray)
• Framework: Tailwind CSS 2.2.19

📱 Pages Overview

1. Home Page (index.html)

• Hero section with compelling headline
• Sliding brand logos (HP, Dell, Lenovo, etc.)
• Services overview cards
• Service request form with WhatsApp integration
• Customer testimonials section

2. Services Page (services.html)

• Detailed service descriptions
• Laptop, Desktop, Printer services
• Data recovery and AMC services
• Service categories with icons

3. Sales Page (sales.html)

• Product catalog with filtering
• Laptops, Desktops, Printers
• Product cards with specifications and pricing
• "Book Now" buttons with WhatsApp integration

4. Rental Page (rental.html)

• Rental products with pricing tiers
• Daily, weekly, monthly rates
• Bulk rental information
• Rental process explanation

5. About Page (about.html)

• Company story and mission
• Team information
• Statistics and achievements
• Core values and why choose us

6. Contact Page (contact.html)

• Contact form with email functionality
• Google Maps integration
• Business hours and location details
• Multiple contact methods

7. Blog Page (blog.html)

• Tech tips and guides
• Article categories and filtering
• Newsletter signup
• Popular topics section

🔧 Technical Features

WhatsApp Integration

All forms and "Book Now" buttons use WhatsApp API:

https://api.whatsapp.com/send?phone=919444100374&text=[message]

SEO Features

• Unique meta titles and descriptions for each page
• Schema markup for local business
• Semantic HTML structure
• Alt tags for all images
• Clean, SEO-friendly URLs

Interactive Elements

• Mobile-responsive navigation
• Floating WhatsApp button
• Simple chatbot widget
• Product/blog filtering
• Smooth scrolling and animations

📞 Contact Information

• Phone: 15558611761, 044 24456062
• Email: srishakthisystemss@gmail.com
• Address: 5/11, THIRUVANGADAM STREET, ADYAR, CHENNAI - 600020

🚀 Deployment Instructions

1. Upload Files: Upload all files to your web hosting server
2. Domain Setup: Point your domain to the hosting server
3. SSL Certificate: Enable HTTPS for security
4. Email Setup: Configure contact form email functionality
5. Brand Logos: Replace placeholder logos in /assets/images/ folder
6. Google Analytics: Add tracking code if needed
7. Social Media: Update social media links in footer

📧 Contact Form Setup

The contact form requires server-side processing. Options include:

1. PHP Mailer: Use a simple PHP script to send emails
2. Formspree: Third-party form handling service
3. Netlify Forms: If hosting on Netlify
4. Custom Backend: Node.js, Python, etc.

🎯 Marketing Features

• Lead Generation: Multiple contact points and WhatsApp integration
• Local SEO: Optimized for Chennai-based searches
• Trust Building: Customer testimonials and company credentials
• Call-to-Actions: Strategic placement of contact buttons
• Mobile-First: Optimized for mobile users

🔄 Maintenance

• Update product catalog regularly
• Add new blog articles for SEO
• Monitor and respond to contact form submissions
• Keep software and security up to date
• Backup website files regularly

📈 Future Enhancements

• Online booking system
• Customer portal
• Live chat integration
• Payment gateway integration
• Inventory management system
• Customer review system

---

Built with ❤️ for SRI SHAKTHI SYSTEM AND SERVICE

For technical support or modifications, contact the development team.