Merge version_1 into main #2
585
src/app/page.tsx
585
src/app/page.tsx
@@ -28,461 +28,154 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="PEAK DESIGN"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Philosophy", id: "#about" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="PEAK DESIGN"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Refined Spaces, Designed to Endure"
|
||||
description="Peak Design crafts timeless, modern interiors for high-end residential living. Experience the intersection of spatial harmony and material excellence."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg?_wi=1",
|
||||
imageAlt: "Luxury Interior View 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826254.jpg?_wi=1",
|
||||
imageAlt: "Luxury Interior View 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-eclair-with-chocolate-glazed-placed-marble-background_2831-8916.jpg?_wi=1",
|
||||
imageAlt: "Luxury Interior View 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-scene-with-tea-cup-drinking_23-2151775044.jpg?_wi=1",
|
||||
imageAlt: "Luxury Interior View 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg?_wi=1",
|
||||
imageAlt: "Luxury Interior View 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797716.jpg",
|
||||
imageAlt: "Luxury Interior View 6",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59711.jpg",
|
||||
imageAlt: "Luxury Interior View 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-gray-marble-textured_53876-94544.jpg",
|
||||
imageAlt: "Luxury Interior View 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-cup-with-eaten-food_23-2147693785.jpg",
|
||||
imageAlt: "Luxury Interior View 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-contemporary-interior-decor-furnishings_23-2150886682.jpg",
|
||||
imageAlt: "Luxury Interior View 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712887.jpg",
|
||||
imageAlt: "Luxury Interior View 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047610.jpg",
|
||||
imageAlt: "Luxury Interior View 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg",
|
||||
alt: "Scenery designers at work",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg",
|
||||
alt: "Content African American designer explaining project to client and showing draft",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-working_23-2149721891.jpg",
|
||||
alt: "Medium shot man and woman working",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg",
|
||||
alt: "Concentrated young lady designer sitting in office at night",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
|
||||
alt: "Portrait of adult businesswoman posing",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199294.jpg",
|
||||
alt: "Interior design in neoclassical style",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-digital-disconnecting-home-by-reading-book_23-2150037422.jpg",
|
||||
alt: "Woman disconnecting at home",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-modern-apartment-illuminated-by-sunlight-shadows-generated-by-ai_188544-25942.jpg",
|
||||
alt: "Modern apartment sunlight",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-cactus-white-furniture_23-2151972881.jpg",
|
||||
alt: "Modern minimalist living room",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826251.jpg",
|
||||
alt: "Minimalist office interior design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Refined Spaces, Designed to Endure"
|
||||
description="Peak Design crafts timeless, modern interiors for high-end residential living. Experience the intersection of spatial harmony and material excellence."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg", imageAlt: "Luxury Interior View 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826254.jpg", imageAlt: "Luxury Interior View 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sweet-eclair-with-chocolate-glazed-placed-marble-background_2831-8916.jpg", imageAlt: "Luxury Interior View 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-scene-with-tea-cup-drinking_23-2151775044.jpg", imageAlt: "Luxury Interior View 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg", imageAlt: "Luxury Interior View 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797716.jpg", imageAlt: "Luxury Interior View 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59711.jpg", imageAlt: "Luxury Interior View 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-gray-marble-textured_53876-94544.jpg", imageAlt: "Luxury Interior View 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-cup-with-eaten-food_23-2147693785.jpg", imageAlt: "Luxury Interior View 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-contemporary-interior-decor-furnishings_23-2150886682.jpg", imageAlt: "Luxury Interior View 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712887.jpg", imageAlt: "Luxury Interior View 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lamp-design_23-2151047610.jpg", imageAlt: "Luxury Interior View 6" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Request Consultation", href: "#contact" },
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440974.jpg",
|
||||
alt: "Design details",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Philosophy" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440974.jpg", alt: "Design details" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Marble Kitchen Suite",
|
||||
price: "Renovation",
|
||||
variant: "Kitchen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378902.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Stone Sanctuary",
|
||||
price: "Renovation",
|
||||
variant: "Bathroom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-perspective-waiting-room_122409-38.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Hallway",
|
||||
price: "Renovation",
|
||||
variant: "Entryway",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-interior-design_23-2151913963.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimal Living Room",
|
||||
price: "Renovation",
|
||||
variant: "Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milk-sugar-flour-cake-mold-with-list-textured-fabric-wooden-textured-table_23-2148123837.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Architectural Details",
|
||||
price: "Renovation",
|
||||
variant: "Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248182.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Material Harmony",
|
||||
price: "Renovation",
|
||||
variant: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-hallway_23-2150683501.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A curated selection of our recent architectural renovations, showcasing natural stone textures and refined spatial planning."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "p1", name: "Marble Kitchen Suite", price: "Renovation", variant: "Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378902.jpg" },
|
||||
{ id: "p2", name: "Stone Sanctuary", price: "Renovation", variant: "Bathroom", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-perspective-waiting-room_122409-38.jpg" },
|
||||
{ id: "p3", name: "Modern Hallway", price: "Renovation", variant: "Entryway", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-interior-design_23-2151913963.jpg" },
|
||||
{ id: "p4", name: "Minimal Living Room", price: "Renovation", variant: "Living", imageSrc: "http://img.b2bpic.net/free-photo/milk-sugar-flour-cake-mold-with-list-textured-fabric-wooden-textured-table_23-2148123837.jpg" },
|
||||
{ id: "p5", name: "Architectural Details", price: "Renovation", variant: "Details", imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248182.jpg" },
|
||||
{ id: "p6", name: "Material Harmony", price: "Renovation", variant: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-hallway_23-2150683501.jpg" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A curated selection of our recent architectural renovations, showcasing natural stone textures and refined spatial planning."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Material Harmony",
|
||||
descriptions: [
|
||||
"Selecting stone and timber for tactile experience.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273084.jpg",
|
||||
imageAlt: "Still life of fashion designer's office",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Functional Luxury",
|
||||
descriptions: [
|
||||
"Every design serves the lifestyle of the inhabitant.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg?_wi=2",
|
||||
imageAlt: "Still life of fashion designer's office",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Spatial Calm",
|
||||
descriptions: [
|
||||
"Clean lines and soft light for peaceful living.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg?_wi=2",
|
||||
imageAlt: "Still life of fashion designer's office",
|
||||
},
|
||||
]}
|
||||
title="Timeless Aesthetics"
|
||||
description="We believe in material harmony and functional luxury. Our process prioritizes spatial calm and architectural integrity."
|
||||
/>
|
||||
</div>
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Material Harmony", descriptions: ["Selecting stone and timber for tactile experience."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273084.jpg" },
|
||||
{ id: "f2", title: "Functional Luxury", descriptions: ["Every design serves the lifestyle of the inhabitant."], imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg" },
|
||||
{ id: "f3", title: "Spatial Calm", descriptions: ["Clean lines and soft light for peaceful living."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg" },
|
||||
]}
|
||||
title="Timeless Aesthetics"
|
||||
description="We believe in material harmony and functional luxury. Our process prioritizes spatial calm and architectural integrity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Consultation",
|
||||
items: [
|
||||
"Initial brief and project feasibility",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Planning",
|
||||
items: [
|
||||
"Design schematics and space layout",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Curation",
|
||||
items: [
|
||||
"Detailed material and finish selection",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "04",
|
||||
title: "Execution",
|
||||
items: [
|
||||
"Technical oversight and site management",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "05",
|
||||
title: "Styling",
|
||||
items: [
|
||||
"Final placement and art curation",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Process"
|
||||
description="A refined 5-step journey to realize your vision."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "01", title: "Consultation", items: ["Initial brief and project feasibility"] },
|
||||
{ id: "m2", value: "02", title: "Planning", items: ["Design schematics and space layout"] },
|
||||
{ id: "m3", value: "03", title: "Curation", items: ["Detailed material and finish selection"] },
|
||||
{ id: "m4", value: "04", title: "Execution", items: ["Technical oversight and site management"] },
|
||||
{ id: "m5", value: "05", title: "Styling", items: ["Final placement and art curation"] },
|
||||
]}
|
||||
title="Our Process"
|
||||
description="A refined 5-step journey to realize your vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Park",
|
||||
date: "2023",
|
||||
title: "Luxury Homeowner",
|
||||
quote: "Exceptional spatial design that truly honors minimalism.",
|
||||
tag: "Renovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/architect-looking-camera-while-showing-his-plan_23-2148242989.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg?_wi=3",
|
||||
imageAlt: "portrait elegant luxury design client",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Kim",
|
||||
date: "2023",
|
||||
title: "Villa Client",
|
||||
quote: "Material curation beyond expectation. A serene experience.",
|
||||
tag: "Villa",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334456.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg?_wi=3",
|
||||
imageAlt: "portrait elegant luxury design client",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Choi",
|
||||
date: "2024",
|
||||
title: "Apartment Client",
|
||||
quote: "Calm atmosphere created through every detail.",
|
||||
tag: "Apartment",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826254.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant luxury design client",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Lee",
|
||||
date: "2024",
|
||||
title: "Homeowner",
|
||||
quote: "Professionalism meets architectural vision.",
|
||||
tag: "Project",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-eclair-with-chocolate-glazed-placed-marble-background_2831-8916.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant luxury design client",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jin Young",
|
||||
date: "2024",
|
||||
title: "Villa Client",
|
||||
quote: "Pure peace in our daily living space.",
|
||||
tag: "Villa",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021790.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-scene-with-tea-cup-drinking_23-2151775044.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant luxury design client",
|
||||
},
|
||||
]}
|
||||
title="Client Experience"
|
||||
description="Stories from our refined residential collaborations."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Park", date: "2023", title: "Luxury Homeowner", quote: "Exceptional spatial design that truly honors minimalism.", tag: "Renovation", avatarSrc: "http://img.b2bpic.net/free-photo/architect-looking-camera-while-showing-his-plan_23-2148242989.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg" },
|
||||
{ id: "t2", name: "David Kim", date: "2023", title: "Villa Client", quote: "Material curation beyond expectation. A serene experience.", tag: "Villa", avatarSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334456.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg" },
|
||||
{ id: "t3", name: "Elena Choi", date: "2024", title: "Apartment Client", quote: "Calm atmosphere created through every detail.", tag: "Apartment", avatarSrc: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826254.jpg" },
|
||||
{ id: "t4", name: "Mark Lee", date: "2024", title: "Homeowner", quote: "Professionalism meets architectural vision.", tag: "Project", avatarSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sweet-eclair-with-chocolate-glazed-placed-marble-background_2831-8916.jpg" },
|
||||
{ id: "t5", name: "Jin Young", date: "2024", title: "Villa Client", quote: "Pure peace in our daily living space.", tag: "Villa", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021790.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-scene-with-tea-cup-drinking_23-2151775044.jpg" },
|
||||
]}
|
||||
title="Client Experience"
|
||||
description="Stories from our refined residential collaborations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"PEAK DESIGN INSTAGRAM",
|
||||
"Explore more spaces",
|
||||
"Daily inspiration",
|
||||
"Architectural insights",
|
||||
"Modern stone details",
|
||||
"Material studies",
|
||||
"Curated home tours",
|
||||
]}
|
||||
title="Living Portfolio"
|
||||
description="Follow our progress on Instagram."
|
||||
buttons={[
|
||||
{
|
||||
text: "Follow on Instagram",
|
||||
href: "https://instagram.com/peak.design.official",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"PEAK DESIGN INSTAGRAM", "Explore more spaces", "Daily inspiration", "Architectural insights", "Modern stone details", "Material studies", "Curated home tours"]}
|
||||
title="Living Portfolio"
|
||||
description="Follow our progress on Instagram."
|
||||
buttons={[{ text: "Follow on Instagram", href: "https://instagram.com/peak.design.official" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Book your private consultation to discuss your vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "mailto:hello@peakdesign.official",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Book your private consultation to discuss your vision."
|
||||
buttons={[{ text: "Book Consultation", href: "mailto:hello@peakdesign.official" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="PEAK DESIGN"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#philosophy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:hello@peakdesign.official",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/peak.design.official",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="PEAK DESIGN"
|
||||
columns={[
|
||||
{ title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Philosophy", href: "#philosophy" }] },
|
||||
{ title: "Contact", items: [{ label: "Consultation", href: "#contact" }, { label: "Email Us", href: "mailto:hello@peakdesign.official" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com/peak.design.official" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user