APNEVES Industrial & Automotive Services

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>
);
}

The body contains a React Home component with service, technology, portfolio, and contact sections, but names no repository file, entry point, test, or acceptance criteria. First inspect the repository to determine where this component belongs and whether the requested page is in scope; completion cannot be defined from the issue alone.