Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LUX"
|
||||
/>
|
||||
@@ -56,98 +48,53 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Defining the Future of Luxury Marketing"
|
||||
description="We craft bespoke digital experiences for world-class brands. Elevate your presence through precision-engineered strategy and timeless visual storytelling."
|
||||
buttons={[{ text: "Request Consultation", href: "#contact" }]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Eleanor Vane",
|
||||
handle: "@eleanor",
|
||||
testimonial: "A masterclass in modern luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teddy-bear-made-out-lights-building_181624-13564.jpg?_wi=1",
|
||||
imageAlt: "luxury boutique interior warm lighting",
|
||||
},
|
||||
name: "Eleanor Vane", handle: "@eleanor", testimonial: "A masterclass in modern luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teddy-bear-made-out-lights-building_181624-13564.jpg?_wi=1", imageAlt: "luxury boutique interior warm lighting"},
|
||||
{
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorne",
|
||||
testimonial: "Transformed our market position entirely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286972.jpg?_wi=1",
|
||||
imageAlt: "luxury boutique interior warm lighting",
|
||||
},
|
||||
name: "Julian Thorne", handle: "@jthorne", testimonial: "Transformed our market position entirely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286972.jpg?_wi=1", imageAlt: "luxury boutique interior warm lighting"},
|
||||
{
|
||||
name: "Sienna Moss",
|
||||
handle: "@sienna",
|
||||
testimonial: "Exquisite attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg?_wi=1",
|
||||
imageAlt: "luxury boutique interior warm lighting",
|
||||
},
|
||||
name: "Sienna Moss", handle: "@sienna", testimonial: "Exquisite attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg?_wi=1", imageAlt: "luxury boutique interior warm lighting"},
|
||||
{
|
||||
name: "Victor Chen",
|
||||
handle: "@vchen",
|
||||
testimonial: "The absolute standard for luxury.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-spool-with-piece-cloth_1252-664.jpg",
|
||||
imageAlt: "luxury boutique interior warm lighting",
|
||||
},
|
||||
name: "Victor Chen", handle: "@vchen", testimonial: "The absolute standard for luxury.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-spool-with-piece-cloth_1252-664.jpg", imageAlt: "luxury boutique interior warm lighting"},
|
||||
{
|
||||
name: "Amelia Grey",
|
||||
handle: "@agrey",
|
||||
testimonial: "Timeless results, modern approach.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1712.jpg",
|
||||
imageAlt: "luxury boutique interior warm lighting",
|
||||
},
|
||||
name: "Amelia Grey", handle: "@agrey", testimonial: "Timeless results, modern approach.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1712.jpg", imageAlt: "luxury boutique interior warm lighting"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teddy-bear-made-out-lights-building_181624-13564.jpg?_wi=2"
|
||||
imageAlt="Luxury boutique interior warm lighting"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||||
alt: "Portrait of a pretty young woman sitting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Portrait of a pretty young woman sitting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591376.jpg",
|
||||
alt: "Dreamy interior of mall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591376.jpg", alt: "Dreamy interior of mall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg",
|
||||
alt: "luxury retro wall lamp in cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg", alt: "luxury retro wall lamp in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decoration-generated-by-ai_188544-21535.jpg",
|
||||
alt: "Luxury modern living room with elegant decoration generated by AI",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decoration-generated-by-ai_188544-21535.jpg", alt: "Luxury modern living room with elegant decoration generated by AI"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292788.jpg",
|
||||
alt: "Young pregnant woman at work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292788.jpg", alt: "Young pregnant woman at work"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION",
|
||||
},
|
||||
type: "text", text: "PRECISION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LEGACY",
|
||||
},
|
||||
type: "text", text: "LEGACY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCLUSIVITY",
|
||||
},
|
||||
type: "text", text: "EXCLUSIVITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "TIMELESSNESS",
|
||||
},
|
||||
type: "text", text: "TIMELESSNESS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "INNOVATION",
|
||||
},
|
||||
type: "text", text: "INNOVATION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,20 +119,11 @@ export default function LandingPage() {
|
||||
description="Comprehensive marketing suites designed for total brand dominance."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bespoke Brand Strategy",
|
||||
content: "Strategic positioning built for heritage.",
|
||||
},
|
||||
id: "f1", title: "Bespoke Brand Strategy", content: "Strategic positioning built for heritage."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Digital Concierge",
|
||||
content: "White-glove digital presence management.",
|
||||
},
|
||||
id: "f2", title: "Digital Concierge", content: "White-glove digital presence management."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Event Production",
|
||||
content: "Curated experiences for high-value clients.",
|
||||
},
|
||||
id: "f3", title: "Event Production", content: "Curated experiences for high-value clients."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-punk-woman-posing_23-2149267435.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -199,40 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alistair Sterling",
|
||||
role: "Creative Director",
|
||||
testimonial: "Unparalleled sophistication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
|
||||
},
|
||||
id: "1", name: "Alistair Sterling", role: "Creative Director", testimonial: "Unparalleled sophistication.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vivianne Reed",
|
||||
role: "CEO",
|
||||
testimonial: "Bespoke precision at every turn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-with-crossed-arms-dressed-blue-jacket-grey-vignette-background_613910-20111.jpg",
|
||||
},
|
||||
id: "2", name: "Vivianne Reed", role: "CEO", testimonial: "Bespoke precision at every turn.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-with-crossed-arms-dressed-blue-jacket-grey-vignette-background_613910-20111.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julianne Moss",
|
||||
role: "Marketing VP",
|
||||
testimonial: "Changed our brand identity forever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
},
|
||||
id: "3", name: "Julianne Moss", role: "Marketing VP", testimonial: "Changed our brand identity forever.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Founder",
|
||||
testimonial: "Highly intuitive design sense.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-suit-standing-street_23-2147876772.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus Thorne", role: "Founder", testimonial: "Highly intuitive design sense.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-suit-standing-street_23-2147876772.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vance",
|
||||
role: "Director",
|
||||
testimonial: "Simply the best agency available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Vance", role: "Director", testimonial: "Simply the best agency available.", imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="Recognized by industry leaders for our commitment to excellence."
|
||||
@@ -244,14 +157,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"LVMH Group",
|
||||
"Hermès",
|
||||
"Rolls-Royce",
|
||||
"Rolex",
|
||||
"Cartier",
|
||||
"Tiffany & Co.",
|
||||
"Bvlgari",
|
||||
]}
|
||||
"LVMH Group", "Hermès", "Rolls-Royce", "Rolex", "Cartier", "Tiffany & Co.", "Bvlgari"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with the world's most prestigious organizations."
|
||||
/>
|
||||
@@ -264,23 +170,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Avg Revenue Lift",
|
||||
value: "+42%",
|
||||
},
|
||||
id: "m1", icon: TrendingUp,
|
||||
title: "Avg Revenue Lift", value: "+42%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Client Loyalty",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Client Loyalty", value: "98%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Markets Entered",
|
||||
value: "12",
|
||||
},
|
||||
id: "m3", icon: Globe,
|
||||
title: "Markets Entered", value: "12"},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Data-driven results for exclusive growth."
|
||||
@@ -292,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you work with non-luxury brands?",
|
||||
content: "We focus exclusively on entities committed to premium standards.",
|
||||
},
|
||||
id: "faq1", title: "Do you work with non-luxury brands?", content: "We focus exclusively on entities committed to premium standards."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How do we engage?",
|
||||
content: "Consultation, discovery, strategic proposal, execution.",
|
||||
},
|
||||
id: "faq2", title: "How do we engage?", content: "Consultation, discovery, strategic proposal, execution."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What is the typical timeframe?",
|
||||
content: "Minimum 6-month cycles for measurable growth.",
|
||||
},
|
||||
id: "faq3", title: "What is the typical timeframe?", content: "Minimum 6-month cycles for measurable growth."},
|
||||
]}
|
||||
sideTitle="Expert Guidance"
|
||||
sideDescription="Frequently asked questions regarding our engagement model."
|
||||
@@ -317,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Request a Private Consultation"
|
||||
description="Luxury brands require exclusive attention. Let's discuss your vision."
|
||||
tag="Contact"
|
||||
@@ -329,16 +216,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="LUX"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user