Shubham Digital Studio

A premium photography studio website template — modern, responsive, and animation-focused. Built as a polished theme inspired by high-end templates (like Aurel) and tailored for photography studios, portfolios, and booking workflows.

Owner / Maintainer: Suraj Repository: https://github.com/Suraj138/Shubham_Digital_Studio.git

---

🔥 Quick summary

Shubham Digital Studio is a multi-page template made for photography studios and freelance photographers who want a high-impact online presence. It includes beautiful hero animations, portfolio galleries, booking/contact forms, pricing, and blog pages. The design supports mixed dark/light themes and smooth micro-interactions.

(नीचे English + Hindi dono me short instructions diye gaye hain for easy sharing on LinkedIn / GitHub.)

---

✨ Key features

• Landing / Home page with animated hero
• Portfolio / Gallery with lightbox and filter by category
• Services & Pricing sections
• About / Team section
• Booking / Contact form (static form or API-ready)
• Blog / News listing + single-post layout
• Responsive, mobile-first design
• Smooth CSS + JS animations and hover effects
• Tailwind CSS utility-based styling (recommended)
• Optional React/Vite starter scaffold (if you prefer SPA)

---

🛠 Tech stack (recommended)

• HTML5, CSS3, JavaScript (vanilla)
• Tailwind CSS (utility-first styling)
• Optional: Vite + React for SPA conversion
• Lightbox / small JS libs for gallery (e.g., [GLightbox] or similar)

---

📁 Repository structure (suggested)

Shubham_Digital_Studio/
├─ public/                # static assets (images, fonts)
├─ src/                   # (optional) if using Vite/React
│  ├─ index.html
│  ├─ assets/
│  └─ main.js
├─ css/
├─ js/
├─ components/
├─ README.md
└─ package.json (if using build tooling)

---

🚀 Get started (two ways)

Option A — Quick preview (no build tooling)

1. Clone the repo:

   git clone https://github.com/Suraj138/Shubham_Digital_Studio.git
   cd Shubham_Digital_Studio

2. Open index.html in your browser or use a dev server (e.g., VS Code Live Server).

Option B — Tailwind + Vite (recommended for development)

If the project includes a package.json and Tailwind config, use this flow.

1. Install dependencies:

   npm install

2. Start dev server:

   npm run dev

3. Build for production:

   npm run build

Add these scripts to package.json if not present (example):

"scripts": {
  "dev": "vite",
  "build": "vite build",
  "preview": "vite preview"
}

---

⚙️ Customization guide

• Replace studio name: search/replace Shubham Digital Studio in HTML files.
• Replace hero images / portfolio: put optimized images into public/images/ and update the gallery markup.
• Contact/Booking form: point the form action to your server endpoint or use a service like Formspree / Netlify Forms.
• Fonts & colors: edit Tailwind config or CSS variables for brand colors.

---

✅ Accessibility & performance

• Optimize images (WebP where possible).
• Use semantic HTML and alt attributes for images.
• Lazy-load large images in the gallery.

---

📦 Deployment

Deploy on any static host:

• GitHub Pages
• Netlify
• Vercel
• Firebase Hosting

For SPA/Vite builds, deploy the dist/ folder created by npm run build.

---

🧭 Roadmap / TODO

• Add CMS/integration for blog (Netlify CMS / Sanity / Strapi)
• Payment/booking integration (Stripe / Razorpay)
• Admin dashboard for booking management
• Localization (multi-language support)

---

🤝 Contributing

Contributions welcome! Please follow these steps:

1. Fork the repo
2. Create a feature branch: git checkout -b feature/your-feature
3. Commit your changes and push
4. Open a PR with a clear description

---

📞 Contact

• Owner: Suraj
• Telegram: @SurajXowner (update as needed)
• For business/customization requests — open an issue or email in your profile

---

📝 License

This project is released under the MIT License. See LICENSE for details.

---

Short Hindi blurb (for LinkedIn shares)