bender/77018cb0-ea5e-45ef-9c17-06511fdca81e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... main

Author SHA1 Message Date
bender
5c6cfb3b99 Merge version_2 into main 
Merge version_2 into main
 2026-06-04 22:08:51 +00:00
bender
9b656b8ebf Update src/app/styles/base.css 2026-06-04 22:08:47 +00:00
bender
2bc904ca3d Update src/app/page.tsx 2026-06-04 22:08:47 +00:00
bender
816ad9958c Update src/app/layout.tsx 2026-06-04 22:08:46 +00:00
3 changed files with 51 additions and 74 deletions
Expand all files Collapse all files

21
src/app/layout.tsx
View File

@@ -6,23 +6,22 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { DM_Sans } from "next/font/google";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Archistudio: Minimalist Architecture & Design', title: 'Archistudio: Minimalist Architecture & Design',
description: 'Archistudio specializes in minimalist architecture, crafting elegant, functional, and sustainable spaces that redefine modern living. Discover our portfolio.', description: 'Archistudio specializes in minimalist architecture, crafting elegant, functional, and sustainable spaces that redefine modern living. Discover our portfolio.',
}; };
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -31,9 +30,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
className={`${halant.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}
<script <script

100
src/app/page.tsx
View File

@@ -18,24 +18,23 @@ export default function ArchitectureStudioPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="aurora" background="noise"
cardStyle="glass-elevated" cardStyle="soft-shadow"
primaryButtonStyle="double-inset" primaryButtonStyle="double-inset"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
headingFontWeight="bold" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Studio" brandName="ARCHISTUDIO"
navItems={[ navItems={[
{ name: "Work", id: "projects" }, { name: "Projects", id: "projects" },
{ name: "Philosophy", id: "philosophy" }, { name: "About", id: "philosophy" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ button={{
text: "Inquire", text: "LET'S TALK", href: "#contact"
href: "contact"
}} }}
className="text-xs tracking-widest uppercase" className="text-xs tracking-widest uppercase"
navItemClassName="text-sm font-light tracking-wide" navItemClassName="text-sm font-light tracking-wide"
@@ -46,13 +45,13 @@ export default function ArchitectureStudioPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ variant: "plain" }} background={{ variant: "plain" }}
title="Timeless Architecture" title="Crafting Spatial Narratives"
description="We craft spaces that transcend trend, marrying restraint with precision. Each project is a dialogue between site, material, and intention." description="Designing minimalist spaces that harmonise with their environment, we focus on material honesty, natural light, and functional elegance. Our work is a quiet statement of thoughtful design."
imagePosition="right" imagePosition="right"
imageSrc="https://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870844.jpg" imageSrc="https://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870844.jpg"
imageAlt="modern building architecture minimalist interior concrete" imageAlt="modern building architecture minimalist interior concrete"
buttons={[ buttons={[
{ text: "View Work", href: "projects" } { text: "VIEW PORTFOLIO", href: "#projects" }
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
className="py-24 md:py-32" className="py-24 md:py-32"
@@ -65,7 +64,7 @@ export default function ArchitectureStudioPage() {
<div id="philosophy" data-section="philosophy"> <div id="philosophy" data-section="philosophy">
<TextAbout <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." title="Our philosophy is rooted in simplicity, functionality, and timelessness. We create spaces that prioritize human experience, natural light, and sustainable materials. Each design is a meticulous exploration of form and void, where every element serves a clear purpose."
useInvertedBackground={false} useInvertedBackground={false}
className="py-32 md:py-48" className="py-32 md:py-48"
containerClassName="max-w-4xl" containerClassName="max-w-4xl"
@@ -75,30 +74,22 @@ export default function ArchitectureStudioPage() {
<div id="projects" data-section="projects"> <div id="projects" data-section="projects">
<FeatureCardSix <FeatureCardSix
title="Selected Projects" title="A Curated Portfolio"
description="Recent work exploring materiality, form, and spatial integrity" description="Highlighting our commitment to minimalist design, material authenticity, and innovative solutions."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Riverside Residence", title: "Riverside Residence", description: "A serene residential retreat where concrete, wood, and glass converge, offering expansive views and seamless integration with the natural riverside landscape.", imageSrc: "https://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg"
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", title: "Corporate Headquarters", description: "A refined corporate campus designed for productivity and well-being, featuring expansive open spaces, natural ventilation, and a facade that harmonizes with its urban context.", imageSrc: "https://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg"
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", title: "Urban Studio", description: "Transformation of a historic warehouse into a vibrant creative hub, preserving industrial heritage while introducing modern, flexible workspaces bathed in natural light.", imageSrc: "https://img.b2bpic.net/free-photo/concrete-structure-blue-sky_181624-5763.jpg"
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", title: "Botanical Pavilion", description: "An ethereal public pavilion crafted from steel and transparent panels, designed to connect visitors with nature through a minimalist framework and integrated green spaces.", imageSrc: "https://img.b2bpic.net/free-photo/white-facade-modern-building_181624-6180.jpg"
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"
} }
]} ]}
className="py-32 md:py-48" className="py-32 md:py-48"
@@ -112,32 +103,24 @@ export default function ArchitectureStudioPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardTwo <MetricCardTwo
title="Our Practice" title="Our Dedication in Numbers"
description="Metrics that matter to us" description="Years of meticulous design, successful collaborations, and a growing team of visionaries."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "18+", description: "Years of Refined Practice"
value: "18+",
description: "Years of Practice"
}, },
{ {
id: "2", id: "2", value: "120+", description: "Distinct Projects Delivered"
value: "120+",
description: "Completed Projects"
}, },
{ {
id: "3", id: "3", value: "4", description: "Visionary Architects"
value: "4",
description: "Principal Architects"
}, },
{ {
id: "4", id: "4", value: "42", description: "Dedicated Team Members"
value: "42",
description: "Studio Team Members"
} }
]} ]}
className="py-24 md:py-32" className="py-24 md:py-32"
@@ -151,17 +134,17 @@ export default function ArchitectureStudioPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
background={{ variant: "plain" }} background={{ variant: "plain" }}
tag="Get in Touch" tag="CONNECT"
title="Let's Discuss Your Project" title="Begin Your Architectural Journey"
description="We explore commissions where thoughtful design and client vision align. Tell us about your space, your aspirations, your constraints." description="We are always keen to engage with clients who share our passion for minimalist design and functional beauty. Share your vision with us."
useInvertedBackground={true} useInvertedBackground={true}
imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg" imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg"
imageAlt="studio workspace architects design drafting collaboration" imageAlt="studio workspace architects design drafting collaboration"
mediaPosition="right" mediaPosition="right"
mediaAnimation="slide-up" mediaAnimation="slide-up"
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"
buttonText="Send" buttonText="SUBMIT INQUIRY"
termsText="We respect your inquiry. Connect with us within 48 hours." termsText="Your vision matters. We typically respond within 1-2 business days."
className="py-32 md:py-48" className="py-32 md:py-48"
tagClassName="text-sm uppercase tracking-widest" tagClassName="text-sm uppercase tracking-widest"
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4" titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
@@ -173,32 +156,29 @@ export default function ArchitectureStudioPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="Studio X" logoText="ARCHISTUDIO"
columns={[ columns={[
{ {
title: "Studio", title: "EXPLORE", items: [
items: [ { label: "About", href: "#philosophy" },
{ label: "About", href: "philosophy" }, { label: "Projects", href: "#projects" }
{ label: "Work", href: "projects" }
] ]
}, },
{ {
title: "Connect", title: "REACH US", items: [
items: [ { label: "hello@archistudio.com", href: "mailto:hello@archistudio.com" },
{ label: "hello@studiox.com", href: "#" }, { label: "Contact Form", href: "#contact" }
{ label: "Contact", href: "contact" }
] ]
}, },
{ {
title: "Practice", title: "SPECIALTIES", items: [
items: [ { label: "Residential", href: "#projects" },
{ label: "Residential", href: "#" }, { label: "Commercial", href: "#projects" },
{ label: "Commercial", href: "#" }, { label: "Adaptive Reuse", href: "#projects" }
{ label: "Adaptive Reuse", href: "#" }
] ]
} }
]} ]}
copyrightText="© 2025 Studio. Timeless architecture." copyrightText="© 2025 Archistudio. Crafting timeless spaces."
className="mt-0" className="mt-0"
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0" columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
columnItemClassName="text-base font-light" columnItemClassName="text-base font-light"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }