SimShank Tech & Media - Website

A modern, futuristic, and premium 3-page website for SimShank Tech & Media built with React, Vite, and Tailwind CSS.

🚀 Features

• Modern Design: Dark theme with neon accents (cyan, purple, pink)
• Smooth Animations: Powered by Framer Motion
• Glassmorphism: Sleek glass-effect components
• Fully Responsive: Optimized for mobile, tablet, and desktop
• 3 Pages:
  • Home (Hero, About, Services Preview)
  • Services (Detailed service cards)
  • Contact (Contact form with WhatsApp integration)

🛠️ Tech Stack

• React 18 - UI library
• Vite - Build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Animation library
• React Router - Client-side routing

📦 Installation

1. Install dependencies:

npm install

2. Start development server:

npm run dev

3. Build for production:

npm run build

4. Preview production build:

npm run preview

🌐 Deployment to Vercel

Option 1: Vercel CLI

1. Install Vercel CLI:

npm i -g vercel

2. Deploy:

vercel

Option 2: GitHub Integration

1. Push your code to GitHub
2. Go to vercel.com
3. Click "New Project"
4. Import your GitHub repository
5. Vercel will auto-detect Vite settings
6. Click "Deploy"

Option 3: Vercel Dashboard

1. Go to vercel.com
2. Click "Add New Project"
3. Upload the project folder
4. Configure:
   • Framework Preset: Vite
   • Build Command: npm run build
   • Output Directory: dist
5. Click "Deploy"

📱 Contact Information

• Email: simshanktech@gmail.com
• Phone: +91 9057577434, +91 8000398836
• WhatsApp: +91 8000398836

🎨 Design Features

• Dark navy/black backgrounds
• Neon blue, cyan, and purple accents
• Glowing elements and borders
• Smooth page transitions
• Glassmorphism effects
• Animated gradients
• Floating elements
• Hover animations

📄 Pages

Home (/)

• Hero section with animated background
• Company tagline and CTA buttons
• About section with company mission
• Services preview cards

Services (/services)

• Detailed service cards:
  • Website Development
  • Mobile App Development
  • AI Agent Integration
  • Digital Marketing
  • Tech Consulting
• Each card includes features and hover effects

Contact (/contact)

• Contact form (redirects to WhatsApp)
• Contact information cards
• Social media links

🔧 Configuration

The project uses:

• tailwind.config.js for custom colors and animations
• vite.config.js for build configuration
• Custom CSS in src/index.css for global styles

📝 License

© 2025 SimShank Tech. All rights reserved.