Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -28,77 +28,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
{
|
||||
name: "Industries",
|
||||
id: "/industries",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Industries", id: "/industries" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Ironcore Steel"
|
||||
button={{
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Request Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Forged for Strength. Built for the Future."
|
||||
description="Ironcore Steel Industries provides precision-engineered steel solutions globally. Setting the industry standard for durability and innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Products", href: "/products" }, { text: "Contact Us", href: "/contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg?_wi=1",
|
||||
imageAlt: "Steel plant manufacturing facility",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg?_wi=2",
|
||||
imageAlt: "Molten metal processes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg?_wi=3",
|
||||
imageAlt: "Structural steel beams",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg?_wi=4",
|
||||
imageAlt: "Automotive steel sheets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg?_wi=5",
|
||||
imageAlt: "Construction steel pipes",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg", imageAlt: "industrial steel plant background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg", imageAlt: "industrial steel plant background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg", imageAlt: "industrial steel plant background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg", imageAlt: "industrial steel plant background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dark-metallic-grid-texture-with-diamond-mesh_84443-72998.jpg", imageAlt: "industrial steel plant background" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,56 +62,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Established 1994",
|
||||
"Industrial Pioneer",
|
||||
"Trusted Partner",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Global Clients",
|
||||
items: [
|
||||
"Multi-sector service",
|
||||
"Fortune 500 partners",
|
||||
"Long-term success",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
title: "Tons Produced",
|
||||
items: [
|
||||
"Annual capacity",
|
||||
"High output volume",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "40+",
|
||||
title: "Countries Served",
|
||||
items: [
|
||||
"International reach",
|
||||
"Global logistics",
|
||||
"Strategic trade",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "99%",
|
||||
title: "Quality Rate",
|
||||
items: [
|
||||
"ISO certified",
|
||||
"Precision testing",
|
||||
"Zero defect policy",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "30+", title: "Years Experience", items: ["Established 1994", "Industrial Pioneer", "Trusted Partner"] },
|
||||
{ id: "m2", value: "500+", title: "Global Clients", items: ["Multi-sector service", "Fortune 500 partners", "Long-term success"] },
|
||||
{ id: "m3", value: "1M+", title: "Tons Produced", items: ["Annual capacity", "High output volume", "Consistent quality"] },
|
||||
{ id: "m4", value: "40+", title: "Countries Served", items: ["International reach", "Global logistics", "Strategic trade"] },
|
||||
{ id: "m5", value: "99%", title: "Quality Rate", items: ["ISO certified", "Precision testing", "Zero defect policy"] }
|
||||
]}
|
||||
title="Decades of Excellence"
|
||||
description="Driving industrial growth with proven reliability and massive production capacity."
|
||||
@@ -167,54 +75,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home-products" data-section="home-products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "HR Coils",
|
||||
price: "Custom",
|
||||
variant: "Flat Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Structural Beams",
|
||||
price: "Custom",
|
||||
variant: "Long Products",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steel Pipes & Tubes",
|
||||
price: "Custom",
|
||||
variant: "Tubular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Stainless Sheets",
|
||||
price: "Custom",
|
||||
variant: "Specialty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wire Rods",
|
||||
price: "Custom",
|
||||
variant: "Long Products",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg?_wi=5",
|
||||
},
|
||||
{ id: "p1", name: "HR Coils", price: "Custom", variant: "Flat Steel", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg" },
|
||||
{ id: "p2", name: "Structural Beams", price: "Custom", variant: "Long Products", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg" },
|
||||
{ id: "p3", name: "Steel Pipes & Tubes", price: "Custom", variant: "Tubular", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg" },
|
||||
{ id: "p4", name: "Stainless Sheets", price: "Custom", variant: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg" },
|
||||
{ id: "p5", name: "Wire Rods", price: "Custom", variant: "Long Products", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-details-equipments-machinery_114579-2840.jpg" }
|
||||
]}
|
||||
title="Industrial Product Range"
|
||||
description="Explore our high-performance steel catalog engineered for the most demanding applications."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Catalog",
|
||||
href: "/products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Full Catalog", href: "/products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,46 +101,11 @@ export default function LandingPage() {
|
||||
description="Hear from the partners that build the future with our steel."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@builder",
|
||||
testimonial: "Unmatched quality and delivery timelines.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@infra",
|
||||
testimonial: "Ironcore is our go-to for all structural needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex Rivet",
|
||||
handle: "@mech",
|
||||
testimonial: "Professional, reliable, and technically superior.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Beam",
|
||||
handle: "@arch",
|
||||
testimonial: "Consistent performance in every delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike Steel",
|
||||
handle: "@const",
|
||||
testimonial: "Best in the business for large scale projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg?_wi=5",
|
||||
},
|
||||
{ id: "1", name: "John Doe", handle: "@builder", testimonial: "Unmatched quality and delivery timelines.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
{ id: "2", name: "Jane Smith", handle: "@infra", testimonial: "Ironcore is our go-to for all structural needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
{ id: "3", name: "Alex Rivet", handle: "@mech", testimonial: "Professional, reliable, and technically superior.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
{ id: "4", name: "Sarah Beam", handle: "@arch", testimonial: "Consistent performance in every delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
{ id: "5", name: "Mike Steel", handle: "@const", testimonial: "Best in the business for large scale projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,31 +118,11 @@ export default function LandingPage() {
|
||||
description="Common inquiries about our steel supply and processes."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Lead times for orders?",
|
||||
content: "Varies by volume and customization needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "ISO Certification?",
|
||||
content: "Yes, we are fully ISO 9001 certified.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "International shipping?",
|
||||
content: "We ship globally to over 40 countries.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Material specs?",
|
||||
content: "Available via our detailed technical datasheets.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Request a quote?",
|
||||
content: "Use our contact form for a custom assessment.",
|
||||
},
|
||||
{ id: "f1", title: "Lead times for orders?", content: "Varies by volume and customization needs." },
|
||||
{ id: "f2", title: "ISO Certification?", content: "Yes, we are fully ISO 9001 certified." },
|
||||
{ id: "f3", title: "International shipping?", content: "We ship globally to over 40 countries." },
|
||||
{ id: "f4", title: "Material specs?", content: "Available via our detailed technical datasheets." },
|
||||
{ id: "f5", title: "Request a quote?", content: "Use our contact form for a custom assessment." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,14 +130,8 @@ export default function LandingPage() {
|
||||
<div id="home-footer" data-section="home-footer">
|
||||
<FooterLogoReveal
|
||||
logoText="IRONCORE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user