Merge version_1 into main #1
302
src/app/page.tsx
302
src/app/page.tsx
@@ -27,213 +27,117 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ELEVATE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Experience", id: "services" },
|
||||
{ name: "Philosophy", id: "why-us" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ELEVATE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The Standard of Excellence in Bespoke Design."
|
||||
description="Bespoke solutions for those who refuse to compromise on quality. Experience the height of craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pasta-bowls-dark-background_23-2148340420.jpg"
|
||||
imageAlt="High-end luxury service preview"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Standard of Excellence in Bespoke Design."
|
||||
description="Bespoke solutions for those who refuse to compromise on quality. Experience the height of craftsmanship."
|
||||
buttons={[{ text: "Reserve Your Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pasta-bowls-dark-background_23-2148340420.jpg"
|
||||
imageAlt="High-end luxury service preview"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Living",
|
||||
"Architectural Digest",
|
||||
"Forbes Luxury",
|
||||
"Tatler Magazine",
|
||||
"The Robb Report",
|
||||
"Wallpaper*",
|
||||
"GQ",
|
||||
]}
|
||||
title="As featured in"
|
||||
description="Rated 5.0 Stars by 200+ discerning clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Vogue Living", "Architectural Digest", "Forbes Luxury", "Tatler Magazine", "The Robb Report", "Wallpaper*", "GQ"]}
|
||||
title="As featured in"
|
||||
description="Rated 5.0 Stars by 200+ discerning clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Precision Solutions",
|
||||
description: "Precision-engineered solutions tailored specifically to your legacy.",
|
||||
tag: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-folder-wooden-table-close-up_1232-1121.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Aesthetic Utility",
|
||||
description: "A seamless fusion of aesthetic beauty and functional utility for modern spaces.",
|
||||
tag: "Core",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Concierge Design",
|
||||
description: "Tailored approach ensuring your vision remains the priority at every phase.",
|
||||
tag: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826293.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Elite Experience"
|
||||
description="A fusion of aesthetic brilliance and uncompromising utility."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{ id: "s1", title: "Precision Solutions", description: "Precision-engineered solutions tailored specifically to your legacy.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/dark-folder-wooden-table-close-up_1232-1121.jpg" },
|
||||
{ id: "s2", title: "Aesthetic Utility", description: "A seamless fusion of aesthetic beauty and functional utility for modern spaces.", tag: "Core", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg" },
|
||||
{ id: "s3", title: "Concierge Design", description: "Tailored approach ensuring your vision remains the priority at every phase.", tag: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826293.jpg" },
|
||||
]}
|
||||
title="The Elite Experience"
|
||||
description="A fusion of aesthetic brilliance and uncompromising utility."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1:1",
|
||||
title: "The Personal Touch",
|
||||
description: "Our clients aren't numbers; they are partners. Dedicated lead for every phase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599228.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Unmatched Craftsmanship",
|
||||
description: "We source only the finest talent, ensuring results that stand the test of time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091316.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "∞",
|
||||
title: "Absolute Reliability",
|
||||
description: "In a world of broken promises, we deliver on time, every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322969.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Principles"
|
||||
description="Why the world's most discerning choose us."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1:1", title: "The Personal Touch", description: "Our clients aren't numbers; they are partners. Dedicated lead for every phase.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599228.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Unmatched Craftsmanship", description: "We source only the finest talent, ensuring results that stand the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091316.jpg" },
|
||||
{ id: "m3", value: "∞", title: "Absolute Reliability", description: "In a world of broken promises, we deliver on time, every time.", imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322969.jpg" },
|
||||
]}
|
||||
title="Unrivaled Principles"
|
||||
description="Why the world's most discerning choose us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="\"The attention to detail is unlike anything I've experienced. They didn't just meet my expectations; they redefined them. Truly **best in the city** and a **total peace of mind**. It was **worth every penny**.\""
|
||||
rating={5}
|
||||
author="Julian V. Thorne, Private Client"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-mature-middle-aged-woman-writer-with-gray-hair-wrinkles-looking-smiling-happily-clasping-hands-being-good-mood-feeling-inspired-while-working-her-new-book_344912-2122.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-old-fashioned-library-filled-with-vintage-decorations-wooden-desks_482257-120070.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-laptop-working-from-home_23-2148916086.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The attention to detail is unlike anything I've experienced. They didn't just meet my expectations; they redefined them. Truly best in the city and a total peace of mind. It was worth every penny."
|
||||
rating={5}
|
||||
author="Julian V. Thorne, Private Client"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-mature-middle-aged-woman-writer-with-gray-hair-wrinkles-looking-smiling-happily-clasping-hands-being-good-mood-feeling-inspired-while-working-her-new-book_344912-2122.jpg", alt: "Client A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-old-fashioned-library-filled-with-vintage-decorations-wooden-desks_482257-120070.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-laptop-working-from-home_23-2148916086.jpg", alt: "Client E" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is your intake limited?",
|
||||
content: "Yes, we maintain a strictly limited monthly intake to ensure our signature white-glove quality for every partner.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you work by referral only?",
|
||||
content: "We prioritize referral-based partnerships, but we accept inquiries from those seeking genuine excellence.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How does pricing work?",
|
||||
content: "We view our services as an investment in legacy quality rather than a mere transactional cost.",
|
||||
},
|
||||
]}
|
||||
title="Clarity & Process"
|
||||
description="Answers to the questions of our refined clientele."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is your intake limited?", content: "Yes, we maintain a strictly limited monthly intake to ensure our signature white-glove quality for every partner." },
|
||||
{ id: "f2", title: "Do you work by referral only?", content: "We prioritize referral-based partnerships, but we accept inquiries from those seeking genuine excellence." },
|
||||
{ id: "f3", title: "How does pricing work?", content: "We view our services as an investment in legacy quality rather than a mere transactional cost." },
|
||||
]}
|
||||
title="Clarity & Process"
|
||||
description="Answers to the questions of our refined clientele."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Are you ready to elevate your legacy?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Are you ready to elevate your legacy?"
|
||||
buttons={[{ text: "Reserve Your Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ELEVATE"
|
||||
copyrightText="© 2025 | By Appointment Only"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ELEVATE"
|
||||
copyrightText="© 2025 | By Appointment Only"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user