leadstocompany/rudarksh-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Changes

Browse Source
This commit is contained in:
Aritra Ghorai
2025-03-01 15:29:32 +05:30
parent 12caeee710
commit e4d8b2cf58
20 changed files with 330 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
components/premium-rudraksha/PremiumBannerOne.jsx
View File

@@ -1,21 +1,36 @@
'use client'
"use client";
import { FaArrowRightLong } from "react-icons/fa6";
import { FaWhatsapp } from "react-icons/fa";
import { useRouter } from "next/navigation";
const PremiumBannerOne = () => {
const router = useRouter()
const PremiumBannerOne = ({ data }) => {
const { header2, description2 } = data ?? {};
const router = useRouter();
return (
<div className="h-[65vh] bg-[url('/consultation_banner_1.webp')] ">
<div className="flex flex-col justify-start sm:w-3/4 p-4 sm:pl-52 sm:pt-28 ">
<h1 className="sm:text-5xl text-3xl sm:text-left text-center mb-5 tracking-wider sm:w-3/4 font-serif">Personalized Rudraksha Consultation for Your Sacred Journey</h1>
<h3 className="sm:text-xl sm:text-left text-center text-zinc-800 sm:w-3/4">Whether you seek clarity on selecting the right Rudraksha for your spiritual goals or a deeper understanding of the sacred beads, our consultations are crafted to provide you with the wisdom and direction you seek .</h3>
<div className="mt-6 flex gap-6 ">
<button onClick={()=> router.push('/products/premium-rudraksha-consultation-astrology')} className="bg-[#b68d40] sm:py-2 p-2 sm:px-5 font-bold text-white sm:text-xl justify-center sm:whitespace-nowrap flex items-center sm:gap-3">Book a consultation <FaArrowRightLong className="sm:my-3" size={26}/></button>
</div>
<h1 className="sm:text-5xl text-3xl sm:text-left text-center mb-5 tracking-wider sm:w-3/4 font-serif">
{header2 ??
"Personalized Rudraksha Consultation for Your Sacred Journey"}
</h1>
<h3 className="sm:text-xl sm:text-left text-center text-zinc-800 sm:w-3/4">
{description2 ??
"Whether you seek clarity on selecting the right Rudraksha for your spiritual goals or a deeper understanding of the sacred beads, our consultations are crafted to provide you with the wisdom and direction you seek ."}
</h3>
{/* <div className="mt-6 flex gap-6 ">
<button
onClick={() =>
router.push("/products/premium-rudraksha-consultation-astrology")
}
className="bg-[#b68d40] sm:py-2 p-2 sm:px-5 font-bold text-white sm:text-xl justify-center sm:whitespace-nowrap flex items-center sm:gap-3"
>
Book a consultation{" "}
<FaArrowRightLong className="sm:my-3" size={26} />
</button>
</div> */}
</div>
</div>
)
}
);
};
export default PremiumBannerOne;