Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Concept",
|
||||
id: "about",
|
||||
},
|
||||
name: "Concept", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Personal Design Studio"
|
||||
/>
|
||||
@@ -54,103 +46,57 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="A Vision for Modern Living"
|
||||
description="Exquisitely designed 600 sq meter private residence, blending modern architectural precision with natural warmth and functional luxury."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client A",
|
||||
handle: "@project1",
|
||||
testimonial: "The design process was collaborative and the result is truly a masterpiece of spatial flow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg?_wi=1",
|
||||
imageAlt: "luxury villa exterior modern architectural design",
|
||||
},
|
||||
name: "Client A", handle: "@project1", testimonial: "The design process was collaborative and the result is truly a masterpiece of spatial flow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageAlt: "luxury villa exterior modern architectural design"},
|
||||
{
|
||||
name: "Architectural Review",
|
||||
handle: "@rev",
|
||||
testimonial: "Innovative use of the 600sqm envelope, pushing boundaries of residential comfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg?_wi=1",
|
||||
imageAlt: "architectural sketch modern residence",
|
||||
},
|
||||
name: "Architectural Review", handle: "@rev", testimonial: "Innovative use of the 600sqm envelope, pushing boundaries of residential comfort.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg", imageAlt: "architectural sketch modern residence"},
|
||||
{
|
||||
name: "Design Digest",
|
||||
handle: "@dig",
|
||||
testimonial: "A breathtaking personal project that defines quiet luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg?_wi=1",
|
||||
imageAlt: "modern sustainable home eco friendly features",
|
||||
},
|
||||
name: "Design Digest", handle: "@dig", testimonial: "A breathtaking personal project that defines quiet luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg", imageAlt: "modern sustainable home eco friendly features"},
|
||||
{
|
||||
name: "Local Lead",
|
||||
handle: "@lead",
|
||||
testimonial: "The most professional approach to a bespoke house design I have ever seen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg?_wi=1",
|
||||
imageAlt: "open concept living room modern house",
|
||||
},
|
||||
name: "Local Lead", handle: "@lead", testimonial: "The most professional approach to a bespoke house design I have ever seen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "open concept living room modern house"},
|
||||
{
|
||||
name: "Home Owner",
|
||||
handle: "@owner",
|
||||
testimonial: "Everything I imagined for my dream home, realized with absolute precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg?_wi=1",
|
||||
imageAlt: "modern luxury bedroom house design",
|
||||
},
|
||||
name: "Home Owner", handle: "@owner", testimonial: "Everything I imagined for my dream home, realized with absolute precision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg", imageAlt: "modern luxury bedroom house design"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg"
|
||||
imageAlt="Luxury residence exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg", alt: "Client A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", alt: "Client B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg", alt: "Client C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", alt: "Client D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg", alt: "Client E"},
|
||||
]}
|
||||
avatarText="Trusted by visionary clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Design",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Sustainable Design", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Architectural Excellence",
|
||||
icon: Building,
|
||||
type: "text-icon", text: "Architectural Excellence", icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern Functionality",
|
||||
icon: Layout,
|
||||
type: "text-icon", text: "Modern Functionality", icon: Layout,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Bespoke Craftsmanship",
|
||||
icon: Building2,
|
||||
type: "text-icon", text: "Bespoke Craftsmanship", icon: Building2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Future-Proof Living",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Future-Proof Living", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -172,79 +118,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Integration",
|
||||
description: "Maximizing natural light and passive airflow across all 600 sqm.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg?_wi=2",
|
||||
imageAlt: "Sustainable architecture",
|
||||
},
|
||||
title: "Sustainable Integration", description: "Maximizing natural light and passive airflow across all 600 sqm.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-sofa-window_1150-12924.jpg", imageAlt: "Sustainable architecture"},
|
||||
items: [
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Solar optimization",
|
||||
},
|
||||
text: "Solar optimization"},
|
||||
{
|
||||
icon: Wind,
|
||||
text: "Cross-ventilation flow",
|
||||
},
|
||||
text: "Cross-ventilation flow"},
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Sustainable materials",
|
||||
},
|
||||
text: "Sustainable materials"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-urban-building_122409-5.jpg?_wi=1",
|
||||
imageAlt: "modern home architectural detail texture",
|
||||
},
|
||||
{
|
||||
title: "Fluid Spatial Flow",
|
||||
description: "Connected living spaces that bridge indoor comfort and exterior landscape.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg?_wi=2",
|
||||
imageAlt: "Open concept layout",
|
||||
},
|
||||
title: "Fluid Spatial Flow", description: "Connected living spaces that bridge indoor comfort and exterior landscape.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "Open concept layout"},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "Open floor plan",
|
||||
},
|
||||
text: "Open floor plan"},
|
||||
{
|
||||
icon: Maximize,
|
||||
text: "Expansive glass walls",
|
||||
},
|
||||
text: "Expansive glass walls"},
|
||||
{
|
||||
icon: ArrowRight,
|
||||
text: "Unified circulation",
|
||||
},
|
||||
text: "Unified circulation"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg?_wi=3",
|
||||
imageAlt: "luxury villa exterior modern architectural design",
|
||||
},
|
||||
{
|
||||
title: "Curated Materiality",
|
||||
description: "High-quality finishes designed for longevity and sensory enjoyment.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg?_wi=2",
|
||||
imageAlt: "High-end interior detail",
|
||||
},
|
||||
title: "Curated Materiality", description: "High-quality finishes designed for longevity and sensory enjoyment.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg", imageAlt: "High-end interior detail"},
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Natural stone palettes",
|
||||
},
|
||||
text: "Natural stone palettes"},
|
||||
{
|
||||
icon: Wood,
|
||||
text: "Hardwood flooring",
|
||||
},
|
||||
text: "Hardwood flooring"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Durability-focused selection",
|
||||
},
|
||||
text: "Durability-focused selection"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plans_23-2148819905.jpg?_wi=2",
|
||||
imageAlt: "architectural sketch modern residence",
|
||||
},
|
||||
]}
|
||||
title="Design Pillars"
|
||||
@@ -254,38 +173,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "600",
|
||||
title: "Total Built Area",
|
||||
items: [
|
||||
"Square meters",
|
||||
"Personal residence",
|
||||
"Full plot utilization",
|
||||
],
|
||||
id: "m1", value: "600", title: "Total Built Area", items: [
|
||||
"Square meters", "Personal residence", "Full plot utilization"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Rooms & Zones",
|
||||
items: [
|
||||
"Living/Dining",
|
||||
"Private quarters",
|
||||
"Service areas",
|
||||
],
|
||||
id: "m2", value: "12", title: "Rooms & Zones", items: [
|
||||
"Living/Dining", "Private quarters", "Service areas"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Energy Efficiency",
|
||||
items: [
|
||||
"Solar ready",
|
||||
"Passive design",
|
||||
"Thermal comfort",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Energy Efficiency", items: [
|
||||
"Solar ready", "Passive design", "Thermal comfort"],
|
||||
},
|
||||
]}
|
||||
title="Project Specifications"
|
||||
@@ -300,25 +202,17 @@ export default function LandingPage() {
|
||||
description="Reach out to discuss the vision, architecture, or collaborative possibilities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your project ideas or inquiries",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your project ideas or inquiries", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/facade-modern-urban-building_122409-5.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/facade-modern-urban-building_122409-5.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -327,33 +221,21 @@ export default function LandingPage() {
|
||||
logoText="Personal Design Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Project",
|
||||
items: [
|
||||
title: "Project", items: [
|
||||
{
|
||||
label: "Concept",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Concept", href: "#about"},
|
||||
{
|
||||
label: "Technical Specs",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Technical Specs", href: "#metrics"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Gallery", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Back to Top",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Back to Top", href: "#hero"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user