Initial React project
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user