Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4b5012400f | |||
| 30c2d83fbf | |||
| 43a3955de6 | |||
| f41c581fd8 | |||
| 361d0e8c84 | |||
| 0f470f0de9 |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -2,210 +2,122 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Wrench, ShieldCheck, Square } from "lucide-react";
|
||||
|
||||
export default function ArchitectureStudioPage() {
|
||||
export default function AluminiumServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
<NavbarStyleCentered
|
||||
brandName="ALU-TECH"
|
||||
navItems={[
|
||||
{ name: "Work", id: "projects" },
|
||||
{ name: "Philosophy", id: "philosophy" },
|
||||
{ name: "Expertise", id: "philosophy" },
|
||||
{ name: "Services", id: "projects" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Inquire",
|
||||
href: "contact"
|
||||
}}
|
||||
className="text-xs tracking-widest uppercase"
|
||||
navItemClassName="text-sm font-light tracking-wide"
|
||||
buttonClassName="px-6 py-2 text-sm tracking-widest uppercase"
|
||||
button={{ text: "Enquire", href: "#contact" }}
|
||||
className="bg-background/80 backdrop-blur-md"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Architecture"
|
||||
description="We craft spaces that transcend trend, marrying restraint with precision. Each project is a dialogue between site, material, and intention."
|
||||
imagePosition="right"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870844.jpg"
|
||||
imageAlt="modern building architecture minimalist interior concrete"
|
||||
buttons={[
|
||||
{ text: "View Work", href: "projects" }
|
||||
<HeroCarouselLogo
|
||||
logoText="Minimalist Aluminium Engineering"
|
||||
description="Precision anodising, architectural powdercoating, and bespoke window systems for high-performance buildings."
|
||||
buttons={[{ text: "View Services", href: "#projects" }]}
|
||||
slides={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/aluminium-profile-raw-material_23-2148450702.jpg", imageAlt: "Aluminium extrusion" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/industrial-metal-workshop_23-2148107055.jpg", imageAlt: "Precision coating workshop" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
className="py-24 md:py-32"
|
||||
containerClassName="max-w-7xl"
|
||||
titleClassName="text-5xl md:text-7xl font-light tracking-tight leading-tight"
|
||||
descriptionClassName="text-sm md:text-xl font-light leading-relaxed"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase mt-2"
|
||||
className="py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TextAbout
|
||||
title="We believe architecture should speak quietly. Good design requires no explanation—it exists with purpose and restraint, allowing inhabitants to inhabit space without distraction. Our practice centers on understanding context, respecting material honesty, and creating timeless environments."
|
||||
useInvertedBackground={false}
|
||||
className="py-32 md:py-48"
|
||||
containerClassName="max-w-4xl"
|
||||
titleClassName="text-3xl md:text-5xl font-light leading-relaxed text-center"
|
||||
<TestimonialAboutCard
|
||||
tag="Minimalist Standard"
|
||||
title="Engineering Through Precision"
|
||||
description="We approach aluminium fabrication as an art form. By integrating anodising and coating processes in-house, we control every detail of the finish, ensuring architectural clarity and structural endurance."
|
||||
subdescription="ISO-certified precision for projects that demand architectural excellence."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/modern-window-construction-details_23-2148143210.jpg"
|
||||
className="py-32"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardSix
|
||||
title="Selected Projects"
|
||||
description="Recent work exploring materiality, form, and spatial integrity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Riverside Residence",
|
||||
description: "A private home responding to its landscape. Concrete, glass, and timber create a dialogue between structure and nature. Site-specific design honoring the waterfront context.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg"
|
||||
},
|
||||
{
|
||||
title: "Corporate Headquarters",
|
||||
description: "Minimal office complex emphasizing natural light and material authenticity. Steel structure with stone cladding defines a calm, focused work environment.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg"
|
||||
},
|
||||
{
|
||||
title: "Urban Studio",
|
||||
description: "Adaptive reuse of an industrial warehouse into creative workspace. Careful preservation of existing structure with restrained new interventions.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/concrete-structure-blue-sky_181624-5763.jpg"
|
||||
},
|
||||
{
|
||||
title: "Botanical Pavilion",
|
||||
description: "Public garden structure exploring sustainable materials and transparent design. Steel framework with living walls creates a permeable space for community gathering.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/white-facade-modern-building_181624-6180.jpg"
|
||||
}
|
||||
<FeatureCardTwentyOne
|
||||
title="Service Portfolio"
|
||||
description="Refined solutions for modern building envelopes."
|
||||
tag="Our Capabilities"
|
||||
accordionItems={[
|
||||
{ id: "p1", title: "Architectural Powdercoating", content: "High-durability finishes engineered for extreme UV exposure and urban environments." },
|
||||
{ id: "p2", title: "Industrial Anodising", content: "Advanced electrochemical oxidation for a seamless, metallic architectural finish." },
|
||||
{ id: "p3", title: "Bespoke Window Fabrication", content: "Minimalist framing systems designed for maximum transparency and thermal efficiency." }
|
||||
]}
|
||||
className="py-32 md:py-48"
|
||||
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||
cardTitleClassName="text-4xl md:text-5xl font-light tracking-tight mb-4"
|
||||
cardDescriptionClassName="text-lg md:text-xl font-light leading-relaxed"
|
||||
stepNumberClassName="mb-4"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/metal-texture-background_23-2148107055.jpg"
|
||||
className="py-32"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Practice"
|
||||
description="Metrics that matter to us"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<MetricCardThree
|
||||
title="Precision Metrics"
|
||||
description="Delivering excellence through documented technical capability."
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "18+",
|
||||
description: "Years of Practice"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "120+",
|
||||
description: "Completed Projects"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4",
|
||||
description: "Principal Architects"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "42",
|
||||
description: "Studio Team Members"
|
||||
}
|
||||
{ id: "m1", icon: Wrench, title: "Fabrication Capacity", value: "500+ tons" },
|
||||
{ id: "m2", icon: Square, title: "Window Installations", value: "1200+" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "Warranty Period", value: "20 Yrs" }
|
||||
]}
|
||||
className="py-24 md:py-32"
|
||||
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
|
||||
textBoxDescriptionClassName="text-base md:text-lg font-light"
|
||||
valueClassName="text-9xl md:text-7xl font-light"
|
||||
metricDescriptionClassName="text-sm md:text-base font-light uppercase tracking-wide"
|
||||
className="py-24"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Let's Discuss Your Project"
|
||||
description="We explore commissions where thoughtful design and client vision align. Tell us about your space, your aspirations, your constraints."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg"
|
||||
imageAlt="studio workspace architects design drafting collaboration"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Send"
|
||||
termsText="We respect your inquiry. Connect with us within 48 hours."
|
||||
className="py-32 md:py-48"
|
||||
tagClassName="text-sm uppercase tracking-widest"
|
||||
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
|
||||
descriptionClassName="text-base md:text-lg font-light leading-relaxed mt-3"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase"
|
||||
termsClassName="text-sm font-light mt-4"
|
||||
<ContactCenter
|
||||
tag="Work With Us"
|
||||
title="Discuss Your Project"
|
||||
description="Get in touch to review technical specifications or request a feasibility consultation for your next architectural project."
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttonText="Submit Enquiry"
|
||||
className="py-32"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Studio X"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{ label: "About", href: "philosophy" },
|
||||
{ label: "Work", href: "projects" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "hello@studiox.com", href: "#" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Practice",
|
||||
items: [
|
||||
{ label: "Residential", href: "#" },
|
||||
{ label: "Commercial", href: "#" },
|
||||
{ label: "Adaptive Reuse", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio. Timeless architecture."
|
||||
className="mt-0"
|
||||
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
|
||||
columnItemClassName="text-base font-light"
|
||||
copyrightTextClassName="text-sm font-light"
|
||||
<FooterLogoReveal
|
||||
logoText="ALU-TECH"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Trade", href: "#" }}
|
||||
className="py-12 bg-card"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user