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.
42 lines
1.4 KiB
42 lines
1.4 KiB
import React, { FC } from "react";
|
|
import rightImgDemo from "@/images/BecomeAnAuthorImg.png";
|
|
import ButtonPrimary from "@/shared/ButtonPrimary";
|
|
import Logo from "@/shared/Logo";
|
|
import Image from "next/image";
|
|
|
|
export interface SectionBecomeAnAuthorProps {
|
|
className?: string;
|
|
rightImg?: string;
|
|
}
|
|
|
|
const SectionBecomeAnAuthor: FC<SectionBecomeAnAuthorProps> = ({
|
|
className = "",
|
|
rightImg = rightImgDemo,
|
|
}) => {
|
|
return (
|
|
<div
|
|
className={`nc-SectionBecomeAnAuthor relative flex flex-col lg:flex-row items-center ${className}`}
|
|
data-nc-id="SectionBecomeAnAuthor"
|
|
>
|
|
<div className="flex-shrink-0 mb-16 lg:mb-0 lg:mr-10 lg:w-2/5">
|
|
<Logo className="w-20" />
|
|
<h2 className="font-semibold text-3xl sm:text-4xl mt-6 sm:mt-11">
|
|
Why did you choose us?
|
|
</h2>
|
|
<span className="block mt-6 text-neutral-500 dark:text-neutral-400">
|
|
Accompanying us, you have a trip full of experiences. With Chisfis,
|
|
booking accommodation, resort villas, hotels, private houses,
|
|
apartments... becomes fast, convenient and easy.
|
|
</span>
|
|
<ButtonPrimary className="mt-6 sm:mt-11">
|
|
Become an author
|
|
</ButtonPrimary>
|
|
</div>
|
|
<div className="flex-grow">
|
|
<Image alt="" src={rightImg} />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SectionBecomeAnAuthor;
|