A
Anonymous

Navratri Durga Puja View - Copy this React, Tailwind Component to your project

Create a visually appealing and user friendly view page for a puja service, showcasing the following details: Header Section: Title: "Navratri Durga Puja" Featured image prominently displayed: /uploads/1728075388389 Durga Mata.jpeg. Description Section: A rich text description, including details about Navratri Durga Puja, its rituals, cultural significance, and celebrations worldwide. Proper formatting with headings, bold text for key points, and lists for rituals or events. Category and Date Section: Display category: "Festival Puja". Display creation date: "October 4, 2024" in a readable format. Packages Section: Show a card based layout for each package. Each card should include: Package Type: Basic, Standard, or Premium. Location and Language: e.g., "Bihar, Hindi". Price: Display price with currency symbol, e.g., ₹5100. Description: Highlight rituals and package features with bullet points. Additional information like duration, number of Pandits, and items covered. Include action buttons for "Book Now" or "View Details" for each package. Styling: Use a clean and modern design with spiritual themed colors (e.g., saffron, maroon, and gold). Include subtle animations for hovering over packages or action buttons. Footer Section: Include related puja services and a contact option for inquiries. Responsive Design: Ensure the view page is fully responsive, adapting seamlessly to mobile, tablet, and desktop screens.

Prompt
Component Preview

About

NavratriDurgaPujaView - A responsive, modern UI for puja services with rich text, package cards, and action buttons, built with React. Download instantly!

Share

Last updated 1 month ago