chore: setup project for production
This commit is contained in:
20
components/exclusive-rudraksha/ExclusiveRudrakshaBanner.jsx
Normal file
20
components/exclusive-rudraksha/ExclusiveRudrakshaBanner.jsx
Normal file
@@ -0,0 +1,20 @@
|
||||
import Image from 'next/image'
|
||||
import React from 'react'
|
||||
|
||||
const ExclusiveRudrakshaBanner = () => {
|
||||
return (
|
||||
<div className='min-h-[50vh] sm:block hidden'>
|
||||
<div className="h-[55vh] bg-[url('/exclusive/exclusive_banner.webp')]">
|
||||
<div className='max-w-7xl mx-auto flex gap-2 h-full w-full justify-center items-center'>
|
||||
<Image src={'/exclusive/medium.avif'} height={400} width={400} alt='' />
|
||||
<div className=''>
|
||||
<h1 className='text-5xl font-serif tracking-wider mb-4 text-white'>Exclusive and Rare Rudraksha Collection at Gupta Rudraksha ®️</h1>
|
||||
<h2 className='text-lg text-white'>Discover the exclusive and rare Rudraksha collection only at Gupta Rudraksha. Our lab-certified, high-quality beads channel ancient spiritual energies for peace, prosperity, and personal growth. Each bead is meticulously chosen to ensure authenticity and potency, providing powerful benefits. Experience genuine, transformative spiritual tools to enhance your life's journey with Gupta Rudraksha.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ExclusiveRudrakshaBanner
|
||||
13
components/exclusive-rudraksha/ListofRudrakshaCard.jsx
Normal file
13
components/exclusive-rudraksha/ListofRudrakshaCard.jsx
Normal file
@@ -0,0 +1,13 @@
|
||||
import React from "react";
|
||||
|
||||
const ListofRudrakshaCard = () => {
|
||||
return (
|
||||
<div className="min-h-screen bg-slate-50">
|
||||
<h1 className="font-serif text-2xl mx-auto tracking-wide sm:text-4xl mt-11 text-center sm:w-3/5 md:text-5xl text-slate-800 mb-4">
|
||||
World's Rare and Premium Collection of Rudraksha
|
||||
</h1>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ListofRudrakshaCard;
|
||||
41
components/exclusive-rudraksha/WhyShouldChooseUs.jsx
Normal file
41
components/exclusive-rudraksha/WhyShouldChooseUs.jsx
Normal file
@@ -0,0 +1,41 @@
|
||||
import { guranteeData } from "@/utils";
|
||||
import Image from "next/image";
|
||||
import React from "react";
|
||||
|
||||
const WhyShouldChooseUs = () => {
|
||||
return (
|
||||
<div className="min-h-[60vh] bg-zinc-50 mt-14 px-4 sm:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="font-serif text-3xl sm:text-4xl md:text-5xl text-slate-800 mb-4">
|
||||
Why should you choose us?
|
||||
</h1>
|
||||
<h2 className="text-base sm:text-xl text-slate-700">
|
||||
Witness the ancient craft of harvesting and crafting these sacred
|
||||
beads straight from the trees. Experience the authentic power and
|
||||
beauty of genuine Rudraksha with our exclusive video.`
|
||||
</h2>
|
||||
</div>
|
||||
<div className="flex justify-center gap-6 flex-wrap">
|
||||
{guranteeData.map((item) => (
|
||||
<div
|
||||
key={item.id}
|
||||
className="flex flex-col justify-center items-center mb-4 w-full sm:w-[45%] md:w-[30%] lg:w-[18%]"
|
||||
>
|
||||
<Image
|
||||
height={300}
|
||||
width={300}
|
||||
src={item.imageUrl}
|
||||
alt={item.title}
|
||||
className="w-[100px] h-[100px] sm:w-[160px] sm:h-[160px] object-cover"
|
||||
/>
|
||||
<h2 className="text-sm sm:text-lg uppercase text-zinc-800 mt-3 text-center w-[80%]">
|
||||
{item.title}
|
||||
</h2>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default WhyShouldChooseUs;
|
||||
Reference in New Issue
Block a user