+
+
+
+
جستجوی معنایی
+
ارائه نتایج دقیق و معنادار از میان
+
حجم انبوه متون حدیثی
+
+
+
+
+
+
+
+
جستجوی مترادفها
+
یافتن سریع واژگان مرتبط برای
+
درک بهتر مفاهیم حدیثی
+
+
+
+
+
+
+
+
+
مشابهتیابی حدیث
+
امکان یافتن احادیث یا مفاهیمی
+
با معنای مشابه یک حدیث
+
+
+
@@ -106,6 +157,17 @@ export default {
sidbarMenu() {
return this.sidbarMenuDefault;
},
+
+ backgroundImageStyle() {
+ // Use $img to generate an optimized image URL
+ const optimizedImageUrl = this.$img("/img/background.png", {
+ quality: 80,
+ });
+
+ return {
+ backgroundImage: `url(${optimizedImageUrl}), linear-gradient(199.05deg, #ffffff 9.99%, #e4fff7 42.07%, #ffffff 97.12%)`,
+ };
+ },
},
methods: {
...mapActions(useCommonStore, [
@@ -177,9 +239,9 @@ export default {
height: 521px;
background-size: 100% auto;
background-repeat: no-repeat;
- background-attachment: fixed;
- background-image: url("/img/background.svg"),
- linear-gradient(199.05deg, #ffffff 9.99%, #e4fff7 42.07%, #ffffff 97.12%);
+ /* background-attachment: fixed; */
+ /* background-image: url("/img/background.svg"),
+ linear-gradient(199.05deg, #ffffff 9.99%, #e4fff7 42.07%, #ffffff 97.12%); */
}
.text-logo {
@@ -212,7 +274,7 @@ export default {
.search-box-container {
padding-top: 1em;
padding-bottom: 4em; /*64px */
- }
+ }
}
.section-two {
@@ -221,5 +283,46 @@ export default {
line-height: 30px;
letter-spacing: 0%;
text-align: center;
+
+ .my-card {
+ background-repeat: no-repeat;
+ background-size: auto;
+ height: 660px;
+
+ .inner-container {
+ max-width: 21.25em;
+ margin: auto;
+ }
+ .title {
+ font-weight: 500;
+ font-size: 24px;
+ line-height: 36px;
+ letter-spacing: 0%;
+ color: #1b2132;
+ text-align: right;
+ }
+
+ .description {
+ font-weight: 300;
+ font-size: 20px;
+ line-height: 30px;
+ letter-spacing: 0%;
+ text-align: right;
+ color: #626b84;
+ }
+
+ &.card-one {
+ background-image: url("/img/card-one-bgi.png"),
+ linear-gradient(134.17deg, #ffffff -9.81%, #e5e0ff 87.62%);
+ }
+ &.card-two {
+ background-image: url("/img/card-two-bgi.png"),
+ linear-gradient(329.16deg, #b9fde0 13.45%, #eefff8 63.57%);
+ }
+ &.card-three {
+ background-image: url("/img/card-three-bgi.png"),
+ linear-gradient(134.17deg, #ffffff -9.81%, #e5e0ff 87.62%);
+ }
+ }
}