APNEVES Industrial & Automotive Services

Aperta
  • Qualcosa non va?
#1,239 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
15/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
nextjs, react, typescript
Ambito
frontend, web-dev

Direzione di ricerca

Il corpo contiene un componente Home di React con sezioni per servizi, tecnologia, portfolio e contatti, ma non indica alcun file del repository, punto di ingresso, test o criterio di accettazione. Ispeziona prima il repository per determinare dove appartiene questo componente e se la pagina richiesta rientra nell’ambito; il completamento non può essere definito sulla base del solo issue.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
TypeScript
Stelle
5.2k
Fork
1.9k
Merge medio
1h 4m
PR unite (30g)
2

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di vercel/examples

Tutte le issue di vercel/examples

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.