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.
52 lines
2.1 KiB
52 lines
2.1 KiB
2 years ago
|
import React from "react";
|
||
|
|
import pokerChips from "../../../assets/images/poker-chips.webp";
|
||
|
|
|
||
|
|
type Props = {};
|
||
|
|
|
||
|
|
const AboutSection = (props: Props) => {
|
||
|
|
return (
|
||
|
|
<div className="container mx-auto text-white py-20 flex">
|
||
|
|
<div className="flex flex-col gap-10 w-1/2">
|
||
|
|
<div className="flex flex-col gap-4">
|
||
|
|
<h4 className="text-5xl uppercase font-bold">What is SGPT?</h4>
|
||
|
|
<p className="text-gray-300 md:w-4/5 text-lg">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
|
||
|
|
dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
|
||
|
|
voluptatibus corporis animi ab. Quisquam alias error labore iste
|
||
|
|
dolores necessitatibus mollitia officia!
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p className="text-gray-300 md:w-4/5 text-lg">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
|
||
|
|
dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
|
||
|
|
voluptatibus corporis animi ab. Quisquam alias error labore iste
|
||
|
|
dolores necessitatibus mollitia officia!
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="flex flex-col gap-4">
|
||
|
|
<h4 className="text-5xl uppercase font-bold">What is SGPT?</h4>
|
||
|
|
<p className="text-gray-300 md:w-4/5 text-lg">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
|
||
|
|
dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
|
||
|
|
voluptatibus corporis animi ab. Quisquam alias error labore iste
|
||
|
|
dolores necessitatibus mollitia officia!
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p className="text-gray-300 md:w-4/5 text-lg">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto
|
||
|
|
dignissimos necessitatibus nam vero in quis! Voluptatum doloremque
|
||
|
|
voluptatibus corporis animi ab. Quisquam alias error labore iste
|
||
|
|
dolores necessitatibus mollitia officia!
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="w-1/2 flex justify-center items-center">
|
||
|
|
<img className="w-2/3" src={pokerChips} />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default AboutSection;
|