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

Compare commits

base: thowitz-work:031ada530b175d855416aec869c9ad983d535232
Branches Tags
thowitz-work:master
...
compare: thowitz-work:1c08f0364c63755de46c0ab29e8096c5d30ceb9c
Branches Tags
thowitz-work:master

3 Commits
031ada530b ... 1c08f0364c

Author SHA1 Message Date
Tim Howitz
1c08f0364c Merge branch 'master' of gitea.thowitz.com:thowitz-work/tremor-tracker 2025-06-02 08:45:10 +01:00
Emily Neighbour
c6ca82067f Merge branch 'master' of ssh://stash.dyson.global.corp:7999/~thowitz/tremor-tracker 2025-06-02 08:21:30 +01:00
Emily Neighbour
aedffe3af3 our mission small fix 2025-06-02 08:21:27 +01:00
1 changed files with 11 additions and 17 deletions
Show Stats Expand all files Collapse all files

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

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