Upload components/Services.js with huggingface_hub

components/Services.js

@@ -0,0 +1,57 @@
+import { motion } from 'framer-motion';
+
+const services = [
+  {
+    title: "Flerspråklig AI-kvalitet og Evaluering",
+    desc: "RLHF, AI Safety, Prompt Engineering",
+    details: "Sikrer at AI-modeller forstår nyanser, kontekst og kulturelle referanser i nordiske språk. Omfatter omfattende testing av bias og sikkerhet.",
+    icon: "AI"
+  },
+  {
+    title: "Lokalisering og Språklig QA",
+    desc: "Nordic adaptations, Cultural trust",
+    details: "Mer enn oversettelse. Vi tilpasser produktet til det lokale markedet med fokus på brukeropplevelse, tone-of-voice og juridisk korrekthet.",
+    icon: "LOC"
+  },
+  {
+    title: "Tolking og Grensekryssende Kommunikasjon",
+    desc: "Legal, Medical, Corporate",
+    details: "Presis kommunikasjon i høytroende miljøer. Sertifisert erfaring innen juridisk og medisinsk terminologi for internasjonale team.",
+    icon: "COM"
+  }
+];
+
+export default function Services() {
+  return (
+    <section id="services" className="py-24 bg-nordic-navy relative">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl md:text-4xl font-bold text-white mb-4">Kjernekompetanse</h2>
+          <div className="w-20 h-1 bg-nordic-cyan mx-auto rounded-full"></div>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {services.map((service, index) => (
+            <motion.div
+              key={index}
+              initial={{ opacity: 0, y: 30 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              transition={{ delay: index * 0.2, duration: 0.5 }}
+              viewport={{ once: true }}
+              className="glass-panel p-8 rounded-xl group hover:-translate-y-2 transition-all duration-300"
+            >
+              <div className="text-nordic-cyan font-mono text-2xl font-bold mb-4 group-hover:text-white transition-colors">
+                0{index + 1} // {service.icon}
+              </div>
+              <h3 className="text-xl font-bold text-white mb-2">{service.title}</h3>
+              <p className="text-nordic-cyan text-sm font-mono mb-4 opacity-80">{service.desc}</p>
+              <p className="text-gray-400 text-sm leading-relaxed">
+                {service.details}
+              </p>
+            </motion.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}