APNEVES Industrial & Automotive Services

Đang mở
  • Có gì không ổn?
#1,239 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
15/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
nextjs, react, typescript
Lĩnh vực
frontend, web-dev

Hướng nghiên cứu

Nội dung chứa một component Home của React với các phần dịch vụ, công nghệ, portfolio và liên hệ, nhưng không nêu tên file nào trong repository, entry point, test hoặc tiêu chí chấp nhận. Trước tiên, hãy kiểm tra repository để xác định component này thuộc về đâu và liệu page được yêu cầu có nằm trong phạm vi hay không; không thể xác định việc hoàn thành chỉ từ issue.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
TypeScript
Star
5.2k
Fork
1.9k
Merge trung bình
1 giờ 4 phút
Pull request đã merge (30 ngày)
2

Chuẩn bị môi trường

  • Không có Dockerfile hay tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của vercel/examples

Tất cả issue của vercel/examples

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.