File size: 2,226 Bytes
d04e364 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
import React from "react";
import "./style.css";
import Link from "next/link";
const page = ( {params} ) => {
console.log(params.name)
return (
<div
style={{
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
width: "100%",
minHeight: "100vh",
textAlign: "center",
}}
>
<div
className="col"
style={{
maxWidth: "700px",
textAlign: "center",
padding: "40px",
borderRadius: "30px",
boxShadow: "0 0 100px rgba(10, 100, 200, 0.6)",
alignItems: "center",
justifyContent: "center",
width: "90%",
marginTop: "50px",
marginBottom: "50px",
}}
>
<p style={{color:"cyan"}}> পবিত্র ইদ-উল-ফিতরের শুভেচ্ছা </p>
<h3 className="gradient-text" style={{ marginBottom: "30px",fontSize: "60px" }}>
ইদ মুবারক
</h3>
<p style={{ fontSize: "20px", color: "gray" }}>
{" "}
<span style={{color:"gray"}}>تقبل الله منا ومنكم</span><br />
<span style={{color:"gray"}}>তাক্বাব্বালাল্লাহু মিন্না ওয়া মিনকুম🤗🫂</span>
<br />
এই বিশেষ দিনটি আপনার জন্য আনন্দ, শান্তি এবং সমৃদ্ধি নিয়ে আসুক। 🎉🌙❤️
<br />
<span className="gradient-text mt-4" style={{ fontSize: "18px", marginTop: "30px" }}>
#ইদ_মুবারক
</span>
</p>
<p style={{ fontSize: "14px", color: "gray", alignSelf: "flex-end" }}>- {decodeURIComponent(params.name)}</p>
</div>
<Link style={{marginTop: "50px"}} className="btn2" href="/others/eidmubarak/generate"><i className="animation"></i>এবার আপনিও এরকম একটি টেম্পলেট তৈরি করুন<i className="animation"></i></Link>
</div>
);
};
export default page;
|