bender/e5f656ea-a0f2-445f-9cc3-39ef1831c954
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-23 01:23:02 +00:00
parent ad5d5e12f7 66dae8a96f
commit 2fd1255edd
1 changed files with 53 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

330
src/app/page.tsx
View File

@@ -30,104 +30,46 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Process",
id: "#process",
},
{
name: "Projects",
id: "#projects",
},
{
name: "FAQ",
id: "#faq",
},
{
name: "Consult",
id: "#contact",
},
{ name: "Process", id: "process" },
{ name: "Projects", id: "projects" },
{ name: "FAQ", id: "faq" },
{ name: "Consult", id: "contact" },
]}
brandName="Albert Living"
button={{ text: "Book Consultation", href: "/pages/book-consultation" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="One Team. One Contract. One Luxury Home, Built Exactly as You Imagined It."
description="Design-build delivery for luxury residential projects in Melbourne's eastern suburbs."
kpis={[
{
value: "$3M+",
label: "Projects Budget",
},
{
value: "1 Team",
label: "Accountability",
},
{
value: "Direct",
label: "Design-Build",
},
{ value: "$3M+", label: "Projects Budget" },
{ value: "1 Team", label: "Accountability" },
{ value: "Direct", label: "Design-Build" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book a Private Consultation",
href: "/pages/book-consultation",
},
{
text: "See Our Projects",
href: "/pages/projects-luxury-custom-homes-kew-melbourne",
},
{ text: "Book a Private Consultation", href: "/pages/book-consultation" },
{ text: "See Our Projects", href: "/pages/projects-luxury-custom-homes-kew-melbourne" },
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004785.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg",
alt: "Client profile 5",
},
{ src: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg", alt: "Client profile 1" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg", alt: "Client profile 2" },
{ src: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004785.jpg", alt: "Client profile 3" },
{ src: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg", alt: "Client profile 4" },
{ src: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg", alt: "Client profile 5" },
]}
marqueeItems={[
{
type: "text",
text: "Award-winning Design",
},
{
type: "text",
text: "Precision Engineering",
},
{
type: "text",
text: "Sustainable Luxury",
},
{
type: "text",
text: "Melbourne Excellence",
},
{
type: "text",
text: "Seamless Delivery",
},
{ type: "text", text: "Award-winning Design" },
{ type: "text", text: "Precision Engineering" },
{ type: "text", text: "Sustainable Luxury" },
{ type: "text", text: "Melbourne Excellence" },
{ type: "text", text: "Seamless Delivery" },
]}
/>
</div>
@@ -139,20 +81,11 @@ export default function LandingPage() {
title="What is design-build?"
description="In the traditional model, you hire an architect, they design a home, you take the drawings to builders for quotes, and you discover the design costs twice what you planned. Then the redesign begins. Design-build collapses that. One team handles architecture, interior design, landscape, engineering, construction, joinery, and stone. You have a single point of accountability from concept to handover. The design is costed in real time as it's drawn, so what you see is what you build."
bulletPoints={[
{
title: "Single Point of Accountability",
description: "Architecture, interiors, and construction managed by one team.",
},
{
title: "Real-time Costing",
description: "No surprise budget blowouts; design and costs scale together.",
},
{
title: "Design Integrity",
description: "Construction detailing exactly as conceptualized.",
},
{ title: "Single Point of Accountability", description: "Architecture, interiors, and construction managed by one team." },
{ title: "Real-time Costing", description: "No surprise budget blowouts; design and costs scale together." },
{ title: "Design Integrity", description: "Construction detailing exactly as conceptualized." },
]}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -163,51 +96,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "step-1",
title: "Discovery",
descriptions: [
"Understanding your site, lifestyle, and aesthetic. (2 weeks)",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-working-architectural-design-office_482257-8108.jpg",
imageAlt: "Man working on architectural design at office",
},
{
id: "step-2",
title: "Concept Design",
descriptions: [
"Every sketch is priced as it is drawn. No surprises. (6–10 weeks)",
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg?_wi=2",
imageAlt: "Man working on architectural design at office",
},
{
id: "step-3",
title: "Permits",
descriptions: [
"We handle all planning and building permits for you. (8–16 weeks)",
],
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg?_wi=2",
imageAlt: "Man working on architectural design at office",
},
{
id: "step-4",
title: "Construction",
descriptions: [
"Project management by the team from day one. (14–24 months)",
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543707.jpg?_wi=1",
imageAlt: "Man working on architectural design at office",
},
{
id: "step-5",
title: "Handover",
descriptions: [
"Comprehensive warranty and finishes support upon completion.",
],
imageSrc: "http://img.b2bpic.net/free-photo/detail-gothic-architecture-dijon-city_268835-4030.jpg?_wi=1",
imageAlt: "Man working on architectural design at office",
},
{ id: "step-1", title: "Discovery", descriptions: ["Understanding your site, lifestyle, and aesthetic. (2 weeks)"], imageSrc: "http://img.b2bpic.net/free-photo/man-working-architectural-design-office_482257-8108.jpg", imageAlt: "Man working on architectural design at office" },
{ id: "step-2", title: "Concept Design", descriptions: ["Every sketch is priced as it is drawn. No surprises. (6–10 weeks)"], imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-870.jpg", imageAlt: "Man working on architectural design at office" },
{ id: "step-3", title: "Permits", descriptions: ["We handle all planning and building permits for you. (8–16 weeks)"], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862098.jpg", imageAlt: "Man working on architectural design at office" },
{ id: "step-4", title: "Construction", descriptions: ["Project management by the team from day one. (14–24 months)"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543707.jpg", imageAlt: "Man working on architectural design at office" },
{ id: "step-5", title: "Handover", descriptions: ["Comprehensive warranty and finishes support upon completion."], imageSrc: "http://img.b2bpic.net/free-photo/detail-gothic-architecture-dijon-city_268835-4030.jpg", imageAlt: "Man working on architectural design at office" },
]}
title="How Albert Living delivers design-build"
description="Our transparent, streamlined five-step process to bring your vision to life."
@@ -220,36 +113,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Price",
title: "Certainty",
items: [
"Budget tested against every decision.",
"No $800k surprise at tender.",
"Total fiscal transparency.",
],
},
{
id: "m2",
value: "Design",
title: "Integrity",
items: [
"Cost engineer in the design room.",
"Detail that stays.",
"Vision realized perfectly.",
],
},
{
id: "m3",
value: "Single",
title: "Relationship",
items: [
"First meeting to keys.",
"One team, one point of contact.",
"Seamless communication.",
],
},
{ id: "m1", value: "Price", title: "Certainty", items: ["Budget tested against every decision.", "No $800k surprise at tender.", "Total fiscal transparency."] },
{ id: "m2", value: "Design", title: "Integrity", items: ["Cost engineer in the design room.", "Detail that stays.", "Vision realized perfectly."] },
{ id: "m3", value: "Single", title: "Relationship", items: ["First meeting to keys.", "One team, one point of contact.", "Seamless communication."] },
]}
title="Why this matters for your project"
description="The clear advantages of a single-team approach."
@@ -263,24 +129,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Kew Residence",
price: "1,200 sqm",
imageSrc: "http://img.b2bpic.net/free-photo/detail-gothic-architecture-dijon-city_268835-4030.jpg?_wi=2",
},
{
id: "p2",
name: "Hawthorn Modern",
price: "850 sqm",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg",
},
{
id: "p3",
name: "Toorak Estate",
price: "1,400 sqm",
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg",
},
{ id: "p1", name: "Kew Residence", price: "1,200 sqm", imageSrc: "http://img.b2bpic.net/free-photo/detail-gothic-architecture-dijon-city_268835-4030.jpg" },
{ id: "p2", name: "Hawthorn Modern", price: "850 sqm", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-textured-facade-modern-building_181624-16993.jpg" },
{ id: "p3", name: "Toorak Estate", price: "1,400 sqm", imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg" },
]}
title="Selected Projects"
description="Exemplary luxury residential work in Melbourne's elite suburbs."
@@ -294,24 +145,12 @@ export default function LandingPage() {
title="Who this is for"
description="We take on 2–4 design-build projects per year to ensure absolute quality. We are the right fit if you want accountability, integrity, and uncompromising material quality."
bulletPoints={[
{
title: "Budget Range",
description: "Projects between $3M and $20M.",
},
{
title: "Accountability",
description: "You want one team from concept to keys.",
},
{
title: "Quality First",
description: "You prioritize material finish over lowest bid.",
},
{
title: "Location",
description: "Melbourne's eastern suburbs.",
},
{ title: "Budget Range", description: "Projects between $3M and $20M." },
{ title: "Accountability", description: "You want one team from concept to keys." },
{ title: "Quality First", description: "You prioritize material finish over lowest bid." },
{ title: "Location", description: "Melbourne's eastern suburbs." },
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543707.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543707.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -321,36 +160,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Does design-build cost more or less?",
content: "Often, it saves money by preventing redesign cycles and tender surprises.",
},
{
id: "f2",
title: "Who owns the intellectual property?",
content: "Intellectual property is managed under our collaborative contract structure.",
},
{
id: "f3",
title: "Can we pause between phases?",
content: "While continuous progress is ideal, we can accommodate project staging.",
},
{
id: "f4",
title: "Availability for 2026?",
content: "We are currently booking initial consultations for 2026 starts.",
},
{
id: "f5",
title: "Do you work outside Melbourne?",
content: "Our focus remains exclusively on Melbourne's eastern suburbs.",
},
{
id: "f6",
title: "What about mid-construction changes?",
content: "We manage changes via a clear variation request process.",
},
{ id: "f1", title: "Does design-build cost more or less?", content: "Often, it saves money by preventing redesign cycles and tender surprises." },
{ id: "f2", title: "Who owns the intellectual property?", content: "Intellectual property is managed under our collaborative contract structure." },
{ id: "f3", title: "Can we pause between phases?", content: "While continuous progress is ideal, we can accommodate project staging." },
{ id: "f4", title: "Availability for 2026?", content: "We are currently booking initial consultations for 2026 starts." },
{ id: "f5", title: "Do you work outside Melbourne?", content: "Our focus remains exclusively on Melbourne's eastern suburbs." },
{ id: "f6", title: "What about mid-construction changes?", content: "We manage changes via a clear variation request process." },
]}
title="Questions Answered"
description="Common questions regarding our design-build process."
@@ -361,59 +176,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Connect"
title="Begin With a Conversation."
description="A 30-minute consultation, no fee, no obligation. We'll talk through your site, your brief, and whether our studio is the right fit for your project."
buttons={[
{
text: "Book a Consultation",
href: "/pages/book-consultation",
},
]}
buttons={[{ text: "Book a Consultation", href: "/pages/book-consultation" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "Projects",
href: "#projects",
},
{
label: "Process",
href: "#process",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Warranty",
href: "#",
},
],
},
{
title: "Get In Touch",
items: [
{
label: "Book Consultation",
href: "/pages/book-consultation",
},
],
},
{ title: "Company", items: [{ label: "Projects", href: "#projects" }, { label: "Process", href: "#process" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Warranty", href: "#" }] },
{ title: "Get In Touch", items: [{ label: "Book Consultation", href: "/pages/book-consultation" }] },
]}
logoText="Albert Living"
/>