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;