The corporate site communicates Italgel's identity and values through "Fluid Solutions. Solid Relations" storytelling: homepage with animated hero, about section with 50+ years company history (Santa Vittoria d'Alba, Piedmont), product showcase with 4 main lines (Gelatine, Collagen Peptides, Specialities, Functional Proteins/Fats), detailed product pages with composition/properties/applications/benefits, application sections by industry (Food, Pharma, Health & Wellness, Beauty), quality and certifications (ISO 9001, ISO 22005, HACCP, FSSC 22000, Halal, Kosher, CEP European Pharmacopoeia), sustainability with KPIs (2 MW photovoltaic plant, 2.7 MW cogeneration, -30% energy consumption/ton in 10 years), global presence with offices in Italy/Poland/Japan and distribution in 40+ countries, career section with job offers managed via Payload CMS, whistleblowing, contact form, and footer with social/B2B shop links. Responsive design, GSAP scroll-triggered animations, Asap + Cocogoose Pro typography, Italgel brand palette (red #c41e3a).

Key features

• Homepage hero: "Fluid Solutions. Solid Relations" claim, GSAP animations, scroll-triggered logo transition, animated menu with glass morphism.
• About section: 50+ years company history, Santa Vittoria d'Alba headquarters (Piedmont), evolution from veal/pork to 4-line product portfolio, 40+ countries clients.
• Product showcase: 4 categories (Gelatine, Collagen Peptides, Specialities, Functional Proteins/Fats) with visual cards, dedicated background colors, detail page links.
• Detailed product pages: composition (bovine/porcine/fish origin, Bloom, viscosity), physical-chemical properties, applications by sector, technical benefits, localized rich-text descriptions.
• Applications by sector: Food (Tradition, Bakery, Meat, Dairy, Desserts, Protein Bars), Pharma (Oral Dosage, Soft Capsules), Health & Wellness (Hydrolyzed Collagen, Joint Health, Sports Nutrition), Beauty (avvera™ brand).
• Quality and certifications: dedicated section with ISO 9001, ISO 22005, HACCP, FSSC 22000, Halal, Kosher, CEP (European Pharmacopoeia EDQM), full supply chain traceability, internal laboratory.
• Sustainability: highlights with KPIs (2 MW photovoltaic plant > 2000 MWh/year, 2.7 MW cogeneration with thermal recovery, -30% energy consumption/ton last 10 years), ESG strategy, governance, social responsibility.
• Global presence: interactive map with Santa Vittoria d'Alba headquarters (HQ + factory), Poland/Japan offices, distribution in 40+ countries.
• Career: section with job offers managed via Payload CMS (title, short description, rich-text content, slug), protected spontaneous application (non-deletable), application form.
• Whistleblowing: dedicated page for compliance/compliance reports.
• Contact form: standard form with name, email, message, confirmation toasts.
• i18n: full IT/EN support with next-intl, dynamic translations for products/applications/certifications, navbar locale switcher.

Data layer & integrations

• Payload CMS 3.80 with MongoDB for collections (workOffers, media, users).
• tRPC 11 for type-safe APIs (workOffers).
• Zod 4 for schema validation.
• GraphQL for Payload queries.
• Static content hardcoded in translations (
  messages/it.json, messages/en.json) for product/application/certification pages.
• RBAC: admin/editor roles on Payload collections.

Security & access

• Protected Payload admin (users collection only).
• Granular RBAC on work offers.
• beforeDelete hook on workOffers to protect spontaneous application (non-deletable if isSpontaneous: true).
• Zod input validation on forms.
• Optimized SEO metadata with dynamic generation.

UI/UX and performance

• Tailwind CSS 4 for utility-first styling.
• GSAP for smooth and scroll-triggered animations (navbar logo transition, parallax, fade-in sections).
• Embla Carousel for product galleries and certifications.
• Radix UI for accessible components (Dialog, Navigation Menu, Select).
• Lucide React and React Icons for icons.
• Font stack: Asap (sans-serif body) + Cocogoose Pro (serif headlines).
• Brand palette: primary Italgel red (#c41e3a), secondary sandy brown (#f4a460), saddle brown (#8b7355), dark brown (#6b4423).
• Animated navbar with glass morphism, scroll-triggered logo transition, mobile slide-in menu.
• Mobile-first responsive design, lazy image loading, tuned LCP/CLS.

Technical highlights

• Next.js 16 + React 19 + TypeScript 5.
• Tailwind CSS 4, Turbopack for fast dev builds.
• Payload CMS 3.80 (MongoDB) for work offers management.
• next-intl 4.5 for full i18n (IT/EN) with locale-aware routing.
• GSAP for professional animations (scroll-triggered, complex timelines).
• tRPC 11 + React Query 5 for type-safe APIs.
• Product showcase with 4 lines (Gelatine, Collagen Peptides, Specialities, Functional Proteins/Fats).
• Detailed product pages with composition/properties/applications/benefits.
• Application sections by sectors (Food, Pharma, Health, Beauty).
• Quality and certifications (ISO 9001, FSSC 22000, Halal, Kosher, CEP).
• Sustainability KPIs (2 MW photovoltaic, 2.7 MW cogeneration, -30% consumption).
• Global presence 40+ countries with Poland/Japan offices.
• Career with Payload CMS work offers + protected spontaneous application.
• Embla Carousel, Radix UI, Biome + Prettier.
• Pino logging, Sonner toast, Zod validation.