Merge version_2 into main #1
247
src/app/page.tsx
247
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Inert Fabrication"
|
||||
/>
|
||||
@@ -60,16 +50,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Raw Craftsmanship, Refined Taste."
|
||||
description="Inert Fabrication transforms raw industrial materials into bespoke luxury furniture and architectural elements for the most discerning spaces."
|
||||
tag="Luxury Industrial Fabrication"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Work",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Work", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/display-charcoal-different-forms_23-2149654165.jpg"
|
||||
/>
|
||||
@@ -80,18 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our ethos is rooted in the ",
|
||||
},
|
||||
type: "text", content: "Our ethos is rooted in the "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-protective-mask-is-cutting-metal-sparks-are-flying-away_613910-5539.jpg",
|
||||
alt: "Craftsman",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-protective-mask-is-cutting-metal-sparks-are-flying-away_613910-5539.jpg", alt: "Craftsman"},
|
||||
{
|
||||
type: "text",
|
||||
content: " belief that industrial steel holds a hidden elegance. We bridge the gap between heavy fabrication and interior refinement.",
|
||||
},
|
||||
type: "text", content: " belief that industrial steel holds a hidden elegance. We bridge the gap between heavy fabrication and interior refinement."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,50 +84,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Executive Table",
|
||||
price: "From $8,500",
|
||||
variant: "Steel & Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/avant-garde-furniture-design_23-2151941801.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Studio Writing Desk",
|
||||
price: "From $4,200",
|
||||
variant: "Bespoke Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Architectural Screen",
|
||||
price: "Custom Pricing",
|
||||
variant: "Industrial Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-close-up-ferromagnetic-metal_23-2148253654.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Metal Console",
|
||||
price: "From $3,800",
|
||||
variant: "Minimalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-plant-inside-minimal-vase_23-2148207076.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Statement Shelving",
|
||||
price: "From $5,500",
|
||||
variant: "Structural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-table-made-wooden-surface-black-metal_181624-23614.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Light Fixture",
|
||||
price: "From $2,900",
|
||||
variant: "Refined",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal_23-2148253590.jpg",
|
||||
},
|
||||
id: "p1", name: "Custom Industrial Build", price: "Inquire for Pricing", variant: "Bespoke Design", imageSrc: "http://img.b2bpic.net/free-photo/avant-garde-furniture-design_23-2151941801.jpg"},
|
||||
]}
|
||||
title="Bespoke Collection"
|
||||
description="Hand-forged elements for those who demand precision, durability, and a unique aesthetic language."
|
||||
title="Bespoke Services"
|
||||
description="Tailored, hand-forged solutions for unique spaces. We partner with you to realize custom designs, from furniture to large-scale architectural elements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,25 +98,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Discovery",
|
||||
description: "We identify the material potential based on your space requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-home-schematics-after-collaborating-with-engineers-ensure-designs-meet-client_482257-133033.jpg",
|
||||
},
|
||||
title: "Discovery", description: "We identify the material potential based on your space requirements.", imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-home-schematics-after-collaborating-with-engineers-ensure-designs-meet-client_482257-133033.jpg"},
|
||||
{
|
||||
title: "Fabrication",
|
||||
description: "Applying high-heat and pressure to forge unique geometric forms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-metal-factory-busy-man-is-working-his-workplace_613910-17202.jpg",
|
||||
},
|
||||
title: "Fabrication", description: "Applying high-heat and pressure to forge unique geometric forms.", imageSrc: "http://img.b2bpic.net/free-photo/dark-metal-factory-busy-man-is-working-his-workplace_613910-17202.jpg"},
|
||||
{
|
||||
title: "Refinement",
|
||||
description: "Precision polishing reveals the hidden luster within the steel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-71048.jpg",
|
||||
},
|
||||
title: "Refinement", description: "Precision polishing reveals the hidden luster within the steel.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-71048.jpg"},
|
||||
{
|
||||
title: "Installation",
|
||||
description: "The final integration into your home or professional environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-drawer-handle_122409-53.jpg",
|
||||
},
|
||||
title: "Installation", description: "The final integration into your home or professional environment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-drawer-handle_122409-53.jpg"},
|
||||
]}
|
||||
title="The Inert Method"
|
||||
description="Every project follows a rigorous path from raw material to finished masterpiece."
|
||||
@@ -190,26 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
title: "Projects Completed",
|
||||
description: "Successful bespoke fabrications nationwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-40-engineer-upgrading-robotic-automation-systems_482257-126783.jpg",
|
||||
},
|
||||
id: "m1", value: "120+", title: "Projects Completed", description: "Successful bespoke fabrications nationwide.", imageSrc: "http://img.b2bpic.net/free-photo/industry-40-engineer-upgrading-robotic-automation-systems_482257-126783.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Decades of expertise in industrial arts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-executives-using-mockup-device-track-energy-production_482257-126924.jpg",
|
||||
},
|
||||
id: "m2", value: "15+", title: "Years Experience", description: "Decades of expertise in industrial arts.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-executives-using-mockup-device-track-energy-production_482257-126924.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Every client receives white-glove service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-texture-with-gears_1048-4501.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction Rate", description: "Every client receives white-glove service.", imageSrc: "http://img.b2bpic.net/free-photo/metal-texture-with-gears_1048-4501.jpg"},
|
||||
]}
|
||||
title="Legacy by Design"
|
||||
description="We operate with a commitment to durability and client satisfaction."
|
||||
@@ -223,59 +136,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Seamus O'Connor",
|
||||
role: "Studio Director",
|
||||
company: "Urban Interiors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg",
|
||||
},
|
||||
id: "t1", name: "Seamus O'Connor", role: "Studio Director", company: "Urban Interiors", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Harry Thompson",
|
||||
role: "Art Collector",
|
||||
company: "Privately Held",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
id: "t2", name: "Harry Thompson", role: "Art Collector", company: "Privately Held", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Architect",
|
||||
company: "Design Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Jenkins", role: "Architect", company: "Design Build", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
role: "Creative Lead",
|
||||
company: "Wu Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wu", role: "Creative Lead", company: "Wu Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma Rossi",
|
||||
role: "CEO",
|
||||
company: "Lux Spaces",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346550.jpg",
|
||||
},
|
||||
id: "t5", name: "Emma Rossi", role: "CEO", company: "Lux Spaces", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346550.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Refined Pieces",
|
||||
},
|
||||
value: "100+", label: "Refined Pieces"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Hear from leaders who trust us with their vision."
|
||||
@@ -287,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Architectural Digest",
|
||||
"Dezeen",
|
||||
"Urban Living",
|
||||
"Steel Arts",
|
||||
"Luxury Interiors",
|
||||
"Modern Forge",
|
||||
"Design Weekly",
|
||||
]}
|
||||
"Architectural Digest", "Dezeen", "Urban Living", "Steel Arts", "Luxury Interiors", "Modern Forge", "Design Weekly"]}
|
||||
title="Featured By"
|
||||
description="Recognized for excellence in industrial craft."
|
||||
/>
|
||||
@@ -306,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What materials do you specialize in?",
|
||||
content: "We primarily work with raw hot-rolled steel, stainless steel, and aluminum, finished to your exact specification.",
|
||||
},
|
||||
id: "f1", title: "What materials do you specialize in?", content: "We primarily work with raw hot-rolled steel, stainless steel, and aluminum, finished to your exact specification."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide installation?",
|
||||
content: "Yes, we handle complete site installation for all custom architectural elements.",
|
||||
},
|
||||
id: "f2", title: "Do you provide installation?", content: "Yes, we handle complete site installation for all custom architectural elements."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the lead time?",
|
||||
content: "Standard lead times are 8-12 weeks depending on the complexity of the piece.",
|
||||
},
|
||||
id: "f3", title: "What is the lead time?", content: "Standard lead times are 8-12 weeks depending on the complexity of the piece."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our fabrication process."
|
||||
@@ -331,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Commission Your Piece"
|
||||
description="Start the journey to a refined industrial masterpiece today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Inquiry",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send Inquiry", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -349,37 +212,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Our Process", href: "#process"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Tables",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Desks",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Architectural",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Custom Builds", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -390,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user