APNEVES Industrial & Automotive Services

[ricardograca10-ship-it]

import React from "react";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { motion } from "framer-motion";
import { CheckCircle, Wrench, Package, Truck, Settings, Database, Factory } from "lucide-react";

export default function Home() {
return (

{/* Hero Section */}

APNEVES Industrial & Automotive Services

Trusted partner for industrial and automotive solutions since 2003.

Contact Us

  {/* About Section */}
  <section className="py-20 px-6 md:px-20 bg-white">
    <h2 className="text-3xl font-bold text-center mb-10">Who We Are</h2>
    <p className="text-lg leading-relaxed max-w-4xl mx-auto text-center">
      Welcome to <strong>APNEVES</strong>, your trusted partner for industrial and
      automotive solutions in Portugal since 2003. With years of experience and
      deep internal know-how, we have expanded beyond the automotive sector to
      serve a wide range of industrial clients. Certified ISO 9001:2015.
    </p>
  </section>

  {/* Services */}
  <section className="py-20 px-6 md:px-20 bg-gray-50">
    <h2 className="text-3xl font-bold text-center mb-12">Our Services</h2>
    <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
      <ServiceCard icon={<CheckCircle />} title="Quality Control & Engineering" desc="Inspection, sorting, rework, quality walls and process monitoring with NEXONIC software." />
      <ServiceCard icon={<Wrench />} title="Resident Engineering" desc="On-site engineers and technicians providing immediate support tailored to your needs." />
      <ServiceCard icon={<Package />} title="Production Line Support" desc="Flexible teams to handle production surges, absenteeism coverage and efficiency support." />
      <ServiceCard icon={<Settings />} title="Specialised Assembly" desc="Pre-assembly, line support, and machine operation to keep your production flowing." />
      <ServiceCard icon={<Truck />} title="Logistics & Warehouse" desc="Transport, storage, warehouse operations, and precise inventory management." />
      <ServiceCard icon={<Factory />} title="Laser Pickling Technology (2025)" desc="Advanced laser solutions for paint and oxidation removal from metals and plastics." />
    </div>
  </section>

  {/* Technology Section */}
  <section className="py-20 px-6 md:px-20 bg-white">
    <h2 className="text-3xl font-bold text-center mb-8">NEXONIC Technology</h2>
    <p className="text-lg leading-relaxed max-w-4xl mx-auto text-center mb-10">
      APNEVES uses <strong>NEXONIC</strong> software to collect, process and monitor
      inspection data in real time. This allows clients to track quality, access
      data online, and make immediate process corrections when necessary.
    </p>
    <div className="grid md:grid-cols-3 gap-6 max-w-5xl mx-auto">
      <Card className="shadow-md">
        <CardContent className="p-6 text-center">
          <Database className="w-10 h-10 mx-auto text-slate-800 mb-4" />
          <h3 className="font-bold mb-2">Data Collection</h3>
          <p>All inspection data recorded daily with precision and uploaded to the system.</p>
        </CardContent>
      </Card>
      <Card className="shadow-md">
        <CardContent className="p-6 text-center">
          <Settings className="w-10 h-10 mx-auto text-slate-800 mb-4" />
          <h3 className="font-bold mb-2">Process Control</h3>
          <p>Immediate adjustments possible through real-time monitoring and alerts.</p>
        </CardContent>
      </Card>
      <Card className="shadow-md">
        <CardContent className="p-6 text-center">
          <Factory className="w-10 h-10 mx-auto text-slate-800 mb-4" />
          <h3 className="font-bold mb-2">Online Access</h3>
          <p>Clients access data anytime via web and NEXONIC app for quick decision-making.</p>
        </CardContent>
      </Card>
    </div>
  </section>

  {/* Portfolio Section */}
  <section className="py-20 px-6 md:px-20 bg-gray-50">
    <h2 className="text-3xl font-bold text-center mb-12">Our Clients & Portfolio</h2>
    <p className="text-lg max-w-3xl mx-auto text-center mb-12">
      Over the years, APNEVES has proudly collaborated with leading automotive and industrial companies across Europe. Here are some of our key partnerships and references:
    </p>
    <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8 text-center">
      <PortfolioCard name="Porsche" logo="/public/logos/porsche.png" />
      <PortfolioCard name="BMW" logo="/public/logos/bmw.png" />
      <PortfolioCard name="Mercedes-Benz" logo="/public/logos/mercedes.png" />
      <PortfolioCard name="Volkswagen Group" logo="/public/logos/vw.png" />
    </div>
  </section>

  {/* Contact Section */}
  <section className="py-20 px-6 md:px-20 bg-gray-100 text-center">
    <h2 className="text-3xl font-bold mb-6">Contact Us</h2>
    <p className="mb-6">We’d love to hear from you. Let’s discuss how APNEVES can support your industrial and automotive challenges.</p>
    <Button size="lg" className="rounded-2xl px-8 py-4 text-lg">Get in Touch</Button>
  </section>
</div>

);
}

function ServiceCard({ icon, title, desc }) {
return (
<motion.div whileHover={{ scale: 1.05 }}>

{icon}

{title}

{desc}

</motion.div>
);
}

function PortfolioCard({ name, logo }) {
return (
<motion.div whileHover={{ scale: 1.05 }}>


{logo && }

{name}

</motion.div>
);
}