Initial React project

This commit is contained in:
Johan
2026-03-13 08:03:07 +01:00
parent 74c4a529b8
commit 4803e966b5

View File

@@ -2,7 +2,7 @@ import { type CSSProperties } from 'react';
import './homepage.css';
import { SiteFooter } from '../../shared/components/SiteFooter';
import { SiteNavbar } from '../../shared/components/SiteNavbar';
import screen1Image from '../../../assets/screen1.png';
import jobSearchIphoneImage from '../../../assets/jobsearch-iphone.png';
import screen2Image from '../../../assets/screen2.png';
interface IconifyIconProps {
@@ -79,7 +79,7 @@ export function HomePage() {
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-white/60 to-white/30 backdrop-blur-xl border border-white/80 text-teal-800 text-sm font-medium uppercase tracking-wider mb-8 shadow-[0_4px_20px_rgba(20,184,166,0.1)]">
<IconifyIcon icon="solar:magic-stick-3-linear" className="text-base" style={{ strokeWidth: 1.5 }} />
FREMTIDENS JOBSØGNING
FREMTIDENS JOBSØGNING OG REKRUTTERING
</div>
<h1 className="text-5xl md:text-6xl lg:text-7xl font-medium tracking-tight text-gradient mb-8 leading-tight max-w-4xl drop-shadow-sm">
@@ -94,7 +94,7 @@ export function HomePage() {
CV, ansøgninger, jobmatch og interviewtræning samlet ét sted med din personlige AI-assistent.
</p>
<a href="https://app.arbejd.com" className="group relative inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white rounded-full font-normal text-lg overflow-hidden shadow-[0_8px_25px_rgba(17,24,39,0.25)] hover:shadow-[0_12px_35px_rgba(17,24,39,0.35)] transition-all outline-none border border-gray-700 hover:-translate-y-0.5">
<a href="/for-jobsogere" className="group relative inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white rounded-full font-normal text-lg overflow-hidden shadow-[0_8px_25px_rgba(17,24,39,0.25)] hover:shadow-[0_12px_35px_rgba(17,24,39,0.35)] transition-all outline-none border border-gray-700 hover:-translate-y-0.5">
<span className="relative z-10">Udforsk Arbejd.com</span>
<IconifyIcon icon="solar:arrow-right-linear" className="text-xl group-hover:translate-x-1 transition-transform relative z-10" style={{ strokeWidth: 1.5 }} />
</a>
@@ -136,7 +136,7 @@ export function HomePage() {
className="relative w-full h-full rounded-[2.8rem] bg-white overflow-hidden isolate"
style={{ WebkitMaskImage: '-webkit-radial-gradient(white, black)' }}
>
<img src={screen1Image} alt="App UI Design 1" className="absolute inset-0 w-full h-full object-cover z-0" />
<img src={jobSearchIphoneImage} alt="App UI Design 1" className="absolute inset-0 w-full h-full object-cover z-0" />
<div className="absolute top-2.5 left-1/2 -translate-x-1/2 w-[100px] h-[30px] bg-black rounded-full z-50 shadow-[0_4px_10px_rgba(0,0,0,0.3)] flex items-center justify-between px-3">
<div className="w-2.5 h-2.5 rounded-full bg-gray-800 flex items-center justify-center">