You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

54 lines
1.9 KiB

import React from "react";
import "./index.scss";
import BoxNextToEachOther from "../BoxNextToEachOther";
import Button from "../Button";
import UserProfileInfo from "../UserProfileInfo";
import ReligiousTimes from "../ReligiousTimes";
import DistributedData from "../DistributedData";
import FormInput from "../FormInput";
import Login from "../Login";
const Homepage = ({ title, subTitle }) => {
return (
<section className="relative h-screen p-1 flex flex-col items-center justify-center">
<div className="flex flex-col items-center justify-center">
{/* ? absolute items */}
<img
src="images/flower.svg"
className="flex lg:absolute lg:left-1/2 lg:top-0 lg:transform lg:-translate-x-1/2 lg:-translate-y-1/2"
alt="flower"
/>
{/* title / subtitle */}
<h1 className="text-primary text-3xl md:text-6xl font-bold mt-7">
{title}
</h1>
<p className="text-primary text-lg md:text-3xl mt-4 md:mt-10">
{subTitle}
</p>
<hr className="my-7" />
{/* form input اینجارو از کامنت در بیارید */}
{/* <FormInput /> */}
<div className="flex flex-col items-center justify-center gap-y-7 lg:absolute lg:left-5 lg:top-10 mb-10 lg:md-0">
<UserProfileInfo />
<ReligiousTimes />
<DistributedData />
</div>
{/* BoxNextToEachOther */}
<BoxNextToEachOther />
<Button
text="رفتن به مرحله بعد"
className="w-[44%] md:w-full py-4 bg-secondaryLight text-base md:text-lg text-secondaryText rounded mt-10 mb-10 lg:mb-0"
/>
</div>
{/* <Login /> */}
</section>
);
};
export default Homepage;
Homepage.defaultProps = {
title: "سامانه رزرو زائرین محترم",
subTitle: "موکب اصفهانی های مقیم مرکز",
};