Merge version_1 into main #2
295
src/app/page.tsx
295
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Home } from "lucide-react";
|
||||
import { Home, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Overview",
|
||||
id: "#overview",
|
||||
},
|
||||
{
|
||||
name: "Living",
|
||||
id: "#living",
|
||||
},
|
||||
{
|
||||
name: "Details",
|
||||
id: "#details",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Overview", id: "#overview" },
|
||||
{ name: "Living", id: "#living" },
|
||||
{ name: "Details", id: "#details" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Albert Living"
|
||||
/>
|
||||
@@ -65,75 +47,20 @@ export default function LandingPage() {
|
||||
title="70 Cobden: A Legacy of Design & Construction"
|
||||
description="An architect-designed custom luxury residence in Kew, Melbourne, delivered by Albert Living."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Homeowner",
|
||||
handle: "Kew Residence",
|
||||
testimonial: "The level of integration between architecture and construction was seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-coastal-villa-with-ocean-view_23-2152016382.jpg?_wi=1",
|
||||
imageAlt: "luxury custom home facade kew",
|
||||
},
|
||||
{
|
||||
name: "Consultant",
|
||||
handle: "Rexicon Eng",
|
||||
testimonial: "A project defined by technical precision and architectural intent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692255.jpg?_wi=1",
|
||||
imageAlt: "luxury custom home facade kew",
|
||||
},
|
||||
{
|
||||
name: "Interior Designer",
|
||||
handle: "Studio Lead",
|
||||
testimonial: "Materiality and spatial flow were managed to the highest degree.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg?_wi=1",
|
||||
imageAlt: "luxury custom home facade kew",
|
||||
},
|
||||
{
|
||||
name: "Site Manager",
|
||||
handle: "Build Lead",
|
||||
testimonial: "Everything resolved before site works, leading to an effortless build.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg?_wi=1",
|
||||
imageAlt: "luxury custom home facade kew",
|
||||
},
|
||||
{
|
||||
name: "Architecture Partner",
|
||||
handle: "Design Assoc",
|
||||
testimonial: "The home sits perfectly in the landscape, a true feat of design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg?_wi=1",
|
||||
imageAlt: "luxury custom home facade kew",
|
||||
},
|
||||
{ name: "Homeowner", handle: "Kew Residence", testimonial: "The level of integration between architecture and construction was seamless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxury-coastal-villa-with-ocean-view_23-2152016382.jpg", imageAlt: "luxury custom home facade kew" },
|
||||
{ name: "Consultant", handle: "Rexicon Eng", testimonial: "A project defined by technical precision and architectural intent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692255.jpg", imageAlt: "luxury custom home facade kew" },
|
||||
{ name: "Interior Designer", handle: "Studio Lead", testimonial: "Materiality and spatial flow were managed to the highest degree.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg", imageAlt: "luxury custom home facade kew" },
|
||||
{ name: "Site Manager", handle: "Build Lead", testimonial: "Everything resolved before site works, leading to an effortless build.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg", imageAlt: "luxury custom home facade kew" },
|
||||
{ name: "Architecture Partner", handle: "Design Assoc", testimonial: "The home sits perfectly in the landscape, a true feat of design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg", imageAlt: "luxury custom home facade kew" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-coastal-villa-with-ocean-view_23-2152016382.jpg?_wi=2"
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-coastal-villa-with-ocean-view_23-2152016382.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/very-important-project-must-be-done_329181-10311.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg", alt: "Client profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg", alt: "Client profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg", alt: "Client profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Client profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/very-important-project-must-be-done_329181-10311.jpg", alt: "Client profile 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,7 +73,7 @@ export default function LandingPage() {
|
||||
description="70 Cobden represents a holistic approach where architecture, construction, and joinery are handled as one. 515sqm of purpose-built architectural space in Kew."
|
||||
subdescription="Designed by Albert Living, delivered with absolute cost clarity and construction precision."
|
||||
icon={Home}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692255.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692255.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -156,30 +83,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Open-Plan Living",
|
||||
description: "Seamless integration of kitchen, dining, and living zones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-office_23-2147668767.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Private Retreats",
|
||||
description: "Intimate bedrooms offering comfort and acoustic separation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg?_wi=2",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Refined Wet Areas",
|
||||
description: "Arabescato Cielo marble with herringbone geometry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg?_wi=2",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Outdoor Connection",
|
||||
description: "Level transitions into landscaped pool area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg?_wi=2",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{ title: "Open-Plan Living", description: "Seamless integration of kitchen, dining, and living zones.", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-office_23-2147668767.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Private Retreats", description: "Intimate bedrooms offering comfort and acoustic separation.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Refined Wet Areas", description: "Arabescato Cielo marble with herringbone geometry.", imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Outdoor Connection", description: "Level transitions into landscaped pool area.", imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg", buttonIcon: ArrowRight },
|
||||
]}
|
||||
title="Spatial Flow & Materiality"
|
||||
description="Continuous spatial progression orchestrating light and volume."
|
||||
@@ -191,61 +98,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "2024",
|
||||
title: "Luxury Build",
|
||||
quote: "Seamless end-to-end integration.",
|
||||
tag: "Kew",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-laying-sofa-living-room-reading-magazine_176420-42537.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-coastal-villa-with-ocean-view_23-2152016382.jpg?_wi=3",
|
||||
imageAlt: "happy client home builder testimonial",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
date: "2024",
|
||||
title: "Custom Project",
|
||||
quote: "Exceeded all expectations in precision.",
|
||||
tag: "Kew",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-explaining-her-renovation-vision-plans_482257-112583.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692255.jpg?_wi=3",
|
||||
imageAlt: "happy client home builder testimonial",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "2024",
|
||||
title: "Architectural Home",
|
||||
quote: "The materiality is truly stunning.",
|
||||
tag: "Kew",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/embraced-parents-smiling-son-sofa_23-2148414912.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg?_wi=3",
|
||||
imageAlt: "happy client home builder testimonial",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "2024",
|
||||
title: "Custom Build",
|
||||
quote: "Professional, transparent, and refined.",
|
||||
tag: "Kew",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg?_wi=3",
|
||||
imageAlt: "happy client home builder testimonial",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane L.",
|
||||
date: "2024",
|
||||
title: "Full Build",
|
||||
quote: "A masterclass in modern living.",
|
||||
tag: "Kew",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-architect-with-thumb-up_1149-1128.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg?_wi=3",
|
||||
imageAlt: "happy client home builder testimonial",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "2024", title: "Luxury Build", quote: "Seamless end-to-end integration.", tag: "Kew", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-girl-laying-sofa-living-room-reading-magazine_176420-42537.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-coastal-villa-with-ocean-view_23-2152016382.jpg", imageAlt: "happy client home builder testimonial" },
|
||||
{ id: "2", name: "Michael C.", date: "2024", title: "Custom Project", quote: "Exceeded all expectations in precision.", tag: "Kew", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-explaining-her-renovation-vision-plans_482257-112583.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692255.jpg", imageAlt: "happy client home builder testimonial" },
|
||||
{ id: "3", name: "Emily R.", date: "2024", title: "Architectural Home", quote: "The materiality is truly stunning.", tag: "Kew", avatarSrc: "http://img.b2bpic.net/free-photo/embraced-parents-smiling-son-sofa_23-2148414912.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg", imageAlt: "happy client home builder testimonial" },
|
||||
{ id: "4", name: "David K.", date: "2024", title: "Custom Build", quote: "Professional, transparent, and refined.", tag: "Kew", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sink_74190-1965.jpg", imageAlt: "happy client home builder testimonial" },
|
||||
{ id: "5", name: "Jane L.", date: "2024", title: "Full Build", quote: "A masterclass in modern living.", tag: "Kew", avatarSrc: "http://img.b2bpic.net/free-photo/female-architect-with-thumb-up_1149-1128.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chinese-garden-n-zurich_1112-1143.jpg", imageAlt: "happy client home builder testimonial" },
|
||||
]}
|
||||
title="Client Experience"
|
||||
description="Building with Albert Living is an end-to-end design journey."
|
||||
@@ -258,27 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "515sqm",
|
||||
title: "Area",
|
||||
description: "Total built area",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "$4.15M",
|
||||
title: "Budget",
|
||||
description: "Construction value",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-with-wooden-accents-natural-light_23-2152016397.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2026",
|
||||
title: "Completion",
|
||||
description: "Target date",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool_1150-10748.jpg",
|
||||
},
|
||||
{ id: "1", value: "515sqm", title: "Area", description: "Total built area", imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg" },
|
||||
{ id: "2", value: "$4.15M", title: "Budget", description: "Construction value", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-interior-with-wooden-accents-natural-light_23-2152016397.jpg" },
|
||||
{ id: "3", value: "2026", title: "Completion", description: "Target date", imageSrc: "http://img.b2bpic.net/free-photo/deckchair-swimming-pool_1150-10748.jpg" },
|
||||
]}
|
||||
title="Project Fundamentals"
|
||||
description="Precision through integrated delivery."
|
||||
@@ -289,26 +128,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the costs per sqm?",
|
||||
content: "Costs generally range from $8,000 to $11,000 per sqm depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need a separate architect?",
|
||||
content: "No, Albert Living manages design in-house.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long is the build process?",
|
||||
content: "Usually 12-18 months from design to handover.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are permits required?",
|
||||
content: "Yes, standard building permits are mandatory; planning permits depend on heritage overlays.",
|
||||
},
|
||||
{ id: "1", title: "What are the costs per sqm?", content: "Costs generally range from $8,000 to $11,000 per sqm depending on complexity." },
|
||||
{ id: "2", title: "Do I need a separate architect?", content: "No, Albert Living manages design in-house." },
|
||||
{ id: "3", title: "How long is the build process?", content: "Usually 12-18 months from design to handover." },
|
||||
{ id: "4", title: "Are permits required?", content: "Yes, standard building permits are mandatory; planning permits depend on heritage overlays." },
|
||||
]}
|
||||
sideTitle="Luxury Build FAQs"
|
||||
sideDescription="Everything you need to know about building in Kew."
|
||||
@@ -319,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Started"
|
||||
title="Start Your Project"
|
||||
description="Ready to build your bespoke residence in Kew? Let's discuss your brief."
|
||||
@@ -336,45 +157,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg"
|
||||
logoText="Albert Living"
|
||||
columns={[
|
||||
{
|
||||
title: "Projects",
|
||||
items: [
|
||||
{
|
||||
label: "70 Cobden",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "100 Derby",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Projects", items: [{ label: "70 Cobden", href: "#" }, { label: "100 Derby", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Process", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user