Initial Changes
This commit is contained in:
@@ -1,13 +1,27 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
import { backendUrl } from "@/utils/axios";
|
||||
|
||||
const SecondGallery = () => {
|
||||
const SecondGallery = ({ data }) => {
|
||||
const {
|
||||
heading5,
|
||||
heading6,
|
||||
heading7,
|
||||
heading8,
|
||||
description5,
|
||||
footer_image1,
|
||||
footer_image2,
|
||||
} = data || {};
|
||||
return (
|
||||
<div className="bg-[#f9f3f5c8] flex flex-col sm:flex-row justify-center items-center text-[#896C42] p-6 sm:p-12">
|
||||
{/* Left Image */}
|
||||
<div className="w-full sm:w-1/3 flex justify-center items-center p-4">
|
||||
<Image
|
||||
src="/product_swami.jpeg"
|
||||
src={`${
|
||||
footer_image1
|
||||
? backendUrl + footer_image1.path
|
||||
: "/product_swami.jpeg"
|
||||
}`}
|
||||
alt="Gupta Rudraksha"
|
||||
width={300}
|
||||
height={300}
|
||||
@@ -18,28 +32,28 @@ const SecondGallery = () => {
|
||||
{/* Right content */}
|
||||
<div className="w-full sm:w-1/3 flex flex-col justify-center items-center text-center p-4 sm:p-8">
|
||||
<h2 className="text-3xl sm:text-4xl mb-5 font-serif tracking-wide">
|
||||
Nepal's 1st & only
|
||||
{heading5 ?? "Nepal's 1st & only"}
|
||||
<span className="text-4xl sm:text-6xl block my-5 tracking-wider">
|
||||
ISO Certified
|
||||
{heading6 ?? "ISO Certified"}
|
||||
</span>
|
||||
Rudraksha Organization
|
||||
{heading7 ?? "Rudraksha Organization"}
|
||||
</h2>
|
||||
<p className="text-zinc-800 text-lg sm:text-xl mb-5 sm:w-3/4">
|
||||
Explore the largest collection of authentic Gupta Rudraksha energized
|
||||
as per our vedic process. For nearly 3+ generations Gupta Rudraksha
|
||||
has been the pioneer of Rudraksha and Shaligram and has supported
|
||||
millions of devotees attain spiritual and professional goals.
|
||||
{description5 ??
|
||||
"Explore the largest collection of authentic Gupta Rudraksha energized as per our vedic process. For nearly 3+ generations Gupta Rudraksha has been the pioneer of Rudraksha and Shaligram and has supported millions of devotees attain spiritual and professional goals."}
|
||||
</p>
|
||||
<h2 className="text-xl sm:text-2xl sm:w-3/4">
|
||||
Gupta Rudraksha - The Only Vendor in the World To 100% Lifetime Money
|
||||
Back Authenticity Guarantee.
|
||||
{heading8 ??
|
||||
"Gupta Rudraksha - The Only Vendor in the World To 100% Lifetime Money Back Authenticity Guarantee."}
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{/* Right Image */}
|
||||
<div className="w-full sm:w-1/3 flex justify-center items-center p-4">
|
||||
<Image
|
||||
src="/temple.jpeg"
|
||||
src={`${
|
||||
footer_image2 ? backendUrl + footer_image2.path : "/temple.jpeg"
|
||||
}`}
|
||||
alt="Gupta Rudraksha Collection"
|
||||
width={300}
|
||||
height={300}
|
||||
|
||||
Reference in New Issue
Block a user