Merge version_1 into main #1
344
src/app/page.tsx
344
src/app/page.tsx
@@ -26,260 +26,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Art Caffe Bar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Art Caffe Bar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to Art Caffe Bar"
|
||||
description="Experience the finest coffee, cocktails, and nightlife in the heart of Hadžići. Your sanctuary for conversation and flavor."
|
||||
tag="Coffee & Nightlife"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-checking-photos-digital-camera_107420-84925.jpg",
|
||||
imageAlt: "elegant dark cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flirty-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-drinking-coffee_197531-87.jpg",
|
||||
imageAlt: "caffe bar nightlife interior wide",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg",
|
||||
imageAlt: "A trendy coffee shop in the city",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-black-coffee-milk-espresso-cinnamon-milk-foam-side-view_141793-12256.jpg",
|
||||
imageAlt: "Latte black coffee milk espresso cinnamon milk foam side view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
|
||||
imageAlt: "Side view people sitting at restaurant",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by the community"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Art Caffe Bar"
|
||||
description="Experience the finest coffee, cocktails, and nightlife in the heart of Hadžići. Your sanctuary for conversation and flavor."
|
||||
tag="Coffee & Nightlife"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-checking-photos-digital-camera_107420-84925.jpg", imageAlt: "elegant dark cafe interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flirty-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-drinking-coffee_197531-87.jpg", imageAlt: "caffe bar nightlife interior wide" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by the community"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for Art & Flavor",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079540.jpg",
|
||||
alt: "art caffe bar owner interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Passion for Art & Flavor" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079540.jpg", alt: "art caffe bar owner interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Espresso Art",
|
||||
price: "2.50 KM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg",
|
||||
imageAlt: "premium cappuccino art",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Cappuccino",
|
||||
price: "3.50 KM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720124.jpg",
|
||||
imageAlt: "premium cappuccino art",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Caffè Latte",
|
||||
price: "4.00 KM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life_95678-238.jpg",
|
||||
imageAlt: "premium cappuccino art",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Classic Margarita",
|
||||
price: "8.00 KM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-glasses-drink-dark-background_23-2148437060.jpg",
|
||||
imageAlt: "signature cocktail bar drink",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Mojito",
|
||||
price: "9.00 KM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg",
|
||||
imageAlt: "signature cocktail bar drink",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Gin Tonic",
|
||||
price: "7.50 KM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classy-lemmon-coktail_23-2147643510.jpg",
|
||||
imageAlt: "signature cocktail bar drink",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="Curated selection of premium coffee, craft cocktails, and refreshing drinks."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "m1", name: "Espresso Art", price: "2.50 KM", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg", imageAlt: "premium cappuccino art" },
|
||||
{ id: "m2", name: "Cappuccino", price: "3.50 KM", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720124.jpg", imageAlt: "premium cappuccino art" },
|
||||
{ id: "m3", name: "Caffè Latte", price: "4.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life_95678-238.jpg", imageAlt: "premium cappuccino art" },
|
||||
{ id: "m4", name: "Classic Margarita", price: "8.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-glasses-drink-dark-background_23-2148437060.jpg", imageAlt: "signature cocktail bar drink" },
|
||||
{ id: "m5", name: "Mojito", price: "9.00 KM", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg", imageAlt: "signature cocktail bar drink" },
|
||||
{ id: "m6", name: "Gin Tonic", price: "7.50 KM", imageSrc: "http://img.b2bpic.net/free-photo/classy-lemmon-coktail_23-2147643510.jpg", imageAlt: "signature cocktail bar drink" },
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="Curated selection of premium coffee, craft cocktails, and refreshing drinks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Atmosphere",
|
||||
role: "Evening Scene",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-public-intimacy-moments_23-2149459116.jpg",
|
||||
imageAlt: "caffe bar nightlife interior wide",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Modern Interior",
|
||||
role: "Seating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg",
|
||||
imageAlt: "people enjoying caffe bar night",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Espresso Station",
|
||||
role: "Coffee Corner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148111232.jpg",
|
||||
imageAlt: "premium coffee bar espresso machine",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Event Mood",
|
||||
role: "Social",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg",
|
||||
imageAlt: "caffe bar evening event shot",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Cocktail Bar",
|
||||
role: "Refreshment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg",
|
||||
imageAlt: "cocktail bar night vibe",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Evening Warmth",
|
||||
role: "Nightlife",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg",
|
||||
imageAlt: "caffe bar interior night design",
|
||||
},
|
||||
]}
|
||||
title="Art Gallery Vibes"
|
||||
description="A glimpse into the soul of Caffe Bar Art."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TeamCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{ id: "g1", name: "Atmosphere", role: "Evening Scene", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-public-intimacy-moments_23-2149459116.jpg", imageAlt: "caffe bar nightlife interior wide" },
|
||||
{ id: "g2", name: "Modern Interior", role: "Seating", imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg", imageAlt: "people enjoying caffe bar night" },
|
||||
{ id: "g3", name: "Espresso Station", role: "Coffee Corner", imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-tattooed-man_23-2148111232.jpg", imageAlt: "premium coffee bar espresso machine" },
|
||||
{ id: "g4", name: "Event Mood", role: "Social", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg", imageAlt: "caffe bar evening event shot" },
|
||||
{ id: "g5", name: "Cocktail Bar", role: "Refreshment", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg", imageAlt: "cocktail bar night vibe" },
|
||||
{ id: "g6", name: "Evening Warmth", role: "Nightlife", imageSrc: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg", imageAlt: "caffe bar interior night design" },
|
||||
]}
|
||||
title="Art Gallery Vibes"
|
||||
description="A glimpse into the soul of Caffe Bar Art."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Located in Hadžići, Bosnia and Herzegovina. Visit us today for an unforgettable coffee or drink experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-bistro-exterior-architecture_23-2149356830.jpg"
|
||||
imageAlt="contact us caffe bar moody"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Located in Hadžići, Bosnia and Herzegovina. Visit us today for an unforgettable coffee or drink experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-bistro-exterior-architecture_23-2149356830.jpg"
|
||||
imageAlt="contact us caffe bar moody"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Cocktails",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Hadžići, BIH",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Follow Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Art Caffe Bar"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Cocktails", href: "#menu" }] },
|
||||
{ title: "Contact", items: [{ label: "Hadžići, BIH", href: "#" }, { label: "Follow Us", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Art Caffe Bar"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user