design
This commit is contained in:
@@ -1,20 +1,25 @@
|
||||
'use client';
|
||||
|
||||
import { motion } from 'framer-motion';
|
||||
import { TechBackground } from '@/components/TechBackground';
|
||||
|
||||
export default function Legal() {
|
||||
return (
|
||||
<div className="bg-slate-50 min-h-screen pt-32 pb-20">
|
||||
<div className="container-custom">
|
||||
<div className="bg-slate-50 min-h-screen pt-32 pb-20 relative overflow-hidden">
|
||||
<TechBackground />
|
||||
<div className="container-custom relative z-10">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
className="max-w-4xl mx-auto bg-white p-8 md:p-16 rounded-[2.5rem] shadow-sm border border-slate-100"
|
||||
transition={{ type: "spring", stiffness: 50, damping: 20 }}
|
||||
className="max-w-4xl mx-auto bg-white p-8 md:p-16 rounded-[2.5rem] shadow-sm border border-slate-100 relative overflow-hidden group"
|
||||
>
|
||||
<h1 className="text-4xl font-extrabold text-primary mb-12">Impressum</h1>
|
||||
<div className="tech-corner top-8 left-8 border-t-2 border-l-2 opacity-20" />
|
||||
<div className="tech-corner bottom-8 right-8 border-b-2 border-r-2 opacity-20" />
|
||||
|
||||
<div className="space-y-12 text-slate-600 leading-relaxed">
|
||||
<h1 className="text-4xl font-extrabold text-primary mb-12 relative z-10">Impressum</h1>
|
||||
|
||||
<div className="space-y-12 text-slate-600 leading-relaxed relative z-10">
|
||||
<section>
|
||||
<h2 className="text-xl font-bold text-primary mb-4">Angaben gemäß § 5 TMG</h2>
|
||||
<p>
|
||||
|
||||
Reference in New Issue
Block a user