Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "philosophy",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Philosophy", id: "philosophy" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Arcadia Events"
|
||||
/>
|
||||
@@ -56,98 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Arcadia Events — Spatial Design for Occasions"
|
||||
description="We design weddings and private events through intentional space, refined materials, and atmospheric composition. Events are not filled—they are orchestrated."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena",
|
||||
testimonial: "Arcadia didn't just plan a wedding; they created an architectural experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-face-brunette-attractive-bride-woman-with-perfect-nude-makeup-wedding-dress-looking-into-camera-while-groom-hugging-wedding-day-ceremony-loving-couple-family_8353-12263.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@marcus",
|
||||
testimonial: "The precision of their spatial design is unparalleled in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-sits-sofa-bride-stands-near-her-husband_8353-5463.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Orchestrating our private retreat, they brought pure intentionality to every detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-elegant-white-wedding-dress_1296-480.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julian D.",
|
||||
handle: "@julian",
|
||||
testimonial: "An editorial vision realized with perfect craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-bride-indoor-wedding-dress_624325-904.jpg",
|
||||
},
|
||||
{
|
||||
name: "Clara M.",
|
||||
handle: "@clara",
|
||||
testimonial: "They approach events like a fine art practice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317771.jpg",
|
||||
},
|
||||
{ name: "Elena V.", handle: "@elena", testimonial: "Arcadia didn't just plan a wedding; they created an architectural experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-face-brunette-attractive-bride-woman-with-perfect-nude-makeup-wedding-dress-looking-into-camera-while-groom-hugging-wedding-day-ceremony-loving-couple-family_8353-12263.jpg" },
|
||||
{ name: "Marcus R.", handle: "@marcus", testimonial: "The precision of their spatial design is unparalleled in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/groom-sits-sofa-bride-stands-near-her-husband_8353-5463.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sarah", testimonial: "Orchestrating our private retreat, they brought pure intentionality to every detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-elegant-white-wedding-dress_1296-480.jpg" },
|
||||
{ name: "Julian D.", handle: "@julian", testimonial: "An editorial vision realized with perfect craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-bride-indoor-wedding-dress_624325-904.jpg" },
|
||||
{ name: "Clara M.", handle: "@clara", testimonial: "They approach events like a fine art practice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317771.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Conversation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917879.jpg?_wi=1"
|
||||
buttons={[{ text: "Start a Conversation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917879.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021781.jpg",
|
||||
alt: "Portrait of blonde short-haired woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg",
|
||||
alt: "Portrait of woman in blue jacket",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317764.jpg",
|
||||
alt: "Portrait of woman in minimalist shirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bright-curly-woman-dressed-blue-jacket-glasses-stands-with-serious-emotions-pink_291650-1099.jpg",
|
||||
alt: "Close-up portrait of curly woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020772.jpg",
|
||||
alt: "Portrait of woman with paint brush stroke",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021781.jpg", alt: "Portrait of blonde short-haired woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg", alt: "Portrait of woman in blue jacket" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317764.jpg", alt: "Portrait of woman in minimalist shirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-bright-curly-woman-dressed-blue-jacket-glasses-stands-with-serious-emotions-pink_291650-1099.jpg", alt: "Close-up portrait of curly woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020772.jpg", alt: "Portrait of woman with paint brush stroke" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Atmospheric Composition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined Materiality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spatial Orchestration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Intent",
|
||||
},
|
||||
{ type: "text", text: "Atmospheric Composition" },
|
||||
{ type: "text", text: "Structural Integrity" },
|
||||
{ type: "text", text: "Refined Materiality" },
|
||||
{ type: "text", text: "Spatial Orchestration" },
|
||||
{ type: "text", text: "Design Intent" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,9 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Studio Approach"
|
||||
description={[
|
||||
"Arcadia Events functions as a design-driven architectural practice for celebrations. We believe in systems thinking, material quality, and the profound impact of intentional spatial design.",
|
||||
"Our studio approach ensures every element of an event is curated for emotional resonance and structural beauty.",
|
||||
]}
|
||||
"Arcadia Events functions as a design-driven architectural practice for celebrations. We believe in systems thinking, material quality, and the profound impact of intentional spatial design.", "Our studio approach ensures every element of an event is curated for emotional resonance and structural beauty."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,53 +88,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Atmospheric Composition",
|
||||
description: "Defining the mood through light, space, and materiality.",
|
||||
icon: Sparkles,
|
||||
title: "Atmospheric Composition", description: "Defining the mood through light, space, and materiality.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-closeup-bible-with-tabs-calm-reading-bible-closeup_169016-71406.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-dust-optical-fiber-lights_23-2148241372.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917879.jpg?_wi=2",
|
||||
imageAlt: "curated luxury event table",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-closeup-bible-with-tabs-calm-reading-bible-closeup_169016-71406.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/camera-dust-optical-fiber-lights_23-2148241372.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Systems Thinking",
|
||||
description: "Orchestrating complex logistics into a cohesive aesthetic system.",
|
||||
icon: Shield,
|
||||
title: "Systems Thinking", description: "Orchestrating complex logistics into a cohesive aesthetic system.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chairs-wedding-hall-wedding-ceremony-venue-white-violet_8353-10188.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-art-platform_171337-16786.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080521.jpg",
|
||||
imageAlt: "curated luxury event table",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chairs-wedding-hall-wedding-ceremony-venue-white-violet_8353-10188.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-art-platform_171337-16786.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Material Intent",
|
||||
description: "Every texture, surface, and fabric is chosen with deliberate purpose.",
|
||||
icon: Award,
|
||||
title: "Material Intent", description: "Every texture, surface, and fabric is chosen with deliberate purpose.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mixture-clay-pot-texture_23-2148761900.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-ceremony-white-style_8353-9894.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-couple-destination-beautiful-emotional_1304-3403.jpg?_wi=1",
|
||||
imageAlt: "curated luxury event table",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-mixture-clay-pot-texture_23-2148761900.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wedding-ceremony-white-style_8353-9894.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Design Philosophy"
|
||||
description="We orchestrate atmospheres through refined composition and structural integrity."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,41 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
role: "Client",
|
||||
testimonial: "Pure spatial magic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-couple-destination-beautiful-emotional_1304-3403.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus R.",
|
||||
role: "Architect",
|
||||
testimonial: "Exceptional rigor and vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
testimonial: "Unparalleled atmosphere design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian D.",
|
||||
role: "Designer",
|
||||
testimonial: "A masterclass in event orchestration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-make-up_23-2149190726.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara M.",
|
||||
role: "Client",
|
||||
testimonial: "Bespoke beauty in every system.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena V.", role: "Client", testimonial: "Pure spatial magic.", imageSrc: "http://img.b2bpic.net/free-photo/black-couple-destination-beautiful-emotional_1304-3403.jpg" },
|
||||
{ id: "2", name: "Marcus R.", role: "Architect", testimonial: "Exceptional rigor and vision.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg" },
|
||||
{ id: "3", name: "Sarah J.", role: "Client", testimonial: "Unparalleled atmosphere design.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ id: "4", name: "Julian D.", role: "Designer", testimonial: "A masterclass in event orchestration.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-make-up_23-2149190726.jpg" },
|
||||
{ id: "5", name: "Clara M.", role: "Client", testimonial: "Bespoke beauty in every system.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg" },
|
||||
]}
|
||||
title="Voices of Intent"
|
||||
description="Reflections from those who experienced our architectural orchestration."
|
||||
@@ -270,15 +136,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Living",
|
||||
"Architectural Digest",
|
||||
"Kinfolk",
|
||||
"Dezeen",
|
||||
"The Design Edit",
|
||||
"Studio Collective",
|
||||
"Material Labs",
|
||||
]}
|
||||
names={["Vogue Living", "Architectural Digest", "Kinfolk", "Dezeen", "The Design Edit", "Studio Collective", "Material Labs"]}
|
||||
title="Partners & Curated Spaces"
|
||||
description="Collaborators who share our architectural rigor."
|
||||
/>
|
||||
@@ -291,21 +149,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Atmospheric spaces curated",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Material categories mastered",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45+",
|
||||
description: "Architecture partners engaged",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Atmospheric spaces curated" },
|
||||
{ id: "m2", value: "12", description: "Material categories mastered" },
|
||||
{ id: "m3", value: "45+", description: "Architecture partners engaged" },
|
||||
]}
|
||||
title="The Arcadia Standard"
|
||||
description="Quantified commitment to design excellence."
|
||||
@@ -317,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is Arcadia different from planners?",
|
||||
content: "We operate as an architectural design studio, focusing on spatial composition rather than just planning coordination.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept all project types?",
|
||||
content: "We select projects that allow for deep creative collaboration and architectural intent.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your engagement timeline?",
|
||||
content: "Due to the depth of our orchestration, we suggest starting conversations at least 12 months in advance.",
|
||||
},
|
||||
{ id: "f1", title: "How is Arcadia different from planners?", content: "We operate as an architectural design studio, focusing on spatial composition rather than just planning coordination." },
|
||||
{ id: "f2", title: "Do you accept all project types?", content: "We select projects that allow for deep creative collaboration and architectural intent." },
|
||||
{ id: "f3", title: "What is your engagement timeline?", content: "Due to the depth of our orchestration, we suggest starting conversations at least 12 months in advance." },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Design Inquiries"
|
||||
@@ -344,9 +178,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Inquiry"
|
||||
title="Start a Conversation"
|
||||
description="Let us explore the architecture of your next event."
|
||||
@@ -356,45 +188,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#philosophy",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Work",
|
||||
items: [
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Studio", items: [{ label: "Philosophy", href: "#philosophy" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Work", items: [{ label: "Events", href: "#events" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Arcadia Events"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user