Merge version_1 into main #2
329
src/app/page.tsx
329
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="MetalShield Pro"
|
||||
/>
|
||||
@@ -55,85 +43,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Precision Metal Protection. Built on Expertise You Can Trust."
|
||||
description="State-of-the-art galvanic protection, industrial-grade corrosion resistance, and precision processing for long-term durability. We deliver reliability when it matters most."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Parts Processed",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "5k+", label: "Parts Processed" },
|
||||
{ value: "99%", label: "Client Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
{ text: "Contact Us", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg"
|
||||
imageAlt="industrial galvanization metal texture"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
alt: "Close-up of happy man with orange life jacket",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
|
||||
alt: "Young workman wearing white hard hat",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
|
||||
alt: "Portrait of manual worker at the warehouse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-wearing-hard-hat-warehouse_107420-96568.jpg",
|
||||
alt: "Portrait of smiling male worker wearing hard hat in warehouse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148920600.jpg",
|
||||
alt: "Medium shot man posing with helmet",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg", alt: "Close-up of happy man with orange life jacket" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg", alt: "Young workman wearing white hard hat" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg", alt: "Portrait of manual worker at the warehouse" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-male-worker-wearing-hard-hat-warehouse_107420-96568.jpg", alt: "Portrait of smiling male worker wearing hard hat in warehouse" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148920600.jpg", alt: "Medium shot man posing with helmet" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ industrial partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified Process",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Corrosion Resistance",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High-Volume Capacity",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{ type: "text", text: "ISO Certified Process" },
|
||||
{ type: "text-icon", text: "Corrosion Resistance", icon: Shield },
|
||||
{ type: "text", text: "Precision Engineering" },
|
||||
{ type: "text-icon", text: "High-Volume Capacity", icon: Building2 },
|
||||
{ type: "text", text: "Quality Guaranteed" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,61 +82,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marko Peric",
|
||||
date: "2023-11-10",
|
||||
title: "Plant Manager",
|
||||
quote: "Highly professional and well-equipped company. Handled our large order with perfect precision.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg?_wi=2",
|
||||
imageAlt: "professional project manager industrial",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana Jovanovic",
|
||||
date: "2023-10-15",
|
||||
title: "Director",
|
||||
quote: "Exceptional service and expertise. Every part was processed exactly according to specs.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg",
|
||||
imageAlt: "professional project manager industrial",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Petar Milic",
|
||||
date: "2023-09-22",
|
||||
title: "Lead Engineer",
|
||||
quote: "Pleasant and dedicated staff, very knowledgeable. My go-to partners for galvanization.",
|
||||
tag: "Professionalism",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-company-manager-handshaking-with-worker-while-visiting-factory-plant_637285-4158.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
|
||||
imageAlt: "professional project manager industrial",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ivan Horvat",
|
||||
date: "2023-08-14",
|
||||
title: "Production Lead",
|
||||
quote: "Top quality work, consistent delivery times. Reliable and honest business.",
|
||||
tag: "Satisfaction",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mature-engineer-young-worker-cooperating-while-going-through-paperwork-work-industrial-facility_637285-4154.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint-from-gun_23-2149878743.jpg?_wi=1",
|
||||
imageAlt: "professional project manager industrial",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Kovac",
|
||||
date: "2023-07-05",
|
||||
title: "Owner",
|
||||
quote: "Very well-equipped, clean facility. Truly professional from start to finish.",
|
||||
tag: "Facility",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/metallic-with-scratches-stains_1048-13777.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sheet-metal_1259-206.jpg?_wi=1",
|
||||
imageAlt: "professional project manager industrial",
|
||||
},
|
||||
{ id: "1", name: "Marko Peric", date: "2023-11-10", title: "Plant Manager", quote: "Highly professional and well-equipped company. Handled our large order with perfect precision.", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg", imageAlt: "professional project manager industrial" },
|
||||
{ id: "2", name: "Ana Jovanovic", date: "2023-10-15", title: "Director", quote: "Exceptional service and expertise. Every part was processed exactly according to specs.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1168.jpg", imageAlt: "professional project manager industrial" },
|
||||
{ id: "3", name: "Petar Milic", date: "2023-09-22", title: "Lead Engineer", quote: "Pleasant and dedicated staff, very knowledgeable. My go-to partners for galvanization.", tag: "Professionalism", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-company-manager-handshaking-with-worker-while-visiting-factory-plant_637285-4158.jpg", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg", imageAlt: "professional project manager industrial" },
|
||||
{ id: "4", name: "Ivan Horvat", date: "2023-08-14", title: "Production Lead", quote: "Top quality work, consistent delivery times. Reliable and honest business.", tag: "Satisfaction", avatarSrc: "http://img.b2bpic.net/free-photo/mature-engineer-young-worker-cooperating-while-going-through-paperwork-work-industrial-facility_637285-4154.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint-from-gun_23-2149878743.jpg", imageAlt: "professional project manager industrial" },
|
||||
{ id: "5", name: "Elena Kovac", date: "2023-07-05", title: "Owner", quote: "Very well-equipped, clean facility. Truly professional from start to finish.", tag: "Facility", avatarSrc: "http://img.b2bpic.net/free-photo/metallic-with-scratches-stains_1048-13777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sheet-metal_1259-206.jpg", imageAlt: "professional project manager industrial" }
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Consistent 5-star service based on professionalism, technical precision, and dedicated support."
|
||||
@@ -211,50 +100,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Galvanic Protection",
|
||||
description: "High-standard galvanic coating ensuring maximum protection against harsh environment oxidation.",
|
||||
icon: Shield,
|
||||
title: "Galvanic Protection", description: "High-standard galvanic coating ensuring maximum protection against harsh environment oxidation.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-with-scratches-stains_1048-13777.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sheet-metal_1259-206.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg?_wi=3",
|
||||
imageAlt: "industrial galvanization metal texture",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/metallic-with-scratches-stains_1048-13777.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sheet-metal_1259-206.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Metal Treatment Solutions",
|
||||
description: "Custom industrial metal treatment processes tailored to specific strength and durability requirements.",
|
||||
icon: Zap,
|
||||
title: "Metal Treatment Solutions", description: "Custom industrial metal treatment processes tailored to specific strength and durability requirements.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-spraying-powder-paint-from-gun_23-2149878758.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86014.jpg",
|
||||
imageAlt: "industrial galvanization metal texture",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-spraying-powder-paint-from-gun_23-2149878758.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Precision Processing",
|
||||
description: "Highly accurate processing using advanced, well-equipped machinery to ensure part integrity.",
|
||||
icon: Award,
|
||||
title: "Precision Processing", description: "Highly accurate processing using advanced, well-equipped machinery to ensure part integrity.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13217.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886808.jpg",
|
||||
imageAlt: "industrial galvanization metal texture",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13217.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Industrial Treatment Solutions"
|
||||
description="Comprehensive metal treatment services designed for extreme durability and corrosion resistance."
|
||||
@@ -267,21 +132,9 @@ export default function LandingPage() {
|
||||
title="Why Choose MetalShield Pro?"
|
||||
tag="Our Core Values"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Proven",
|
||||
description: "Proven expertise and professionalism in all industrial processes.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Advanced",
|
||||
description: "Well-equipped facility capable of handling high-volume precision projects.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Skilled",
|
||||
description: "Dedicated team committed to high-quality results and technical precision.",
|
||||
},
|
||||
{ id: "m1", value: "Proven", description: "Proven expertise and professionalism in all industrial processes." },
|
||||
{ id: "m2", value: "Advanced", description: "Well-equipped facility capable of handling high-volume precision projects." },
|
||||
{ id: "m3", value: "Skilled", description: "Dedicated team committed to high-quality results and technical precision." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,18 +145,9 @@ export default function LandingPage() {
|
||||
title="Experience & Dedication"
|
||||
description="As your trusted industrial partner, we take immense pride in our craft. Our focus is on technical excellence, attention to detail, and maintaining a high level of customer satisfaction through every stage of our work."
|
||||
metrics={[
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Reliability Rate",
|
||||
},
|
||||
{
|
||||
value: "300+",
|
||||
title: "Active Projects",
|
||||
},
|
||||
{ value: "24/7", title: "Support Availability" },
|
||||
{ value: "99.9%", title: "Reliability Rate" },
|
||||
{ value: "300+", title: "Active Projects" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mature-engineer-young-worker-cooperating-while-going-through-paperwork-work-industrial-facility_637285-4154.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -315,23 +159,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long do processing services take?",
|
||||
content: "Our service timelines are optimized for precision, ensuring the highest quality results without unnecessary delays.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle large industrial orders?",
|
||||
content: "Yes, our facility is well-equipped to handle high-volume orders with the same precision and commitment to quality.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your galvanization process durable?",
|
||||
content: "Our protective coatings are specifically engineered for corrosion resistance, ensuring long-term protection for your equipment.",
|
||||
},
|
||||
{ id: "f1", title: "How long do processing services take?", content: "Our service timelines are optimized for precision, ensuring the highest quality results without unnecessary delays." },
|
||||
{ id: "f2", title: "Do you handle large industrial orders?", content: "Yes, our facility is well-equipped to handle high-volume orders with the same precision and commitment to quality." },
|
||||
{ id: "f3", title: "Is your galvanization process durable?", content: "Our protective coatings are specifically engineered for corrosion resistance, ensuring long-term protection for your equipment." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint-from-gun_23-2149878743.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint-from-gun_23-2149878743.jpg"
|
||||
title="Questions Answered"
|
||||
description="Addressing common inquiries regarding our metal treatment and protection services."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -345,27 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Management",
|
||||
members: [
|
||||
{
|
||||
id: "p1",
|
||||
title: "John D.",
|
||||
subtitle: "CEO",
|
||||
detail: "Leading with a commitment to integrity and quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Sarah M.",
|
||||
subtitle: "Operations Director",
|
||||
detail: "Ensuring precision across all processing workflows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-businesswoman-wearing-face-masks-while-using-touchpad-repair-shop_637285-10532.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg?_wi=4",
|
||||
imageAlt: "professional project manager industrial",
|
||||
},
|
||||
id: "g1", groupTitle: "Management", members: [
|
||||
{ id: "p1", title: "John D.", subtitle: "CEO", detail: "Leading with a commitment to integrity and quality.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg" },
|
||||
{ id: "p2", title: "Sarah M.", subtitle: "Operations Director", detail: "Ensuring precision across all processing workflows.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-mechanic-businesswoman-wearing-face-masks-while-using-touchpad-repair-shop_637285-10532.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Our Expert Team"
|
||||
description="Professionals dedicated to technical excellence and delivering high-quality results."
|
||||
@@ -375,48 +191,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Get Started"
|
||||
title="Need a Quote for Your Project?"
|
||||
description="Get in touch with our expert team to discuss your metal protection needs and requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[ { text: "Contact Us Now", href: "#contact" } ]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [ { label: "Services", href: "#services" }, { label: "About Us", href: "#about" } ] },
|
||||
{ items: [ { label: "Privacy Policy", href: "#" }, { label: "Contact", href: "#contact" } ] }
|
||||
]}
|
||||
logoText="MetalShield Pro"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user