design

app/page.tsx

@@ -32,11 +32,11 @@ export default function Home() {
         </div>
 
         <div className="container-custom relative z-10">
-          <motion.div 
+          <motion.div
             initial="initial"
             animate="animate"
             variants={stagger}
-            className="max-w-3xl"
+            className="text-left"
           >
             <motion.span 
               variants={fadeInUp}
@@ -82,14 +82,14 @@ export default function Home() {
       {/* Portfolio Section */}
       <section className="bg-slate-50">
         <div className="container-custom">
-          <motion.div 
+          <motion.div
             initial="initial"
             whileInView="animate"
             viewport={{ once: true }}
             variants={fadeInUp}
             className="flex flex-col md:flex-row md:items-end justify-between gap-8 mb-16"
           >
-            <div className="max-w-2xl">
+            <div>
               <span className="text-accent font-bold uppercase tracking-widest text-sm mb-4 block">Portfolio</span>
               <h2 className="text-4xl md:text-5xl font-bold text-primary mb-6">Unsere Leistungen</h2>
               <p className="text-slate-600 text-lg md:text-xl">
@@ -125,11 +125,10 @@ export default function Home() {
                 desc: 'Herstellerneutrale Marktanalyse und Unterstützung bei der Komponentenwahl hinsichtlich Qualität und Preis.' 
               }
             ].map((item, i) => (
-              <motion.div 
+              <motion.div
                 key={i}
                 variants={fadeInUp}
-                whileHover={{ y: -8 }}
-                className="card-modern group motion-fix"
+                className="card-modern group motion-fix hover:-translate-y-2 transition-transform duration-300"
               >
                 <div className="w-16 h-16 rounded-2xl bg-accent/10 text-accent flex items-center justify-center mb-8 group-hover:bg-accent group-hover:text-white transition-colors">
                   {item.icon}
@@ -214,12 +213,12 @@ export default function Home() {
         </div>
         
         <div className="container-custom relative z-10">
-          <motion.div 
+          <motion.div
             initial="initial"
             whileInView="animate"
             viewport={{ once: true }}
             variants={fadeInUp}
-            className="text-center max-w-3xl mx-auto mb-20"
+            className="mb-20"
           >
             <span className="text-accent font-bold uppercase tracking-widest text-sm mb-4 block">Spezifikationen</span>
             <h2 className="text-4xl md:text-5xl font-bold text-white mb-6">Technische Expertise</h2>
@@ -275,7 +274,7 @@ export default function Home() {
               </svg>
             </div>
             
-            <div className="relative z-10 max-w-2xl">
+            <div className="relative z-10">
               <h2 className="text-4xl md:text-6xl font-bold text-white mb-8 leading-tight">
                 Bereit für Ihr nächstes Projekt?
               </h2>