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 Tag from "@/tag/Tag";
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 = {
title: 'Archistudio: Minimalist Architecture & Design',
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({
children,
}: Readonly<{
@@ -31,9 +30,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} antialiased`}
>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

100
src/app/page.tsx
View File

@@ -18,24 +18,23 @@ export default function ArchitectureStudioPage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
background="noise"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Studio"
brandName="ARCHISTUDIO"
navItems={[
{ name: "Work", id: "projects" },
{ name: "Philosophy", id: "philosophy" },
{ name: "Projects", id: "projects" },
{ name: "About", id: "philosophy" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Inquire",
href: "contact"
text: "LET'S TALK", href: "#contact"
}}
className="text-xs tracking-widest uppercase"
navItemClassName="text-sm font-light tracking-wide"
@@ -46,13 +45,13 @@ export default function ArchitectureStudioPage() {
<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."
title="Crafting Spatial Narratives"
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"
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" }
{ text: "VIEW PORTFOLIO", href: "#projects" }
]}
mediaAnimation="slide-up"
className="py-24 md:py-32"
@@ -65,7 +64,7 @@ export default function ArchitectureStudioPage() {
<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."
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}
className="py-32 md:py-48"
containerClassName="max-w-4xl"
@@ -75,30 +74,22 @@ export default function ArchitectureStudioPage() {
<div id="projects" data-section="projects">
<FeatureCardSix
title="Selected Projects"
description="Recent work exploring materiality, form, and spatial integrity"
title="A Curated Portfolio"
description="Highlighting our commitment to minimalist design, material authenticity, and innovative solutions."
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: "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"
},
{
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: "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"
},
{
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: "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"
},
{
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"
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"
}
]}
className="py-32 md:py-48"
@@ -112,32 +103,24 @@ export default function ArchitectureStudioPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Our Practice"
description="Metrics that matter to us"
title="Our Dedication in Numbers"
description="Years of meticulous design, successful collaborations, and a growing team of visionaries."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{
id: "1",
value: "18+",
description: "Years of Practice"
id: "1", value: "18+", description: "Years of Refined Practice"
},
{
id: "2",
value: "120+",
description: "Completed Projects"
id: "2", value: "120+", description: "Distinct Projects Delivered"
},
{
id: "3",
value: "4",
description: "Principal Architects"
id: "3", value: "4", description: "Visionary Architects"
},
{
id: "4",
value: "42",
description: "Studio Team Members"
id: "4", value: "42", description: "Dedicated Team Members"
}
]}
className="py-24 md:py-32"
@@ -151,17 +134,17 @@ export default function ArchitectureStudioPage() {
<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."
tag="CONNECT"
title="Begin Your Architectural Journey"
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}
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."
buttonText="SUBMIT INQUIRY"
termsText="Your vision matters. We typically respond within 1-2 business days."
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"
@@ -173,32 +156,29 @@ export default function ArchitectureStudioPage() {
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Studio X"
logoText="ARCHISTUDIO"
columns={[
{
title: "Studio",
items: [
{ label: "About", href: "philosophy" },
{ label: "Work", href: "projects" }
title: "EXPLORE", items: [
{ label: "About", href: "#philosophy" },
{ label: "Projects", href: "#projects" }
]
},
{
title: "Connect",
items: [
{ label: "hello@studiox.com", href: "#" },
{ label: "Contact", href: "contact" }
title: "REACH US", items: [
{ label: "hello@archistudio.com", href: "mailto:hello@archistudio.com" },
{ label: "Contact Form", href: "#contact" }
]
},
{
title: "Practice",
items: [
{ label: "Residential", href: "#" },
{ label: "Commercial", href: "#" },
{ label: "Adaptive Reuse", href: "#" }
title: "SPECIALTIES", items: [
{ label: "Residential", href: "#projects" },
{ label: "Commercial", href: "#projects" },
{ label: "Adaptive Reuse", href: "#projects" }
]
}
]}
copyrightText="© 2025 Studio. Timeless architecture."
copyrightText="© 2025 Archistudio. Crafting timeless spaces."
className="mt-0"
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
columnItemClassName="text-base font-light"

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

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