Merge version_1 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#reviews" },
|
||||
{ name: "Visit", id: "#contact" },
|
||||
]}
|
||||
brandName="Potter"
|
||||
/>
|
||||
@@ -52,22 +40,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Experience Zagreb’s Most Atmospheric Caffe Bar"
|
||||
description="Premium coffee, signature cocktails, warm service, and unforgettable moments in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Today", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-tea-stool_23-2147747239.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-tea-stool_23-2147747239.jpg"
|
||||
imageAlt="Luxurious Caffe Bar atmosphere"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,12 +57,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Zagreb’s Hidden Luxury Escape",
|
||||
"Day Coffee. Night Energy.",
|
||||
"Crafted Moments Daily.",
|
||||
"Where Coffee Meets Atmosphere",
|
||||
"Local Favorite",
|
||||
]}
|
||||
"Zagreb’s Hidden Luxury Escape", "Day Coffee. Night Energy.", "Crafted Moments Daily.", "Where Coffee Meets Atmosphere", "Local Favorite"]}
|
||||
title="A Local Favorite"
|
||||
description="Over 2,130+ guests have rated us 4.6 stars. Discover why locals and visitors alike return again and again."
|
||||
/>
|
||||
@@ -95,60 +70,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Lavazza",
|
||||
name: "Signature Cappuccino",
|
||||
price: "3.50€",
|
||||
rating: 5,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-with-fruit-slices-ethnic-green-jar_114579-2613.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Potter",
|
||||
name: "Espresso Double",
|
||||
price: "2.50€",
|
||||
rating: 5,
|
||||
reviewCount: "800+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Potter",
|
||||
name: "Signature Mojito",
|
||||
price: "5.00€",
|
||||
rating: 4,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-yummy-fruit-cocktail-table_140725-5661.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Potter",
|
||||
name: "Ferrero Dessert",
|
||||
price: "4.50€",
|
||||
rating: 5,
|
||||
reviewCount: "400+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-romantic-box-with-lights-gold-ribbon-muffin_181624-33744.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Potter",
|
||||
name: "Winter Cocktail",
|
||||
price: "5.00€",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-lagoon-cocktail-glass-with-white-foam-flower-decoration_114579-2612.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Potter",
|
||||
name: "Carrot Cake",
|
||||
price: "4.00€",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148769216.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Lavazza", name: "Signature Cappuccino", price: "3.50€", rating: 5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-with-fruit-slices-ethnic-green-jar_114579-2613.jpg" },
|
||||
{ id: "p2", brand: "Potter", name: "Espresso Double", price: "2.50€", rating: 5, reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg" },
|
||||
{ id: "p3", brand: "Potter", name: "Signature Mojito", price: "5.00€", rating: 4, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/fresh-yummy-fruit-cocktail-table_140725-5661.jpg" },
|
||||
{ id: "p4", brand: "Potter", name: "Ferrero Dessert", price: "4.50€", rating: 5, reviewCount: "400+", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-romantic-box-with-lights-gold-ribbon-muffin_181624-33744.jpg" },
|
||||
{ id: "p5", brand: "Potter", name: "Winter Cocktail", price: "5.00€", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/blue-lagoon-cocktail-glass-with-white-foam-flower-decoration_114579-2612.jpg" },
|
||||
{ id: "p6", brand: "Potter", name: "Carrot Cake", price: "4.00€", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148769216.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Artisan coffee, signature cocktails, and premium desserts."
|
||||
@@ -162,67 +89,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Coffee",
|
||||
description: "Authentic Lavazza beans for an unparalleled coffee experience.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354576.jpg",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14720.jpg",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
title: "Premium Coffee", description: "Authentic Lavazza beans for an unparalleled coffee experience.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg", imageAlt: "Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354576.jpg", imageAlt: "Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14720.jpg", imageAlt: "Coffee" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-stool_23-2147747239.jpg?_wi=2",
|
||||
imageAlt: "barista crafting specialty coffee",
|
||||
},
|
||||
{
|
||||
title: "Cozy Terrace",
|
||||
description: "Zagreb's most relaxing urban escape for all seasons.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rooftop-sunset-cityscape_23-2151945654.jpg",
|
||||
imageAlt: "Terrace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-woman-sitting-cafe_23-2147765359.jpg",
|
||||
imageAlt: "Terrace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-terrace-open-restaurant-with-sofas-chairs-tables_114579-2728.jpg",
|
||||
imageAlt: "Terrace",
|
||||
},
|
||||
title: "Cozy Terrace", description: "Zagreb's most relaxing urban escape for all seasons.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rooftop-sunset-cityscape_23-2151945654.jpg", imageAlt: "Terrace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tired-woman-sitting-cafe_23-2147765359.jpg", imageAlt: "Terrace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dining-terrace-open-restaurant-with-sofas-chairs-tables_114579-2728.jpg", imageAlt: "Terrace" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-with-fruit-slices-ethnic-green-jar_114579-2613.jpg?_wi=2",
|
||||
imageAlt: "barista crafting specialty coffee",
|
||||
},
|
||||
{
|
||||
title: "Warm Service",
|
||||
description: "Friendly, smiling staff dedicated to your perfect experience.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-eating-delicious-pizza_23-2150280263.jpg",
|
||||
imageAlt: "Staff",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-together-restaurant_23-2150520083.jpg",
|
||||
imageAlt: "Staff",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12309.jpg",
|
||||
imageAlt: "Staff",
|
||||
},
|
||||
title: "Warm Service", description: "Friendly, smiling staff dedicated to your perfect experience.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-eating-delicious-pizza_23-2150280263.jpg", imageAlt: "Staff" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-male-friends-together-restaurant_23-2150520083.jpg", imageAlt: "Staff" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12309.jpg", imageAlt: "Staff" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-yummy-fruit-cocktail-table_140725-5661.jpg?_wi=2",
|
||||
imageAlt: "barista crafting specialty coffee",
|
||||
},
|
||||
]}
|
||||
title="Why Potter"
|
||||
@@ -237,46 +122,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Visitor",
|
||||
company: "Zagreb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-woman-using-mobile-phone-while-having-cup-coffee_107420-63684.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marko P.",
|
||||
role: "Local",
|
||||
company: "Zagreb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena M.",
|
||||
role: "Guest",
|
||||
company: "Zagreb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocoa-with-laptop-cozy-winter-home-warm-background_501050-180.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tomislav B.",
|
||||
role: "Local",
|
||||
company: "Zagreb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-winter-coziness-arrangement_23-2148715936.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana K.",
|
||||
role: "Visitor",
|
||||
company: "Zagreb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sits-watches-through-window_8353-9339.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Visitor", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-section-woman-using-mobile-phone-while-having-cup-coffee_107420-63684.jpg" },
|
||||
{ id: "t2", name: "Marko P.", role: "Local", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg" },
|
||||
{ id: "t3", name: "Elena M.", role: "Guest", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cocoa-with-laptop-cozy-winter-home-warm-background_501050-180.jpg" },
|
||||
{ id: "t4", name: "Tomislav B.", role: "Local", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-winter-coziness-arrangement_23-2148715936.jpg" },
|
||||
{ id: "t5", name: "Ana K.", role: "Visitor", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sits-watches-through-window_8353-9339.jpg" },
|
||||
]}
|
||||
title="Real Experiences"
|
||||
description="What our guests are saying about their time at Potter."
|
||||
@@ -290,46 +140,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cinematic Interiors",
|
||||
description: "Atmospheric decor designed for unforgettable moments.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
|
||||
imageAlt: "Gallery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-nature-view_23-2151972859.jpg",
|
||||
imageAlt: "Gallery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897682.jpg",
|
||||
imageAlt: "Gallery",
|
||||
},
|
||||
title: "Cinematic Interiors", description: "Atmospheric decor designed for unforgettable moments.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", imageAlt: "Gallery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-nature-view_23-2151972859.jpg", imageAlt: "Gallery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897682.jpg", imageAlt: "Gallery" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-stool_23-2147747239.jpg?_wi=3",
|
||||
imageAlt: "cafe interior design moody elegant",
|
||||
},
|
||||
{
|
||||
title: "Drinks & Atmosphere",
|
||||
description: "The perfect blend of coffee culture and night energy.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pink-cosmopolitan-dark-background_114579-2142.jpg",
|
||||
imageAlt: "Gallery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg",
|
||||
imageAlt: "Gallery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg",
|
||||
imageAlt: "Gallery",
|
||||
},
|
||||
title: "Drinks & Atmosphere", description: "The perfect blend of coffee culture and night energy.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-pink-cosmopolitan-dark-background_114579-2142.jpg", imageAlt: "Gallery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg", imageAlt: "Gallery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Gallery" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-with-fruit-slices-ethnic-green-jar_114579-2613.jpg?_wi=3",
|
||||
imageAlt: "cafe interior design moody elegant",
|
||||
},
|
||||
]}
|
||||
title="Gallery"
|
||||
@@ -340,19 +162,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Potter Caffe Bar, Zagreb. Open daily until midnight. Your table is waiting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "tel:+38500000000",
|
||||
},
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
{ text: "Reserve Table", href: "tel:+38500000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -362,34 +176,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "tel:+38500000000",
|
||||
},
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Reserve", href: "tel:+38500000000" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Visit us",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Visit us", href: "https://maps.google.com" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user