Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Inquiry",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Inquiry", id: "contact" },
|
||||
]}
|
||||
brandName="Lumina Design"
|
||||
/>
|
||||
@@ -56,119 +44,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Transform Spaces Into Experiences"
|
||||
description="Award-winning interior design that elevates your environment. From concept to completion, we craft interiors that inspire, function, and endure."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elizabeth Reed",
|
||||
handle: "@lizreed",
|
||||
testimonial: "Transformed my home into a true masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Visionary approach and flawless execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "The best design partners we've worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Volpe",
|
||||
handle: "@jvolpe",
|
||||
testimonial: "Exceeded all our commercial project goals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245222.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna Scott",
|
||||
handle: "@ascott",
|
||||
testimonial: "Sophisticated results, seamless experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-pointing-copy-space-banner-with-thumb-showi_1258-180720.jpg",
|
||||
},
|
||||
{ name: "Elizabeth Reed", handle: "@lizreed", testimonial: "Transformed my home into a true masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-happily-looking-away-with-coffee-go-cafe-street_574295-2881.jpg" },
|
||||
{ name: "Marcus Chen", handle: "@mchen", testimonial: "Visionary approach and flawless execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "The best design partners we've worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" },
|
||||
{ name: "James Volpe", handle: "@jvolpe", testimonial: "Exceeded all our commercial project goals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245222.jpg" },
|
||||
{ name: "Anna Scott", handle: "@ascott", testimonial: "Sophisticated results, seamless experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-pointing-copy-space-banner-with-thumb-showi_1258-180720.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg"
|
||||
imageAlt="Luxury home interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
alt: "Portrait of a happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Portrait of a professional designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/goodlooking-elegant-woman-crossed-hands-looking-aside-outdoor-amazing-european-lady-black-shirt-posing-street_291650-2676.jpg",
|
||||
alt: "Portrait of a satisfied homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-clothes_158538-1640.jpg",
|
||||
alt: "Portrait of a design enthusiast",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
alt: "Portrait of a design consultant",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 200+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ye7ca0",
|
||||
alt: "Architecture firm logo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/coloured-abstract-shapes-collection_1222-7.jpg",
|
||||
alt: "Construction branding element",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-gold-crown-logo-template_23-2150947473.jpg",
|
||||
alt: "Hospitality group icon",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-giving-keys_23-2147635977.jpg",
|
||||
alt: "Property developer logo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/home-concept-with-incomplete-wooden-castle-white-background-flat-lay_176474-7727.jpg",
|
||||
alt: "Furniture brand icon",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Refining Modern Luxury"
|
||||
description="We blend sophisticated aesthetics with functional rigor to create spaces that define excellence. Our approach is collaborative, detailed, and deeply client-focused."
|
||||
subdescription="With over two decades of award-winning projects, we serve as your partners in creating lasting value and beauty in residential and commercial spaces."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg?_wi=1"
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,30 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Redesign",
|
||||
description: "Elevating luxury home environments with bespoke interior solutions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cellphone-clipboard-with-small-house-model-blueprint_23-2148203978.jpg",
|
||||
imageAlt: "residential design conceptual sketch",
|
||||
},
|
||||
{
|
||||
title: "Commercial Solutions",
|
||||
description: "Functional, branded spaces optimized for productivity and prestige.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg?_wi=2",
|
||||
imageAlt: "residential design conceptual sketch",
|
||||
},
|
||||
{
|
||||
title: "Concept Curation",
|
||||
description: "Curating finishes, textures, and art that reflect your personal vision.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg?_wi=2",
|
||||
imageAlt: "residential design conceptual sketch",
|
||||
},
|
||||
{ title: "Residential Redesign", description: "Elevating luxury home environments with bespoke interior solutions.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Commercial Solutions", description: "Functional, branded spaces optimized for productivity and prestige.", bentoComponent: "reveal-icon", icon: Building },
|
||||
{ title: "Concept Curation", description: "Curating finishes, textures, and art that reflect your personal vision.", bentoComponent: "reveal-icon", icon: Palette }
|
||||
]}
|
||||
title="Design Expertise"
|
||||
description="Comprehensive design solutions tailored to your unique requirements and aesthetic goals."
|
||||
@@ -215,42 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Luxury Home",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/part-interior-kitchen-black-modern-minimalism_169016-20012.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Boutique Hotel Lobby",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Office Suite",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037461.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Penthouse Design Project",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-textured-carpet-rugs-with-soft-granular-surfaces_9975-133034.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Dining Room",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-trading-setup-with-monitor-running-forex-trends-going-up_482257-126331.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Concept Workspace",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern Luxury Home", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/part-interior-kitchen-black-modern-minimalism_169016-20012.jpg" },
|
||||
{ id: "p2", name: "Boutique Hotel Lobby", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg" },
|
||||
{ id: "p3", name: "Minimalist Office Suite", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037461.jpg" },
|
||||
{ id: "p4", name: "Penthouse Design Project", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/close-up-textured-carpet-rugs-with-soft-granular-surfaces_9975-133034.jpg" },
|
||||
{ id: "p5", name: "Modern Dining Room", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/modern-trading-setup-with-monitor-running-forex-trends-going-up_482257-126331.jpg" },
|
||||
{ id: "p6", name: "Concept Workspace", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/modern-lounge-room-interior-office-building_1262-12374.jpg" }
|
||||
]}
|
||||
title="Portfolio Work"
|
||||
description="Explore our selected projects showcasing craftsmanship and design excellence."
|
||||
@@ -264,21 +115,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Industry Awards",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
{ id: "m1", value: "200+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "15+", description: "Industry Awards" },
|
||||
{ id: "m3", value: "98%", description: "Client Retention" }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven results for high-end residential and commercial clients."
|
||||
@@ -289,13 +128,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"ArchDesign",
|
||||
"BuildCorp",
|
||||
"EliteHotels",
|
||||
"PrimeProperties",
|
||||
"ModernHome",
|
||||
]}
|
||||
names={["ArchDesign", "BuildCorp", "EliteHotels", "PrimeProperties", "ModernHome"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Partnerships that span commercial, hospitality, and residential sectors."
|
||||
/>
|
||||
@@ -307,41 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elizabeth Reed",
|
||||
role: "CEO",
|
||||
testimonial: "Lumina transformed my home perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
role: "Principal Architect",
|
||||
testimonial: "A vision that truly came to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
role: "Founder",
|
||||
testimonial: "Impeccable taste and very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Volpe",
|
||||
role: "Operations Dir.",
|
||||
testimonial: "Delivered beyond our expectation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Scott",
|
||||
role: "Marketing VP",
|
||||
testimonial: "The best design experience I've had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elizabeth Reed", role: "CEO", testimonial: "Lumina transformed my home perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg" },
|
||||
{ id: "2", name: "Marcus Chen", role: "Principal Architect", testimonial: "A vision that truly came to life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", role: "Founder", testimonial: "Impeccable taste and very professional.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-woman-wears-sunglasses-jacket-hoodie-checks-time-smartwatch-spends-free-time-walking-city-sunny-weather-uses-application-modern-lifestyle-concept_273609-60619.jpg" },
|
||||
{ id: "4", name: "James Volpe", role: "Operations Dir.", testimonial: "Delivered beyond our expectation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "5", name: "Anna Scott", role: "Marketing VP", testimonial: "The best design experience I've had.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg" }
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Real testimonials from homeowners and corporate executives."
|
||||
@@ -353,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Book an initial consultation to review your project scope.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle procurement?",
|
||||
content: "Yes, we manage all sourcing and installation logistics.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's the typical timeline?",
|
||||
content: "Projects vary; usually 6–12 months for comprehensive designs.",
|
||||
},
|
||||
{ id: "q1", title: "How do we start?", content: "Book an initial consultation to review your project scope." },
|
||||
{ id: "q2", title: "Do you handle procurement?", content: "Yes, we manage all sourcing and installation logistics." },
|
||||
{ id: "q3", title: "What's the typical timeline?", content: "Projects vary; usually 6–12 months for comprehensive designs." }
|
||||
]}
|
||||
title="Design Insights"
|
||||
description="Answers to commonly asked questions about our process."
|
||||
@@ -377,10 +168,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Start Your Project"
|
||||
description="Ready to transform your space? Get in touch today for an initial consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/neat-office-with-computer-worker_482257-119323.jpg"
|
||||
@@ -392,30 +182,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inquiry",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Inquiry", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="Lumina Design"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user