Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -32,65 +32,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="IRON & GOLD"
|
||||
button={{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Inquire", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Engineered for the Elite"
|
||||
description="Redefining luxury industrial aesthetics through precision, structure, and gold-standard materials. Experience the intersection of raw durability and sophisticated design."
|
||||
tag="PREMIUM INDUSTRIAL SOLUTIONS"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Craft",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Discover Our Craft", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg?_wi=1",
|
||||
imageAlt: "Luxury Industrial Warehouse",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg", imageAlt: "Luxury Industrial Warehouse"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metal-shapes_1048-1508.jpg?_wi=1",
|
||||
imageAlt: "Precision Metal Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-textured-background-with-glowing-golden-diagonal-lines_84443-82465.jpg",
|
||||
imageAlt: "Dark Textured Background with Glowing Golden Diagonal Lines",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-smooth-textured-background_53876-101777.jpg",
|
||||
imageAlt: "Black smooth textured background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-grooves_469584-12.jpg",
|
||||
imageAlt: "Vinyl record grooves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metal-shapes_1048-1508.jpg", imageAlt: "Precision Metal Texture"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -106,19 +77,13 @@ export default function LandingPage() {
|
||||
description="We blend the raw power of industrial infrastructure with the elegance of luxury design. Every project is meticulously crafted to be a testament to durability and style, standing as a centerpiece in your business environment."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Craftsmanship",
|
||||
description: "Every detail matters, from material choice to finish.",
|
||||
},
|
||||
title: "Precision Craftsmanship", description: "Every detail matters, from material choice to finish."},
|
||||
{
|
||||
title: "Industrial Durability",
|
||||
description: "Built to withstand, designed to impress.",
|
||||
},
|
||||
title: "Industrial Durability", description: "Built to withstand, designed to impress."},
|
||||
{
|
||||
title: "Cinematic Aesthetic",
|
||||
description: "Sophisticated lighting and minimal composition.",
|
||||
},
|
||||
title: "Cinematic Aesthetic", description: "Sophisticated lighting and minimal composition."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg"
|
||||
imageAlt="Luxury Industrial Office"
|
||||
/>
|
||||
</div>
|
||||
@@ -130,67 +95,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Global Shipping Containers",
|
||||
description: "Converted with premium finishes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg",
|
||||
imageAlt: "Container detail",
|
||||
},
|
||||
title: "Global Shipping Containers", description: "Converted with premium finishes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103094.jpg", imageAlt: "Container detail"},
|
||||
items: [
|
||||
{
|
||||
text: "High Grade Steel",
|
||||
icon: Shield,
|
||||
text: "High Grade Steel", icon: Shield,
|
||||
},
|
||||
{
|
||||
text: "Custom Gold Finishes",
|
||||
icon: Award,
|
||||
text: "Custom Gold Finishes", icon: Award,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg?_wi=2",
|
||||
imageAlt: "luxury engineering industrial detail",
|
||||
},
|
||||
{
|
||||
title: "Architectural Design",
|
||||
description: "Modern minimalist blueprint.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599377.jpg",
|
||||
imageAlt: "Design blueprint",
|
||||
},
|
||||
title: "Architectural Design", description: "Modern minimalist blueprint.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599377.jpg", imageAlt: "Design blueprint"},
|
||||
items: [
|
||||
{
|
||||
text: "Cinematic Lighting",
|
||||
icon: Zap,
|
||||
text: "Cinematic Lighting", icon: Zap,
|
||||
},
|
||||
{
|
||||
text: "Sophisticated Layout",
|
||||
icon: Star,
|
||||
text: "Sophisticated Layout", icon: Star,
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-metal-shapes_1048-1508.jpg?_wi=2",
|
||||
imageAlt: "luxury engineering industrial detail",
|
||||
},
|
||||
{
|
||||
title: "Material Excellence",
|
||||
description: "The finest materials selected.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/machinery-developer-manufacturing-industrial-product-cad-engineering-software-developing-advanced-engine-component-creating-technical-machine-industry-production-with-pc-interface_482257-50386.jpg",
|
||||
imageAlt: "Material closeup",
|
||||
},
|
||||
title: "Material Excellence", description: "The finest materials selected.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/machinery-developer-manufacturing-industrial-product-cad-engineering-software-developing-advanced-engine-component-creating-technical-machine-industry-production-with-pc-interface_482257-50386.jpg", imageAlt: "Material closeup"},
|
||||
items: [
|
||||
{
|
||||
text: "Orange Highlights",
|
||||
icon: Sun,
|
||||
text: "Orange Highlights", icon: Sun,
|
||||
},
|
||||
{
|
||||
text: "Matte Black Surfaces",
|
||||
icon: Diamond,
|
||||
text: "Matte Black Surfaces", icon: Diamond,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=2",
|
||||
imageAlt: "luxury engineering industrial detail",
|
||||
},
|
||||
]}
|
||||
title="Signature Capabilities"
|
||||
@@ -202,44 +143,15 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Black Steel Module",
|
||||
price: "$12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132701.jpg",
|
||||
},
|
||||
id: "p1", name: "Black Steel Module", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132701.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Trim Partition",
|
||||
price: "$8,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-architectural-design_181624-14972.jpg",
|
||||
},
|
||||
id: "p2", name: "Gold Trim Partition", price: "$8,500", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-architectural-design_181624-14972.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cinematic Lighting Pod",
|
||||
price: "$15,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162866.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Orange Neon Facade",
|
||||
price: "$9,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-industrial-designer-works-cad-software-listens-music_482257-116365.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Industrial Executive Chair",
|
||||
price: "$4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-facility-coworkers-doing-brainstorming-reviewing-performance_482257-117812.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Luxury Shipping Unit",
|
||||
price: "$25,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photography-metal-object-with-diamond-pattern_91008-525.jpg",
|
||||
},
|
||||
id: "p3", name: "Cinematic Lighting Pod", price: "$15,000", imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162866.jpg"},
|
||||
]}
|
||||
title="Luxury Collection"
|
||||
description="Our premier industrial catalog."
|
||||
@@ -254,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m2", value: "99.8%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "25+",
|
||||
description: "Global Locations",
|
||||
},
|
||||
id: "m3", value: "25+", description: "Global Locations"},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Metrics of a high-end enterprise."
|
||||
@@ -277,36 +180,21 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Eleanor S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
|
||||
},
|
||||
id: "t2", name: "Eleanor S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jonathan D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
},
|
||||
id: "t3", name: "Jonathan D.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
|
||||
},
|
||||
id: "t4", name: "Sophia L.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Victor B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg",
|
||||
},
|
||||
id: "t5", name: "Victor B.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg"},
|
||||
]}
|
||||
cardTitle="What the Leaders Say"
|
||||
cardTag="OUR CLIENTS"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -314,49 +202,38 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="CONSULTATION"
|
||||
title="Start Your Luxury Project"
|
||||
description="Ready to redefine your space? Consult with our architectural experts."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Team",
|
||||
href: "mailto:hello@irongold.com",
|
||||
},
|
||||
text: "Contact Our Team", href: "mailto:hello@irongold.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="IRON & GOLD"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portfolio", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IRON & GOLD"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user