76 lines
2.8 KiB
TypeScript
76 lines
2.8 KiB
TypeScript
// Imported from investidor/resources/js/modules/news/pages/AboutPage.tsx.
|
|
import React, { useState, useEffect } from 'react';
|
|
import { Head } from '@inertiajs/react';
|
|
import { AboutStory } from '@/components/institutional-source/AboutStory';
|
|
import { MissionVision } from '@/components/institutional-source/MissionVision';
|
|
import { CompanyValues } from '@/components/institutional-source/CompanyValues';
|
|
import BackButton from '@/components/institutional-source/BackButton';
|
|
import { AdvertisementSlot } from '@/components/institutional-source/source-advertisement-slot';
|
|
|
|
const AboutPage: React.FC = () => {
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
const timer = setTimeout(() => {
|
|
setLoading(false);
|
|
}, 300);
|
|
return () => clearTimeout(timer);
|
|
}, []);
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center pt-20">
|
|
<div className="h-12 w-12 animate-spin rounded-full border-4 border-red-600 border-t-transparent"></div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="tempo-source-page tempo-about-page min-h-screen bg-[#1f1f1f] pt-[3px]">
|
|
<Head title="Sobre nós" />
|
|
<BackButton label="Voltar" className="mb-1" />
|
|
|
|
<header className="relative overflow-hidden px-6 pb-2 md:px-12 lg:px-20">
|
|
<div className="relative z-10 mx-auto w-full max-w-7xl px-6 md:px-12 lg:px-20">
|
|
<div className="space-y-2">
|
|
<h1 className="text-4xl leading-tight font-light text-white sm:text-6xl lg:text-5xl">
|
|
Ajudamos a construir o{' '}
|
|
<span className="bg-gradient-to-r from-red-500 to-red-700 bg-clip-text text-transparent italic">
|
|
futuro
|
|
</span>{' '}
|
|
de Moçambique
|
|
</h1>
|
|
<div className="h-[3px] w-16 rounded-full bg-[#ED1C24]" />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<AdvertisementSlot
|
|
page="about"
|
|
position="top"
|
|
slot="about_top"
|
|
limit={1}
|
|
fallbackToUnslotted
|
|
className=""
|
|
/>
|
|
|
|
<div className="text-white">
|
|
<AboutStory />
|
|
<MissionVision />
|
|
<CompanyValues />
|
|
</div>
|
|
|
|
<AdvertisementSlot
|
|
page="about"
|
|
position="bottom"
|
|
slot="about_bottom"
|
|
limit={2}
|
|
fallbackToUnslotted
|
|
className="py-4"
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AboutPage;
|