Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 52d57e16ed | |||
| e824c62882 |
278
src/app/page.tsx
278
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "The Experience",
|
name: "The Experience", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "The Menu",
|
name: "The Menu", id: "product"},
|
||||||
id: "product",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Membership",
|
name: "Membership", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Confess",
|
name: "Confess", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="THE SINNER"
|
brandName="THE SINNER"
|
||||||
/>
|
/>
|
||||||
@@ -55,61 +47,38 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Enter the Underworld"
|
title="Enter the Underworld"
|
||||||
description="Lisbon's most exclusive, unapologetic supper club for those who feed on desire and shadow."
|
description="Lisbon's most exclusive, unapologetic supper club for those who feed on desire and shadow."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Seek Entry",
|
text: "Request Your Invitation", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-modern-decoration-inside-building-with-escalators-brussels-belgium_181624-43247.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-modern-decoration-inside-building-with-escalators-brussels-belgium_181624-43247.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/stunning-chinese-environment-landscape_23-2151918971.jpg",
|
src: "http://img.b2bpic.net/free-photo/stunning-chinese-environment-landscape_23-2151918971.jpg", alt: "Stunning chinese environment landscape"},
|
||||||
alt: "Stunning chinese environment landscape",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-putting-lipstick_23-2149445852.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-woman-putting-lipstick_23-2149445852.jpg", alt: "Front view woman putting on lipstick"},
|
||||||
alt: "Front view woman putting on lipstick",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918995.jpg",
|
src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918995.jpg", alt: "Cinematic film location decor"},
|
||||||
alt: "Cinematic film location decor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg",
|
src: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg", alt: "Unfocused entry disco colors"},
|
||||||
alt: "Unfocused entry disco colors",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg",
|
src: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg", alt: "Elegant black minimal interior design"},
|
||||||
alt: "Elegant black minimal interior design",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "DISCREET"},
|
||||||
text: "DISCREET",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "UNAPOLOGETIC"},
|
||||||
text: "UNAPOLOGETIC",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "HEDONISTIC"},
|
||||||
text: "HEDONISTIC",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "EXCLUSIVE"},
|
||||||
text: "EXCLUSIVE",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "LISBON"},
|
||||||
text: "LISBON",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -121,17 +90,11 @@ export default function LandingPage() {
|
|||||||
description="We don't serve dinner; we serve confessions. The Sinner is an editorialized dining escape where the line between pleasure and sin is blurred by candlelight and velvet."
|
description="We don't serve dinner; we serve confessions. The Sinner is an editorialized dining escape where the line between pleasure and sin is blurred by candlelight and velvet."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "12",
|
value: "12", title: "Secret Seats"},
|
||||||
title: "Secret Seats",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "04",
|
value: "04", title: "AM Closing"},
|
||||||
title: "AM Closing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "∞",
|
value: "∞", title: "Sins Cleansed"},
|
||||||
title: "Sins Cleansed",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-339.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -146,34 +109,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", label: "Vibe", title: "Neon Drenched", items: [
|
||||||
label: "Vibe",
|
"Deep charcoal palette", "Molten orange lighting", "Rough textures"],
|
||||||
title: "Neon Drenched",
|
|
||||||
items: [
|
|
||||||
"Deep charcoal palette",
|
|
||||||
"Molten orange lighting",
|
|
||||||
"Rough textures",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", label: "Ritual", title: "Strict Privacy", items: [
|
||||||
label: "Ritual",
|
"No phones permitted", "No photography allowed", "Total digital silence"],
|
||||||
title: "Strict Privacy",
|
|
||||||
items: [
|
|
||||||
"No phones permitted",
|
|
||||||
"No photography allowed",
|
|
||||||
"Total digital silence",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", label: "Taste", title: "Raw & Real", items: [
|
||||||
label: "Taste",
|
"Authentic ingredients", "Unapologetic seasoning", "Chef's table rituals"],
|
||||||
title: "Raw & Real",
|
|
||||||
items: [
|
|
||||||
"Authentic ingredients",
|
|
||||||
"Unapologetic seasoning",
|
|
||||||
"Chef's table rituals",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="The Sinner Code"
|
title="The Sinner Code"
|
||||||
@@ -189,59 +134,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Signature", name: "Molten Heart", price: "€45", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-flowers_23-2148425550.jpg"},
|
||||||
name: "Molten Heart",
|
|
||||||
price: "€45",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "128",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-flowers_23-2148425550.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "Signature", name: "Forbidden Fruit", price: "€38", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg"},
|
||||||
name: "Forbidden Fruit",
|
|
||||||
price: "€38",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "92",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "Signature", name: "Velvet Nectar", price: "€22", rating: 4,
|
||||||
brand: "Signature",
|
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370286.jpg"},
|
||||||
name: "Velvet Nectar",
|
|
||||||
price: "€22",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "210",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370286.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "Chef's Pick", name: "Charred Shadow", price: "€55", rating: 5,
|
||||||
brand: "Chef's Pick",
|
reviewCount: "77", imageSrc: "http://img.b2bpic.net/free-photo/butcher-pepper-tied-piece-steak-meat-smoke-closeup_346278-622.jpg"},
|
||||||
name: "Charred Shadow",
|
|
||||||
price: "€55",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "77",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/butcher-pepper-tied-piece-steak-meat-smoke-closeup_346278-622.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", brand: "Signature", name: "Neon Tartare", price: "€42", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg"},
|
||||||
name: "Neon Tartare",
|
|
||||||
price: "€42",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "54",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", brand: "Chef's Pick", name: "Gilded Sin", price: "€60", rating: 5,
|
||||||
brand: "Chef's Pick",
|
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/black-rice-with-peeled-orange_23-2148469878.jpg"},
|
||||||
name: "Gilded Sin",
|
|
||||||
price: "€60",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "43",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-rice-with-peeled-orange_23-2148469878.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Midnight Menu"
|
title="The Midnight Menu"
|
||||||
description="A curated selection of our most intoxicating dishes."
|
description="A curated selection of our most intoxicating dishes."
|
||||||
@@ -255,51 +164,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", price: "€150", name: "Confessional Pass", features: [
|
||||||
price: "€150",
|
"1 dinner entry", "1 cocktail", "Priority queue"],
|
||||||
name: "Confessional Pass",
|
|
||||||
features: [
|
|
||||||
"1 dinner entry",
|
|
||||||
"1 cocktail",
|
|
||||||
"Priority queue",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Apply Now",
|
text: "Apply Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", price: "€450", name: "Sinner Tier", features: [
|
||||||
price: "€450",
|
"Unlimited entries", "Chef table access", "Priority booking"],
|
||||||
name: "Sinner Tier",
|
|
||||||
features: [
|
|
||||||
"Unlimited entries",
|
|
||||||
"Chef table access",
|
|
||||||
"Priority booking",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Apply Now",
|
text: "Apply Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "vip",
|
id: "vip", price: "€900", name: "Godfather Tier", features: [
|
||||||
price: "€900",
|
"VIP private booth", "Full menu access", "Concierge"],
|
||||||
name: "Godfather Tier",
|
|
||||||
features: [
|
|
||||||
"VIP private booth",
|
|
||||||
"Full menu access",
|
|
||||||
"Concierge",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Apply Now",
|
text: "Apply Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -315,40 +200,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Elena V.", role: "Collector", testimonial: "The best night of my life, Lisbon will never be the same.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915110.jpg"},
|
||||||
name: "Elena V.",
|
|
||||||
role: "Collector",
|
|
||||||
testimonial: "The best night of my life, Lisbon will never be the same.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915110.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Marco D.", role: "Architect", testimonial: "Dark, moody, utterly intoxicating. The Sinner is pure art.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-brunette-bearded-businessman-with-glass-red-wine-happily-talking-cellphone-restaurant-outdoor_574295-1297.jpg"},
|
||||||
name: "Marco D.",
|
|
||||||
role: "Architect",
|
|
||||||
testimonial: "Dark, moody, utterly intoxicating. The Sinner is pure art.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-brunette-bearded-businessman-with-glass-red-wine-happily-talking-cellphone-restaurant-outdoor_574295-1297.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Sara L.", role: "Art Dealer", testimonial: "Finally, a place that doesn't care for polite conversation.", imageSrc: "http://img.b2bpic.net/free-photo/man-smoke-electronic-cigarette-vape-shop-vape-bar_639032-331.jpg"},
|
||||||
name: "Sara L.",
|
|
||||||
role: "Art Dealer",
|
|
||||||
testimonial: "Finally, a place that doesn't care for polite conversation.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smoke-electronic-cigarette-vape-shop-vape-bar_639032-331.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Julian B.", role: "Critic", testimonial: "Irreverent, unapologetic, and delicious. My new obsession.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27379.jpg"},
|
||||||
name: "Julian B.",
|
|
||||||
role: "Critic",
|
|
||||||
testimonial: "Irreverent, unapologetic, and delicious. My new obsession.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-computer-drinking-coffee_1303-27379.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Sofia R.", role: "Designer", testimonial: "I've never felt so alive at dinner. The vibe is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-retro-vintage-american-50-s-cafe-sitting-table_285396-10499.jpg"},
|
||||||
name: "Sofia R.",
|
|
||||||
role: "Designer",
|
|
||||||
testimonial: "I've never felt so alive at dinner. The vibe is unmatched.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-retro-vintage-american-50-s-cafe-sitting-table_285396-10499.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Confessions from the Table"
|
title="Confessions from the Table"
|
||||||
description="What they whispered after the candles burned out."
|
description="What they whispered after the candles burned out."
|
||||||
@@ -360,14 +220,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Vogue",
|
"Vogue", "GQ Portugal", "Condé Nast", "Wallpaper*", "Hypebeast", "Eater", "Lisbon Lifestyle"]}
|
||||||
"GQ Portugal",
|
|
||||||
"Condé Nast",
|
|
||||||
"Wallpaper*",
|
|
||||||
"Hypebeast",
|
|
||||||
"Eater",
|
|
||||||
"Lisbon Lifestyle",
|
|
||||||
]}
|
|
||||||
title="Seen In"
|
title="Seen In"
|
||||||
description="The press that dared to cover our secret nights."
|
description="The press that dared to cover our secret nights."
|
||||||
/>
|
/>
|
||||||
@@ -377,8 +230,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Beg for Access"
|
title="Beg for Access"
|
||||||
description="Membership is limited. Sign up to receive a notification for the next reservation window."
|
description="Membership is limited. Sign up to receive a notification for the next reservation window."
|
||||||
tag="Entry Request"
|
tag="Entry Request"
|
||||||
@@ -390,29 +242,19 @@ export default function LandingPage() {
|
|||||||
logoText="THE SINNER"
|
logoText="THE SINNER"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Manifesto",
|
label: "Manifesto", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -421,4 +263,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user