diff --git a/src/app/operations/page.tsx b/src/app/operations/page.tsx index 1f96263..6cf9554 100644 --- a/src/app/operations/page.tsx +++ b/src/app/operations/page.tsx @@ -7,16 +7,16 @@ import FeatureBento from "@/components/sections/feature/FeatureBento"; import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven"; import FooterCard from "@/components/sections/footer/FooterCard"; import Link from "next/link"; -import { Zap, Cog, Pickaxe, Beaker, CheckCircle, Wrench, Users, Clock, Award, BarChart3, Linkedin, Twitter, Mail } from "lucide-react"; +import { Zap, Cog, Pickaxe, Beaker, CheckCircle, Wrench, Users, Clock, Award, BarChart3, Linkedin, Twitter, Mail, Leaf } from "lucide-react"; export default function OperationsPage() { const navItems = [ - { name: "Home", id: "home" }, - { name: "About", id: "about" }, - { name: "Operations", id: "operations" }, - { name: "Products", id: "products" }, - { name: "Safety", id: "safety" }, - { name: "Contact", id: "contact" } + { name: "Home", id: "/" }, + { name: "About", id: "/about" }, + { name: "Operations", id: "/operations" }, + { name: "Products", id: "/products" }, + { name: "Safety", id: "/safety" }, + { name: "Contact", id: "/contact" } ]; return ( @@ -48,12 +48,11 @@ export default function OperationsPage() { tagAnimation="slide-up" buttons={[ { - text: "Learn More", - href: "#features" + text: "Learn More", href: "#features" } ]} buttonAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo57r5&_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo57r5" imageAlt="Kroondal Mining Operations" showDimOverlay={true} showBlur={true} @@ -70,61 +69,42 @@ export default function OperationsPage() { tagAnimation="slide-up" features={[ { - title: "Key Processes", - description: "Advanced extraction techniques combined with precision processing deliver superior platinum group metals quality.", - bentoComponent: "3d-task-list", - title: "Key Processes", - items: [ + title: "Key Processes", description: "Advanced extraction techniques combined with precision processing deliver superior platinum group metals quality.", bentoComponent: "3d-task-list", items: [ { icon: Pickaxe, - label: "Primary Extraction", - time: "Continuous" + label: "Primary Extraction", time: "Continuous" }, { icon: Beaker, - label: "Chemical Processing", - time: "Optimized" + label: "Chemical Processing", time: "Optimized" }, { icon: CheckCircle, - label: "Quality Testing", - time: "Real-time" + label: "Quality Testing", time: "Real-time" } ] }, { - title: "Equipment & Technology", - description: "State-of-the-art mining equipment ensures maximum productivity and minimal environmental impact.", - bentoComponent: "reveal-icon", - icon: Wrench + title: "Equipment & Technology", description: "State-of-the-art mining equipment ensures maximum productivity and minimal environmental impact.", bentoComponent: "reveal-icon", icon: Wrench }, { - title: "Workforce Management", - description: "Over 2,500 trained professionals organized in efficient shift schedules for round-the-clock operations.", - bentoComponent: "icon-info-cards", - items: [ + title: "Workforce Management", description: "Over 2,500 trained professionals organized in efficient shift schedules for round-the-clock operations.", bentoComponent: "icon-info-cards", items: [ { icon: Users, - label: "Personnel", - value: "2,500+" + label: "Personnel", value: "2,500+" }, { icon: Clock, - label: "Shifts", - value: "24/7" + label: "Shifts", value: "24/7" }, { icon: Award, - label: "Training", - value: "Continuous" + label: "Training", value: "Continuous" } ] }, { - title: "Environmental Stewardship", - description: "Comprehensive environmental management systems protect ecosystems and minimize mining impact.", - bentoComponent: "reveal-icon", - icon: Pickaxe + title: "Environmental Stewardship", description: "Comprehensive environmental management systems protect ecosystems and minimize mining impact.", bentoComponent: "reveal-icon", icon: Leaf } ]} animationType="blur-reveal" @@ -142,43 +122,23 @@ export default function OperationsPage() { tagAnimation="slide-up" metrics={[ { - id: "production-volume", - value: "50,000+", - title: "Platinum Ounces Annually", - items: [ - "99.9% Purity Standard", - "Consistent Quality", - "Global Distribution" + id: "production-volume", value: "50,000+", title: "Platinum Ounces Annually", items: [ + "99.9% Purity Standard", "Consistent Quality", "Global Distribution" ] }, { - id: "operational-uptime", - value: "99.2%", - title: "Equipment Availability", - items: [ - "Preventive Maintenance", - "Rapid Response Teams", - "Minimal Downtime" + id: "operational-uptime", value: "99.2%", title: "Equipment Availability", items: [ + "Preventive Maintenance", "Rapid Response Teams", "Minimal Downtime" ] }, { - id: "safety-incidents", - value: "0.12", - title: "TRIFR (Per Million Hours)", - items: [ - "Industry-Leading Safety", - "Continuous Improvement", - "Zero-Harm Focus" + id: "safety-incidents", value: "0.12", title: "TRIFR (Per Million Hours)", items: [ + "Industry-Leading Safety", "Continuous Improvement", "Zero-Harm Focus" ] }, { - id: "environmental-compliance", - value: "100%", - title: "Regulatory Compliance", - items: [ - "All Standards Met", - "Regular Audits", - "Best Practices" + id: "environmental-compliance", value: "100%", title: "Regulatory Compliance", items: [ + "All Standards Met", "Regular Audits", "Best Practices" ] } ]} @@ -195,18 +155,15 @@ export default function OperationsPage() { socialLinks={[ { icon: Linkedin, - href: "https://linkedin.com", - ariaLabel: "LinkedIn" + href: "https://linkedin.com", ariaLabel: "LinkedIn" }, { icon: Twitter, - href: "https://twitter.com", - ariaLabel: "Twitter" + href: "https://twitter.com", ariaLabel: "Twitter" }, { icon: Mail, - href: "mailto:info@kroondal.com", - ariaLabel: "Email" + href: "mailto:info@kroondal.com", ariaLabel: "Email" } ]} ariaLabel="Footer navigation"