thowitz-work/tremor-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

our mission small fix

Browse Source
This commit is contained in:
Emily Neighbour 2025-06-02 08:21:27 +01:00
parent 976eaf7653
commit aedffe3af3
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/our-mission/page.tsx
View File

@ -1,21 +1,20 @@
"use client";
import Image from "next/image";
import BottomFooter from "@components/BottomFooter";
function OurMission() {
return (
<div
className="relative bg-fixed bg-cover bg-center text-white "
className="relative bg-fixed bg-cover bg-center text-white"
style={{ backgroundImage: "url('destruction.jpg')", overflow: "hidden" }}
>
{/* Overlay for Readability */}
{/*<div className="absolute inset-0 bg-black bg-opacity-50"></div>*/}
{/* Centered content */}
<div className="relative z-20 flex flex-col items-center justify-center py-auto">
<div className="relative z-20 flex flex-col items-center justify-center">
{/* Title & Mission Statement */}
<div className="mb-10 flex flex-col items-center">
<h1 className="text-4xl font-bold text-center tracking-tight mb-2 drop-shadow-lg text-black">Our Mission</h1>
<p className="text-lg text-center max-w-2xl text-gray-800 drop-shadow-md">Earthquake awareness accessible for everyone</p>
<div className="flex flex-col items-center mb-20 mt-24">
<h1 className="text-4xl font-bold text-center tracking-tight mb-2 drop-shadow-lg text-white">Our Mission</h1>
<p className="text-lg text-center max-w-2xl text-white drop-shadow-md">Earthquake awareness accessible for everyone</p>
</div>
{/* Content Area */}
<div className="max-w-5xl w-full p-8 bg-white bg-opacity-90 shadow-xl rounded-3xl">
@ -25,13 +24,7 @@ function OurMission() {
technology combine together.
</p>
<div className="flex justify-center mb-6">
<Image
src="/logo.png"
width={100} // Adjust as needed
height={100} // Adjust as needed
alt="Tremor Tracker Logo"
className="h-200 w-200 object-contain"
/>
<Image src="/logo.png" width={100} height={100} alt="Tremor Tracker Logo" className="h-200 w-200 object-contain" />
</div>
<p className="text-xl text-black leading-relaxed mb-8 max-w-3xl mx-auto">
We combine scientific insights with public awareness, delivering resources, tools, and real-time updates to enhance
@ -67,4 +60,5 @@ function OurMission() {
</div>
);
}
export default OurMission;