Merge version_1 into main #2
297
src/app/page.tsx
297
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Cocktails",
|
||||
id: "cocktails",
|
||||
},
|
||||
{
|
||||
name: "Atmosphere",
|
||||
id: "atmosphere",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Cocktails", id: "cocktails" },
|
||||
{ name: "Atmosphere", id: "atmosphere" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reservations", id: "contact" }
|
||||
]}
|
||||
brandName="Crown of Crows"
|
||||
/>
|
||||
@@ -53,80 +41,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="rotated-rays-static"
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Escape the Ordinary."
|
||||
description="A hidden gothic cocktail lounge in the heart of El Paso. Where conversation, cocktails, and atmosphere reign."
|
||||
kpis={[
|
||||
{
|
||||
value: "12",
|
||||
label: "Signature Elixirs",
|
||||
},
|
||||
{
|
||||
value: "1890",
|
||||
label: "Victorian Era Vibe",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Memorable Nights",
|
||||
},
|
||||
{ value: "12", label: "Signature Elixirs" },
|
||||
{ value: "1890", label: "Victorian Era Vibe" },
|
||||
{ value: "100%", label: "Memorable Nights" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Cocktails",
|
||||
href: "#cocktails",
|
||||
},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Cocktails", href: "#cocktails" },
|
||||
{ text: "Reserve a Table", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-beautiful-stone-railing-historical-building-night_181624-58189.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-grayscale-shot-beautiful-stone-railing-historical-building-night_181624-58189.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-hallway-inside-notre-dame-cathedral-captured-strasbourg-france_181624-6758.jpg",
|
||||
alt: "dark hallway inside Notre Dame Cathedral captured in Strasbourg, France",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/education-day-scene-fantasy-style-aesthetic_23-2151040264.jpg",
|
||||
alt: "Education day scene in fantasy style and aesthetic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/inside-view-church_23-2150572010.jpg",
|
||||
alt: "Inside view of church",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paintings-ceiling-beautiful-old-building_181624-6943.jpg",
|
||||
alt: "Paintings on the ceiling in a beautiful old building",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-beautiful-stone-railing-historical-building-night_181624-58189.jpg",
|
||||
alt: "gothic cocktail lounge interior candlelit",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-hallway-inside-notre-dame-cathedral-captured-strasbourg-france_181624-6758.jpg", alt: "dark hallway inside Notre Dame Cathedral captured in Strasbourg, France" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/education-day-scene-fantasy-style-aesthetic_23-2151040264.jpg", alt: "Education day scene in fantasy style and aesthetic" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/inside-view-church_23-2150572010.jpg", alt: "Inside view of church" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/paintings-ceiling-beautiful-old-building_181624-6943.jpg", alt: "Paintings on the ceiling in a beautiful old building" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-beautiful-stone-railing-historical-building-night_181624-58189.jpg", alt: "gothic cocktail lounge interior candlelit" }
|
||||
]}
|
||||
avatarText="Join our dark circle"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Whispers of the night",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artful Libations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "El Paso's Best Kept Secret",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Midnight Gatherings",
|
||||
},
|
||||
{ type: "text", text: "Whispers of the night" },
|
||||
{ type: "text", text: "Timeless Elegance" },
|
||||
{ type: "text", text: "Artful Libations" },
|
||||
{ type: "text", text: "El Paso's Best Kept Secret" },
|
||||
{ type: "text", text: "Midnight Gatherings" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,60 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "The Crow",
|
||||
price: "16",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-served-glass-with-fruits-top_140725-3588.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Signature",
|
||||
name: "The Crown",
|
||||
price: "18",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-iced-cocktail-fresh-icing-inside-long-glass-dark-dark-surface-with-drink-juice-cocktail-bar_140725-26176.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Signature",
|
||||
name: "The Tower",
|
||||
price: "15",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pink-cosmopolitan-dark-background_114579-2142.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Classic",
|
||||
name: "Mexican Chocolate Old Fashioned",
|
||||
price: "17",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-with-drink-black-background_23-2148273473.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Classic",
|
||||
name: "Irish Coffee",
|
||||
price: "14",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-617.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Signature",
|
||||
name: "Raven’s Sip",
|
||||
price: "19",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sorbet_23-2148018936.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Signature", name: "The Crow", price: "16", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/dessert-served-glass-with-fruits-top_140725-3588.jpg" },
|
||||
{ id: "2", brand: "Signature", name: "The Crown", price: "18", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-iced-cocktail-fresh-icing-inside-long-glass-dark-dark-surface-with-drink-juice-cocktail-bar_140725-26176.jpg" },
|
||||
{ id: "3", brand: "Signature", name: "The Tower", price: "15", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/glass-pink-cosmopolitan-dark-background_114579-2142.jpg" },
|
||||
{ id: "4", brand: "Classic", name: "Mexican Chocolate Old Fashioned", price: "17", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/book-with-drink-black-background_23-2148273473.jpg" },
|
||||
{ id: "5", brand: "Classic", name: "Irish Coffee", price: "14", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-sliced-dried-citrus-flower_141793-617.jpg" },
|
||||
{ id: "6", brand: "Signature", name: "Raven’s Sip", price: "19", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/sorbet_23-2148018936.jpg" }
|
||||
]}
|
||||
title="Signature Elixirs"
|
||||
description="Artfully crafted cocktails that honor history and taste."
|
||||
@@ -203,15 +98,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Old World Atmosphere"
|
||||
description={[
|
||||
"Steeped in history, our gothic sanctuary features antique furniture, curated decor, and a candlelit ambiance that transports you to a bygone era of English pub charm.",
|
||||
"Every corner tells a story, offering an intimate escape from the ordinary for those seeking conversation and connection.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
"Steeped in history, our gothic sanctuary features antique furniture, curated decor, and a candlelit ambiance that transports you to a bygone era of English pub charm.", "Every corner tells a story, offering an intimate escape from the ordinary for those seeking conversation and connection."
|
||||
]}
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -219,31 +108,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232839.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-smoking-electronic-cigarette-vape-bar_639032-355.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-man-with-beer_23-2148872435.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julian S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-drinks-together_107420-94739.jpg",
|
||||
},
|
||||
{ id: "t1", name: "James R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232839.jpg" },
|
||||
{ id: "t2", name: "Sarah D.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg" },
|
||||
{ id: "t3", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-smoking-electronic-cigarette-vape-bar_639032-355.jpg" },
|
||||
{ id: "t4", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-man-with-beer_23-2148872435.jpg" },
|
||||
{ id: "t5", name: "Julian S.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-drinks-together_107420-94739.jpg" }
|
||||
]}
|
||||
cardTitle="Echoes from the Lounge"
|
||||
cardTag="Stories"
|
||||
@@ -258,34 +127,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "founders",
|
||||
groupTitle: "The Proprietors",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Lead Visionary",
|
||||
subtitle: "Host & Curator",
|
||||
detail: "Dedicated to maintaining the gothic atmosphere and spirit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-drinking-glass-beer_171337-13771.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Head Bartender",
|
||||
subtitle: "Mixologist",
|
||||
detail: "Crafting elixirs inspired by centuries of tradition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176829.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Operations Lead",
|
||||
subtitle: "Hospitality",
|
||||
detail: "Ensuring every guest feels at home in our gothic escape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094575.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-beautiful-stone-railing-historical-building-night_181624-58189.jpg?_wi=2",
|
||||
imageAlt: "professional bartender artisan dark pub background",
|
||||
},
|
||||
id: "founders", groupTitle: "The Proprietors", members: [
|
||||
{ id: "m1", title: "Lead Visionary", subtitle: "Host & Curator", detail: "Dedicated to maintaining the gothic atmosphere and spirit.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-drinking-glass-beer_171337-13771.jpg" },
|
||||
{ id: "m2", title: "Head Bartender", subtitle: "Mixologist", detail: "Crafting elixirs inspired by centuries of tradition.", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176829.jpg" },
|
||||
{ id: "m3", title: "Operations Lead", subtitle: "Hospitality", detail: "Ensuring every guest feels at home in our gothic escape.", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094575.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Craftsmanship & Hospitality"
|
||||
description="Meet the minds behind the lounge who believe in the art of the perfect cocktail and the spirit of a true public house."
|
||||
@@ -297,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there a dress code?",
|
||||
content: "While we celebrate gothic flair, casual but respectful attire is welcome.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We always appreciate reservations, though we try to accommodate walk-ins when space permits.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve for private events?",
|
||||
content: "Yes, our intimate space is available for curated private gatherings.",
|
||||
},
|
||||
{ id: "f1", title: "Is there a dress code?", content: "While we celebrate gothic flair, casual but respectful attire is welcome." },
|
||||
{ id: "f2", title: "Do you accept walk-ins?", content: "We always appreciate reservations, though we try to accommodate walk-ins when space permits." },
|
||||
{ id: "f3", title: "Can I reserve for private events?", content: "Yes, our intimate space is available for curated private gatherings." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -328,24 +163,10 @@ export default function LandingPage() {
|
||||
title="Make Your Reservation"
|
||||
description="Secure your table in our gothic escape. Open nightly until late."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Any special occasion or request?",
|
||||
required: false,
|
||||
}}
|
||||
textarea={{ name: "notes", placeholder: "Any special occasion or request?", required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/book-with-green-drink-roses_23-2148273472.jpg"
|
||||
mediaPosition="left"
|
||||
buttonText="Reserve Now"
|
||||
@@ -355,30 +176,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "El Paso, Texas",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "El Paso, Texas", href: "#" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ items: [{ label: "Twitter", href: "#" }, { label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
logoText="Crown of Crows"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user