chore: setup project for production
This commit is contained in:
75
components/online-pooja/ExplorePooja.jsx
Normal file
75
components/online-pooja/ExplorePooja.jsx
Normal file
@@ -0,0 +1,75 @@
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
|
||||
const ExplorePooja = () => {
|
||||
const poojaServices = [
|
||||
{
|
||||
imgUrl: "/online-pooja/rudraksha-prana-pratishtha-pooja-246.webp",
|
||||
title: "Rudraksha Prana Pratishtha Pooja",
|
||||
price: "Rs. 25,500.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/maha-mrityunjaya-pooja-397.webp",
|
||||
title: "Maha Mrityunjaya Pooja",
|
||||
price: "Rs. 17,000.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/maha-shivaratri-pooja-at-pashupatinath-437.webp",
|
||||
title: "Maha Shivaratri Pooja at Pashupatinath",
|
||||
price: "Rs. 25,700.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/karya-siddhi-ganesh-pooja-672.webp",
|
||||
title: "Karya Siddhi Ganesh Pooja",
|
||||
price: "Rs. 59,700.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/lagu-rudri-path-12-brahmin-273.webp",
|
||||
title: "Lagu Rudri Path (12 Brahmin)",
|
||||
price: "Rs. 102,200.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/navagraha-shanti-pooja-817.webp",
|
||||
title: "Navagraha Shanti Pooja",
|
||||
price: "Rs. 17,000.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/rudra-abishek-pooja-778.webp",
|
||||
title: "Rudra Abishek Pooja",
|
||||
price: "Rs. 68,100.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/laxmi-narayan-pooja-222.webp",
|
||||
title: "Laxmi Narayan Pooja",
|
||||
price: "Rs. 42,600.00",
|
||||
},
|
||||
{
|
||||
imgUrl: "/online-pooja/lagu-rudri-path-12-brahmin-273.webp",
|
||||
title: "Pooja Subscription",
|
||||
price:
|
||||
"Rs. 42,600.00",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="min-h-[60vh]">
|
||||
<h1 className="sm:text-5xl text-2xl py-6 text-center">Explore Pooja</h1>
|
||||
<div className=" flex justify-center items-center p-4 flex-wrap gap-6">
|
||||
{poojaServices.map((item,i) => {
|
||||
return (
|
||||
<div key={i}>
|
||||
<div className="h-[300px] w-[300px] bg-slate-100">
|
||||
<Link href={`/products/${item.title}`} ><Image height={300} width={300} alt='images' className='h-full w-full' src={item.imgUrl} /></Link>
|
||||
</div>
|
||||
<h2 className="my-2">{item.title}</h2>
|
||||
<h2>{item.price}</h2>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExplorePooja;
|
||||
85
components/online-pooja/PoojaSubscription.jsx
Normal file
85
components/online-pooja/PoojaSubscription.jsx
Normal file
@@ -0,0 +1,85 @@
|
||||
import React from "react";
|
||||
import {
|
||||
Card,
|
||||
CardHeader,
|
||||
CardContent,
|
||||
CardFooter,
|
||||
} from "@/components/ui/card";
|
||||
|
||||
const SubscriptionCard = ({ title, price, description, features, isDaily }) => (
|
||||
<div
|
||||
className={`sm:w-[40%] w-full sm:p-7 ${
|
||||
isDaily ? "bg-[#B48D4F] text-white" : "bg-[#F9F5EF] text-zinc-800"
|
||||
}`}
|
||||
>
|
||||
<CardHeader>
|
||||
<h2 className="text-2xl font-bold sm:text-4xl sm:pb-3">{title}</h2>
|
||||
<p className="text-2xl font-semibold">{price}</p>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="mb-4 py-3">{description}</p>
|
||||
<ul className="list-disc pl-5">
|
||||
{features.map((feature, index) => (
|
||||
<li key={index} className="mb-2 sm:mb-6">
|
||||
{feature}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</CardContent>
|
||||
<CardFooter>
|
||||
<button
|
||||
className={`${
|
||||
isDaily ? "bg-black text-white" : "bg-[#B48D4F] "
|
||||
}text-zinc-50 px-4 py-3 `}
|
||||
>
|
||||
Subscribe
|
||||
</button>
|
||||
</CardFooter>
|
||||
</div>
|
||||
);
|
||||
|
||||
const PoojaSubscription = () => (
|
||||
<>
|
||||
<h1 className="text-2xl sm:text-5xl text-center sm:pt-16">
|
||||
Pooja Subscription
|
||||
</h1>
|
||||
<p className="sm:text-lg text-center pt-2 sm:pb-14 pb-4">
|
||||
Experience divine blessings at your doorstep. Subscribe to our Pooja
|
||||
services for spiritual harmony.
|
||||
</p>
|
||||
|
||||
<div className="flex sm:flex-row flex-col justify-center sm:space-x-8">
|
||||
<SubscriptionCard
|
||||
title="Daily Subscription"
|
||||
price="Rs. 4,400.00"
|
||||
description="A certified Pundit will perform a Rudrabhishek and Chandi Path every day at the premises of Lord Pashupatinath temple for you and your family members!"
|
||||
features={[
|
||||
"Pooja Performed every day",
|
||||
"High-quality Video Shared everyday",
|
||||
"Includes 2 certified Pundits",
|
||||
"Brahman Bhoojan (meal) included",
|
||||
"New Material used every day",
|
||||
"Prasad Shared every month",
|
||||
"Special requests accepted if applicable",
|
||||
]}
|
||||
isDaily={true}
|
||||
/>
|
||||
<SubscriptionCard
|
||||
title="Monthly Subscription"
|
||||
price="Rs. 9,500.00"
|
||||
description="A certified Pundit will perform a Rudrabhishek every month at the premises of Lord Pashupatinath temple for you and your family members!"
|
||||
features={[
|
||||
"A Rudraksha Expert to answer your questions and provide Rudraksha consultation",
|
||||
"Pooja Performed every month",
|
||||
"High-quality Video Shared monthly",
|
||||
"Includes 1 certified Pundits",
|
||||
"Brahman Bhoojan (meal) included",
|
||||
"New Material used every month",
|
||||
]}
|
||||
isDaily={false}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
||||
export default PoojaSubscription;
|
||||
Reference in New Issue
Block a user