Compare commits
9 Commits
version_1
...
version_10
| Author | SHA1 | Date | |
|---|---|---|---|
| 040c685272 | |||
| 10664568de | |||
| 09bd0c22be | |||
| c221ccaa9d | |||
| 8fadaa4d17 | |||
| bc64a5c1d4 | |||
| 73b8c260d4 | |||
| 52d57e16ed | |||
| e824c62882 |
353
src/app/page.tsx
353
src/app/page.tsx
@@ -31,111 +31,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "The Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "The Menu",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Confess",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "The Experience", id: "about" },
|
||||
{ name: "The Menu", id: "product" },
|
||||
{ name: "Location", id: "features" },
|
||||
{ name: "Membership", id: "pricing" },
|
||||
{ name: "Confess", id: "contact" },
|
||||
]}
|
||||
brandName="THE SINNER"
|
||||
brandName="SINNER SMASH SOCIETY"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Enter the Underworld"
|
||||
description="Lisbon's most exclusive, unapologetic supper club for those who feed on desire and shadow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Seek Entry",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-modern-decoration-inside-building-with-escalators-brussels-belgium_181624-43247.jpg"
|
||||
background={{ variant: "plain" }}
|
||||
title="Sinner Smash Society"
|
||||
description="Lisbon's most rebellious smash burger destination. Where hedonistic taste meets the concrete jungle."
|
||||
buttons={[{ text: "Order Now", href: "https://glovoapp.com" }, { text: "Reserve", href: "#contact" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/gourmet-burger-with-fries-dark-background_23-2148469878.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-chinese-environment-landscape_23-2151918971.jpg",
|
||||
alt: "Stunning chinese environment landscape",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-putting-lipstick_23-2149445852.jpg",
|
||||
alt: "Front view woman putting on lipstick",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918995.jpg",
|
||||
alt: "Cinematic film location decor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-colors_1208-247.jpg",
|
||||
alt: "Unfocused entry disco colors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg",
|
||||
alt: "Elegant black minimal interior design",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "DISCREET",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UNAPOLOGETIC",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HEDONISTIC",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCLUSIVE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LISBON",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Ritual of Excess"
|
||||
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."
|
||||
title="The Art of the Smash"
|
||||
description="We smash our patties at high pressure to lock in every drop of flavor. Our secret sauce is the only sin you'll want to commit."
|
||||
metrics={[
|
||||
{
|
||||
value: "12",
|
||||
title: "Secret Seats",
|
||||
},
|
||||
{
|
||||
value: "04",
|
||||
title: "AM Closing",
|
||||
},
|
||||
{
|
||||
value: "∞",
|
||||
title: "Sins Cleansed",
|
||||
},
|
||||
{ value: "100%", title: "Angus Beef" },
|
||||
{ value: "07", title: "Days Open" },
|
||||
{ value: "24h", title: "Available" },
|
||||
]}
|
||||
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"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/chef-cooking-burger-grill_23-2149177112.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,39 +72,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Vibe",
|
||||
title: "Neon Drenched",
|
||||
items: [
|
||||
"Deep charcoal palette",
|
||||
"Molten orange lighting",
|
||||
"Rough textures",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Ritual",
|
||||
title: "Strict Privacy",
|
||||
items: [
|
||||
"No phones permitted",
|
||||
"No photography allowed",
|
||||
"Total digital silence",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Taste",
|
||||
title: "Raw & Real",
|
||||
items: [
|
||||
"Authentic ingredients",
|
||||
"Unapologetic seasoning",
|
||||
"Chef's table rituals",
|
||||
],
|
||||
},
|
||||
{ id: "1", label: "Hours", title: "Open Daily", items: ["Mon-Thu: 12:00 - 00:00", "Fri-Sun: 12:00 - 02:00"] },
|
||||
{ id: "2", label: "Location", title: "Find Us", items: ["Rua do Sinner, 12", "Lisbon, Portugal"] },
|
||||
{ id: "3", label: "Order", title: "Delivery", items: ["Available on Glovo", "Available on Uber Eats"] },
|
||||
]}
|
||||
title="The Sinner Code"
|
||||
description="Rules of engagement for those daring to step inside our night-lit lair."
|
||||
title="The Sinner Society"
|
||||
description="Find us in the heart of Lisbon for a truly unholy smash burger experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,63 +88,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
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",
|
||||
brand: "Signature",
|
||||
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",
|
||||
brand: "Signature",
|
||||
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",
|
||||
brand: "Chef's Pick",
|
||||
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",
|
||||
brand: "Signature",
|
||||
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",
|
||||
brand: "Chef's Pick",
|
||||
name: "Gilded Sin",
|
||||
price: "€60",
|
||||
rating: 5,
|
||||
reviewCount: "43",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-rice-with-peeled-orange_23-2148469878.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Sinner", name: "The Original Sin", price: "€12", rating: 5, reviewCount: "400", imageSrc: "https://img.b2bpic.net/free-photo/delicious-burger-with-cheese_23-2148469878.jpg" },
|
||||
{ id: "p2", brand: "Sinner", name: "Spicy Devil", price: "€14", rating: 5, reviewCount: "250", imageSrc: "https://img.b2bpic.net/free-photo/burger-with-spicy-sauce_23-2148469878.jpg" },
|
||||
]}
|
||||
title="The Midnight Menu"
|
||||
description="A curated selection of our most intoxicating dishes."
|
||||
title="Our Menu"
|
||||
description="The ultimate smash burger menu for those who crave the bold."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,57 +102,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "€150",
|
||||
name: "Confessional Pass",
|
||||
features: [
|
||||
"1 dinner entry",
|
||||
"1 cocktail",
|
||||
"Priority queue",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "€450",
|
||||
name: "Sinner Tier",
|
||||
features: [
|
||||
"Unlimited entries",
|
||||
"Chef table access",
|
||||
"Priority booking",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
price: "€900",
|
||||
name: "Godfather Tier",
|
||||
features: [
|
||||
"VIP private booth",
|
||||
"Full menu access",
|
||||
"Concierge",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", price: "€15", name: "The Standard Feast", buttons: [{ text: "Order Glovo", href: "https://glovoapp.com" }], features: ["Double Patty", "Secret Sauce", "Extra Cheese"] },
|
||||
]}
|
||||
title="Join the Inner Circle"
|
||||
description="Membership is required for entry to the most exclusive table in Lisbon."
|
||||
title="Membership Perks"
|
||||
description="Unlock exclusive deals by joining the Sinner Smash Society."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -314,44 +115,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ id: "t1", name: "Gonçalo R.", role: "Local Critic", testimonial: "The best smash burger in Lisbon, hands down.", imageSrc: "https://img.b2bpic.net/free-photo/happy-customer-eating-burger_23-2149177112.jpg" },
|
||||
]}
|
||||
title="Confessions from the Table"
|
||||
description="What they whispered after the candles burned out."
|
||||
title="Society Confessions"
|
||||
description="What our loyal members are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -359,66 +126,32 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ Portugal",
|
||||
"Condé Nast",
|
||||
"Wallpaper*",
|
||||
"Hypebeast",
|
||||
"Eater",
|
||||
"Lisbon Lifestyle",
|
||||
]}
|
||||
title="Seen In"
|
||||
description="The press that dared to cover our secret nights."
|
||||
names={["Instagram", "TikTok", "Facebook", "TripAdvisor"]}
|
||||
title="Join the Society"
|
||||
description="Follow us for daily specials and exclusive drops."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Beg for Access"
|
||||
description="Membership is limited. Sign up to receive a notification for the next reservation window."
|
||||
tag="Entry Request"
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Updated"
|
||||
description="Join the society and never miss a drop."
|
||||
tag="Newsletter"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="THE SINNER"
|
||||
logoText="SINNER SMASH SOCIETY"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Manifesto",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Menu", href: "#product" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #171717;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ff4500;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #ff8c42;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #262626;
|
||||
--secondary-cta-text: #f5f5f5;
|
||||
--accent: #ff6347;
|
||||
--background-accent: #262626;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user