@ -0,0 +1,109 @@ |
||||
/** |
||||
* |
||||
* Name: IRANSansX Fonts |
||||
* Version: 3 |
||||
* Author: Moslem Ebrahimi (moslemebrahimi.com) |
||||
* Created on: Apr 22, 2021 |
||||
* Updated on: Jul 12, 2023 |
||||
* Website: http://fontiran.com |
||||
* Copyright: Commercial/Proprietary Software |
||||
-------------------------------------------------------------------------------------- |
||||
فونتایران سنس Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید |
||||
-------------------------------------------------------------------------------------- |
||||
IRANSansX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com |
||||
-------------------------------------------------------------------------------------- |
||||
This set of fonts are used in this project under the license: (.....) |
||||
------------------------------------------------------------------------------------- fonts/- |
||||
* |
||||
**/ |
||||
|
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 100; |
||||
src: url('fonts/woff/IRANSansX-Thin.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Thin.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 200; |
||||
src: url('fonts/woff/IRANSansX-UltraLight.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 300; |
||||
src: url('fonts/woff/IRANSansX-Light.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Light.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 500; |
||||
src: url('fonts/woff/IRANSansX-Medium.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Medium.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 600; |
||||
src: url('fonts/woff/IRANSansX-DemiBold.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 800; |
||||
src: url('fonts/woff/IRANSansX-ExtraBold.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-ExtraBold.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 900; |
||||
src: url('fonts/woff/IRANSansX-Black.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Black.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 950; |
||||
src: url('fonts/woff/IRANSansX-ExtraBlack.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-ExtraBlack.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: 1000; |
||||
src: url('fonts/woff/IRANSansX-Heavy.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Heavy.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: bold; |
||||
src: url('fonts/woff/IRANSansX-Bold.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Bold.woff2') format('woff2'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX; |
||||
font-style: normal; |
||||
font-weight: normal; |
||||
src: url('fonts/woff/IRANSansX-Regular.woff') format('woff'), |
||||
url('fonts/woff2/IRANSansX-Regular.woff2') format('woff2'); |
||||
} |
||||
|
||||
|
After Width: | Height: | Size: 19 KiB |
@ -0,0 +1,244 @@ |
||||
@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */ |
||||
body { |
||||
font-family: IRANSansX !important; |
||||
direction: rtl; |
||||
background-color: #cdcdcd; |
||||
margin: 0; |
||||
} |
||||
h1, h2, h3, h4, h5, h6,input, textarea { |
||||
font-family: IRANSansX !important; |
||||
} |
||||
h1 { |
||||
font-weight: bold; |
||||
} |
||||
.wrapper { |
||||
max-width: 900px; |
||||
margin: 0 auto; |
||||
} |
||||
.ltr { |
||||
direction: ltr; |
||||
} |
||||
.text-right { |
||||
text-align: right; |
||||
} |
||||
.text-center { |
||||
text-align: center; |
||||
} |
||||
.text-left { |
||||
text-align: left; |
||||
} |
||||
.text-small { |
||||
font-size: 0.8em; |
||||
} |
||||
.text-xsmall { |
||||
font-size: 0.6em; |
||||
} |
||||
.text-large { |
||||
font-size: 1.2em; |
||||
} |
||||
.text-xlarge { |
||||
font-size: 1.4em; |
||||
} |
||||
.text-underline { |
||||
text-decoration:underline; |
||||
} |
||||
|
||||
.text-thin { |
||||
font-weight: 100; |
||||
} |
||||
.text-UltraLight { |
||||
font-weight: 200; |
||||
} |
||||
.text-light { |
||||
font-weight: 300; |
||||
} |
||||
.text-regular { |
||||
font-weight: normal; |
||||
} |
||||
.text-medium { |
||||
font-weight: 500; |
||||
} |
||||
.text-demibold { |
||||
font-weight: 600; |
||||
} |
||||
.text-bold { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.text-extrabold { |
||||
font-weight: 800; |
||||
} |
||||
.text-black { |
||||
font-weight: 900; |
||||
} |
||||
.text-extrablack { |
||||
font-weight: 950; |
||||
} |
||||
.text-heavy { |
||||
font-weight: 1000; |
||||
} |
||||
|
||||
blockquote { |
||||
font-weight: 700; |
||||
padding: 10px; |
||||
border: 1px dashed #666666; |
||||
} |
||||
|
||||
.mainbox { |
||||
width: 100%; |
||||
background-color: #EFEFEF; |
||||
display: table; |
||||
margin-bottom: 30px; |
||||
border-right: 8px solid #df79ff; |
||||
} |
||||
|
||||
.mainboxnegativ { |
||||
width: 100%; |
||||
background-color: #000000; |
||||
display: table; |
||||
margin-bottom: 30px; |
||||
border-right: 8px solid #df79ff; |
||||
color: #F9F9F9; |
||||
} |
||||
|
||||
.mainbox2 { |
||||
font-size: 1em; |
||||
width: 90%; |
||||
padding-right: 20px; |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
} |
||||
.mainboxitalic { |
||||
font-size: 1em; |
||||
font-style: italic; |
||||
width: 90%; |
||||
padding-right: 20px; |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.mainbox3 { |
||||
width: 100%; |
||||
background-color: #DFDFDF; |
||||
display: table; |
||||
margin-bottom: 30px; |
||||
border-right: 8px solid #FF5EAA; |
||||
} |
||||
|
||||
.mainbox2negativ { |
||||
font-size: 1em; |
||||
color: #F9F9F9; |
||||
background-color: #000000; |
||||
padding-right: 20px; |
||||
} |
||||
|
||||
|
||||
.farsiparagraph { |
||||
font-size: 1em; |
||||
width: 47%; |
||||
float:right; |
||||
padding-right: 20px; |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
|
||||
} |
||||
|
||||
.farsiparagraph_negativ { |
||||
font-size: 1em; |
||||
color: #F9F9F9; |
||||
background-color: #000000; |
||||
width: 47%; |
||||
float:right; |
||||
padding-right: 20px; |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
|
||||
} |
||||
|
||||
|
||||
.englishparagraph { |
||||
font-size: 1em; |
||||
width: 47%; |
||||
float: left; |
||||
direction:ltr; |
||||
padding-left: 20px; |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
|
||||
|
||||
} |
||||
|
||||
.englishparagraph_negativ { |
||||
font-size: 1em; |
||||
color: #F9F9F9; |
||||
background-color: #000000; |
||||
width: 47%; |
||||
float: left; |
||||
direction:ltr; |
||||
padding-left: 20px; |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
|
||||
|
||||
} |
||||
.rightbox { |
||||
width: 60%; |
||||
padding-right: 20px; |
||||
padding-left: 5px; |
||||
float: right; |
||||
margin-left: 10px; |
||||
margin-bottom: 0px; |
||||
min-width: 0px; |
||||
background-color: #F7F7F7; |
||||
|
||||
} |
||||
|
||||
.titelbox { |
||||
width: 60%; |
||||
padding-right: 25px; |
||||
padding-left: 0px; |
||||
float: right; |
||||
margin-left: 10px; |
||||
margin-bottom: 0px; |
||||
min-width: 0px; |
||||
background-color: #d5d5d5; |
||||
color: #4B4B4B; |
||||
} |
||||
|
||||
|
||||
.lefttbox { |
||||
|
||||
padding-right: 20px; |
||||
padding-left: 4px; |
||||
float: right; |
||||
margin-bottom: 10px; |
||||
min-width: 0px; |
||||
} |
||||
|
||||
.alphabet { |
||||
width: 35%; |
||||
float: left; |
||||
font-size: 20em; |
||||
text-align: center; |
||||
font-weight: 700; |
||||
color: #999999; |
||||
} |
||||
|
||||
.alphabet2 { |
||||
width: 35%; |
||||
float: left; |
||||
direction: ltr; |
||||
font-size: 1.6em; |
||||
text-align: left; |
||||
font-weight: 600; |
||||
color: #333333; |
||||
margin-top: 100px; |
||||
} |
||||
.footer { |
||||
font-weight: 400; |
||||
font-size: 0.7em; |
||||
text-align: center; |
||||
direction: ltr; |
||||
margin-bottom: 0px; |
||||
padding-bottom: 0px; |
||||
} |
After Width: | Height: | Size: 168 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 6.4 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 974 B |
After Width: | Height: | Size: 6.3 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 8.1 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 102 KiB |
After Width: | Height: | Size: 6.1 KiB |
After Width: | Height: | Size: 695 B |
After Width: | Height: | Size: 8.1 KiB |
After Width: | Height: | Size: 4.5 KiB |
After Width: | Height: | Size: 6.6 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 545 B |
After Width: | Height: | Size: 9.8 KiB |
@ -0,0 +1,14 @@ |
||||
import React from "react"; |
||||
const StatisticsCard = () => { |
||||
return ( |
||||
<div> |
||||
<div className="bg-[white] w-40 h-36 m-auto mt-2 rounded-2xl text-center"> |
||||
<img src="public/images/alarm-clock.png" loading="lazy" className="m-auto"></img> |
||||
<p className="pt-5">زمان تقریبی</p> |
||||
<p>20 دقیقه</p> |
||||
</div> |
||||
</div> |
||||
); |
||||
}; |
||||
export default StatisticsCard; |
||||
|
@ -0,0 +1,12 @@ |
||||
import React from "react"; |
||||
const Boy = ()=>{ |
||||
return( |
||||
<div className="bg-[white] w-32 h-36 m-auto rounded-lg text-center"> |
||||
<img src="public/images/boy.jpg" loading="lazy" className="m-auto rounded-full"></img> |
||||
<p className="pt-2 text-xs">صدرا ساداتی</p> |
||||
<p className="text-xs pt-2 text-yellow-400">ENTJ</p> |
||||
<button className="bg-[green] h-6 w-20 rounded-md"><p className="text-green-500"></p></button> |
||||
</div> |
||||
) |
||||
}; |
||||
export default Boy; |
@ -0,0 +1,18 @@ |
||||
import React from "react"; |
||||
const BOY = ()=>{ |
||||
return( |
||||
<div className="bg-[white] w-52 h-40 rounded-xl m-auto"> |
||||
<img src="public/images/boy2.jpg" loading="lazy" className="float-right rounded-full pt-4 pr-4"></img> |
||||
<p className="text-xs text-center pt-6 pl-28">رضا فکور</p> |
||||
<p className="text-xs text-black pt-4 max-w-30 pl-24 pr-5">خیلی عالی بود</p> |
||||
<div className="pl-4"> |
||||
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||
<img src="public/images/goldStar.png" loading="lazy" className="pt-8 float-left"></img> |
||||
</div> |
||||
</div> |
||||
) |
||||
} |
||||
export default BOY |
@ -0,0 +1,10 @@ |
||||
import React from "react"; |
||||
const Calender = ()=>{ |
||||
return( |
||||
<div className="bg-[white] w-48 h-9 m-auto rounded-lg"> |
||||
<img src="public/images/calender.png" loading="lazy" className="float-right pt-1 pr-5"></img> |
||||
<p className="float-left pt-1 pl-5">1403/5/2</p> |
||||
</div> |
||||
) |
||||
} |
||||
export default Calender |
@ -0,0 +1,12 @@ |
||||
import React from "react"; |
||||
const Chat = () => { |
||||
return (
|
||||
<div> |
||||
<div className="mt-2 bg-[white] rounded-xl w-32 m-auto"> |
||||
<img src="public/images/chat.png" loading="lazy" className="m-auto"></img> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
export default Chat; |
@ -0,0 +1,14 @@ |
||||
import React from "react"; |
||||
const Coin = () => { |
||||
return (
|
||||
<div> |
||||
<div className="mt-2 text-center bg-[white] h-32 w-28 m-auto rounded-2xl"> |
||||
<img src="public/images/coin.png" loading="lazy" className="m-auto"></img> |
||||
<p className="pt-5">امتیاز</p> |
||||
<p className="pt5">409.5</p> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
export default Coin; |
@ -0,0 +1,11 @@ |
||||
import React from "react"; |
||||
const Endexam = ()=>{ |
||||
return( |
||||
<div className="text-center"> |
||||
<div style={{backgroundImage:'url(public/images/endExam.jpg)',backgroundRepeat:'no-repeat'}} className="w-96 h-20px m-auto rounded-2xl"> |
||||
<button className="mt-60 bg-[blue] text-[white] rounded-md">بریم مرحله بعد</button> |
||||
</div> |
||||
</div> |
||||
) |
||||
} |
||||
export default Endexam; |
@ -0,0 +1,13 @@ |
||||
import React from "react"; |
||||
const Entezar = ()=>{ |
||||
return( |
||||
<div className="bg-[white] w-32 h-40 rounded-lg m-auto text-center"> |
||||
<img src="public/images/entezar.jpg" loading="lazy" className="rounded-full m-auto"></img> |
||||
<p className="m-auto pt-1">کتاب انتظار</p> |
||||
<img src="public/images/smallcoin.png" loading="lazy" className="pr-7 float-right pt-3"></img> |
||||
<p className="flout-left text-yellow-400 text-xs pl-5 pt-3">522 امتیاز</p> |
||||
<button className="bg-[green] max-h-8 mt-2 rounded-md"><span className="text-sm text-[white]">دریافت</span></button> |
||||
</div> |
||||
) |
||||
} |
||||
export default Entezar |
@ -0,0 +1,13 @@ |
||||
import React from "react"; |
||||
const Game = () => { |
||||
return (
|
||||
<div className="rounded-2xl w-[300px] overflow-hidden"> |
||||
<div className="bg-[url('public/images/game.png')] bg-cover bg-center bg-no-repeat"> |
||||
<p className="pt-96 text-[white] text-xs pb-3 mr-32">یه بازی معمایی پر چالشه دوست داری</p> |
||||
<p className="text-[white] text-xs pb-3 mr-32">دوست داری ذهنت به چالش بکشی</p> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
export default Game; |
@ -0,0 +1,17 @@ |
||||
const Neo = () => { |
||||
return (
|
||||
<div className="text-center bg-[white] rounded-xl"> |
||||
<div> |
||||
<img src="public/images/neo.png" alt="آزمون نئو" loading="lazy" className="m-auto"/> |
||||
</div> |
||||
<p>سامانه جامع آزمون نئو</p> |
||||
<div className="font-xl mt-2"> |
||||
<p>میتوانید اطلاعات(NEO)در سامانه جامع آزمون نئو</p> |
||||
<p>کاملی در مورد ویژگی های شخصیت 5 گانه یعنی</p> |
||||
<button className="mt-4">مشاهده مطلب</button> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
export default Neo; |
@ -0,0 +1,12 @@ |
||||
import React from "react"; |
||||
const Person = ()=>{ |
||||
return( |
||||
<div> |
||||
<div className="bg-[white] w-64 h-9 m-auto rounded-lg"> |
||||
<img src="public/images/personTest.png" loading="lazy" className="float-right pt-1 pr-5"></img> |
||||
<p className="float-left pt-1 pl-5">تست های شخصیت شناسی</p> |
||||
</div> |
||||
</div> |
||||
); |
||||
} |
||||
export default Person; |
@ -0,0 +1,13 @@ |
||||
import React from "react"; |
||||
const Resaneh = ()=>{ |
||||
return( |
||||
<div className="bg-[white] w-80 h-16 m-auto rounded-xl"> |
||||
<img src="public/images/Resaneh.jpg" loading="lazy" className="float-right rounded-full pt-1"></img> |
||||
<p className="float-left text-base pl-32 pt-1">گروه رسانه ای نوبین</p> |
||||
<p className="text-xs float-end pt-2 text-slate-400 pr-5">انواع المان های بصری چیه؟</p> |
||||
<p className="float-left pl-3 pt-1" style={{marginTop:'-30px'}}>6:03</p> |
||||
<p className="bg-[blue] float-left rounded-full ml-4 pl-2 pr-2 text-white mt-1">4</p> |
||||
</div> |
||||
) |
||||
} |
||||
export default Resaneh |
@ -0,0 +1,12 @@ |
||||
import React from "react"; |
||||
const Sword = () => { |
||||
return (
|
||||
<div className="bg-blue-400 w-36 h-60 m-auto rounded-3xl bg-[blue] text-center"> |
||||
<p className="text-white pt-4">بازی قلمرو ها</p> |
||||
<img src="public/images/sword.png" loading="lazy" className="m-auto mt-6 rounded-full p-3 border-8 border-[orange] " ></img> |
||||
<p className="text-white pt-4">4 ساعت</p> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
export default Sword; |
@ -0,0 +1,19 @@ |
||||
import React from "react"; |
||||
const TestCard = () => { |
||||
return ( |
||||
<div className="bg-[white] rounded-2xl mb-5 text-center"> |
||||
<div className="ml-200"> |
||||
<img src="public/images/okaner.png" alt="اوکانر تست" loading="lazy" className="m-auto"></img> |
||||
</div> |
||||
<p className="mt-5">تست استعداد یابی اوکانر</p> |
||||
<div className="mr-5 ml-5 mt-2"> |
||||
<p>در زمینه استعداد یابی افرادی همچون جانسون اوکانر , جان هالند و هوارد</p> |
||||
<p>گاردنر بسیار تاثیر گذار بودند. تفکر و استراژی جانسون اوکانر به این</p> |
||||
<p>این صورت بود که علاوه بر شناخت استعداد و توانایی ها مورد بررسی</p> |
||||
<p>قرار می داد</p> |
||||
<button className="mt-4">نمایش همه</button> |
||||
</div> |
||||
</div> |
||||
); |
||||
}; |
||||
export default TestCard; |
@ -1,21 +1,54 @@ |
||||
import Button from "~/components/Button" |
||||
function Landing() { |
||||
import Boy from "~/components/boy"; |
||||
import BOY from "~/components/boy2"; |
||||
import Calender from "~/components/calender"; |
||||
import Chat from "~/components/chat"; |
||||
import Coin from "~/components/coin"; |
||||
import Endexam from "~/components/endExam"; |
||||
import Entezar from "~/components/entezar"; |
||||
import Game from "~/components/game"; |
||||
import Neo from "~/components/neo"; |
||||
import Person from "~/components/person"; |
||||
import Resaneh from "~/components/resaneh"; |
||||
import StatisticsCard from "~/components/StatisticsCard"; |
||||
import Sword from "~/components/sword"; |
||||
import TestCard from "~/components/test"; |
||||
|
||||
|
||||
function App() { |
||||
return ( |
||||
<div className='flex flex-col items-center w-full '> |
||||
<div className="flex items-center justify-center mb-6"> |
||||
<img src="/images/logo.png" alt="flower" className="w-[250px] "/> |
||||
<> |
||||
<div className="flex flex-col gap-2 items-center"> |
||||
<TestCard></TestCard> |
||||
|
||||
</div> |
||||
<div className="flex items-center justify-center"> |
||||
<p className="font-4 rtl w-[500px] h-[150px] text-md text-gray-400">سلام و عرض ارادت ! |
||||
<Neo></Neo> |
||||
|
||||
<StatisticsCard></StatisticsCard> |
||||
|
||||
<Coin></Coin> |
||||
|
||||
<Chat></Chat> |
||||
|
||||
<Game></Game> |
||||
|
||||
<Sword></Sword> |
||||
|
||||
<Person></Person> |
||||
|
||||
<Endexam></Endexam> |
||||
|
||||
<Calender></Calender> |
||||
|
||||
<Entezar></Entezar> |
||||
|
||||
<Boy></Boy> |
||||
|
||||
<BOY></BOY> |
||||
|
||||
<Resaneh></Resaneh> |
||||
|
||||
این پرسشنامه شامل فرم مشخصات عمومی و ارزشیابی شخصی شما از مهارت ها و شامل 32 سوال فنی است و حدود 45 دقیقه ممکن است نیاز به زمان داشته باشد<br/>. |
||||
پیشاپیش از وقتی که میگذارید صمیمانه سپاسگزاریم و آرزوی بهترین ها را برای شما داریم .<br/> |
||||
بنا بر این اگر آماده یک چالش کوچک هستید </p> |
||||
</div> |
||||
<Button text="بیا شروع کنیم" className="px-4" primary/> |
||||
</div> |
||||
) |
||||
</> |
||||
); |
||||
} |
||||
|
||||
export default Landing |
||||
export default App; |