bender/a151b732-30e4-42e7-b063-74d357b814c0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

11 Commits
version_1 ... version_4

Author SHA1 Message Date
bender
3f4fd6e929 Update src/app/page.tsx 2026-04-28 08:35:38 +00:00
bender
3995eee934 Merge version_3 into main 
Merge version_3 into main
 2026-04-28 08:34:37 +00:00
bender
20f18c5f7d Update src/app/page.tsx 2026-04-28 08:34:34 +00:00
bender
3492a9f737 Merge version_3 into main 
Merge version_3 into main
 2026-04-28 08:27:17 +00:00
bender
28b7f7bffe Update src/app/page.tsx 2026-04-28 08:27:10 +00:00
bender
556130b3a5 Merge version_3 into main 
Merge version_3 into main
 2026-04-28 08:26:39 +00:00
bender
7d3c341791 Update src/app/page.tsx 2026-04-28 08:26:32 +00:00
bender
19217f088e Merge version_2 into main 
Merge version_2 into main
 2026-04-28 08:23:30 +00:00
bender
d9a3c0ecac Update src/app/page.tsx 2026-04-28 08:23:26 +00:00
bender
f206426ce9 Merge version_1 into main 
Merge version_1 into main
 2026-04-28 08:16:48 +00:00
bender
d4825b300c Merge version_1 into main 
Merge version_1 into main
 2026-04-28 08:16:18 +00:00
1 changed files with 54 additions and 68 deletions
Expand all files Collapse all files

122
src/app/page.tsx
View File

@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -30,9 +31,9 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{ name: "Menu", id: "#menu" },
{ name: "About", id: "#about" },
{ name: "Testimonials", id: "#reviews" },
{ name: "Visit", id: "#contact" },
{ name: "O nama", id: "#about" },
{ name: "Recenzije", id: "#reviews" },
{ name: "Posjetite nas", id: "#contact" },
]}
brandName="Potter"
/>
@@ -41,14 +42,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
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."
title="Iskusite najatmosferičniji zagrebački caffe bar"
description="Vrhunska kava, autorski kokteli, topla usluga i nezaboravni trenuci u samom srcu grada."
buttons={[
{ text: "View Menu", href: "#menu" },
{ text: "Visit Today", href: "#contact" },
{ text: "Pogledajte meni", href: "#menu" },
{ text: "Posjetite nas", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/cup-tea-stool_23-2147747239.jpg"
imageAlt="Luxurious Caffe Bar atmosphere"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyiIxbrFppuvPifZcrTFKYMegU/uploaded-1777365268344-swft31pm.jpg"
imageAlt="Luksuzna atmosfera Caffe Bara"
/>
</div>
@@ -57,9 +58,9 @@ 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"]}
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."
"Zagrebački skriveni luksuz", "Dnevna kava. Noćna energija.", "Trenuci za pamćenje", "Gdje se kava susreće s atmosferom", "Lokalni favorit" ]}
title="Lokalni favorit"
description="Preko 2130+ gostiju nas je ocijenilo s 4.6 zvjezdica. Otkrijte zašto nam se lokalci i posjetitelji uvijek vraćaju."
/>
</div>
@@ -73,45 +74,28 @@ export default function LandingPage() {
{ 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" },
{ id: "p4", brand: "Potter", name: "Ferrero Desert", 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: "Zimski koktel", 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: "Torta od mrkve", 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."
title="Naš meni"
description="Artizanska kava, autorski kokteli i vrhunske slastice."
/>
</div>
<div id="about" data-section="about">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
<SplitAbout
textboxLayout="split"
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: "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: "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="O nama"
description="Naša priča počela je s vizijom stvaranja prostora gdje se susreću kultura kave, vrhunski kokteli i ugodna atmosfera."
bulletPoints={[
{ title: "Kvalitetni sastojci", description: "Koristimo samo premium Lavazza zrna i svježe lokalne namirnice." },
{ title: "Atmosfera", description: "Prostor dizajniran za opuštanje, rad i druženje u svakom trenutku." },
{ title: "Strast", description: "Naš tim je posvećen pružanju najbolje usluge svakom gostu." }
]}
title="Why Potter"
description="Discover the art of atmospheric luxury where premium Lavazza coffee meets high-energy evening cocktails."
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354576.jpg"
imagePosition="right"
/>
</div>
@@ -122,14 +106,16 @@ 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: "Posjetiteljica", 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: "Lokalni gost", 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: "Gošća", 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: "Lokalni gost", 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: "Posjetiteljica", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sits-watches-through-window_8353-9339.jpg" },
{ id: "t6", name: "Gost", role: "Posjetitelj", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12309.jpg?_wi=2" },
{ id: "t7", name: "Gost", role: "Posjetitelj", company: "Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12309.jpg?_wi=3" }
]}
title="Real Experiences"
description="What our guests are saying about their time at Potter."
title="Sažetak recenzija"
description="Recenzije se ne potvrđuju. Prosjek: 4.6"
/>
</div>
@@ -140,22 +126,22 @@ 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: "Filmski interijeri", description: "Atmosferski dekor dizajniran za nezaboravne trenutke.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", imageAlt: "Galerija" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-nature-view_23-2151972859.jpg", imageAlt: "Galerija" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897682.jpg", imageAlt: "Galerija" },
],
},
{
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: "Pića i atmosfera", description: "Savršen spoj kulture kave i noćne energije.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-pink-cosmopolitan-dark-background_114579-2142.jpg", imageAlt: "Galerija" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone_23-2147679112.jpg", imageAlt: "Galerija" },
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Galerija" },
],
},
]}
title="Gallery"
description="A glimpse into the atmospheric nights at Potter."
title="Galerija"
description="Zavirite u atmosferske večeri u Potteru."
/>
</div>
@@ -163,10 +149,10 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Potter Caffe Bar, Zagreb. Open daily until midnight. Your table is waiting."
text="Potter Caffe Bar, Zagreb. Otvoreni smo svakodnevno do ponoći. Vaš stol vas čeka."
buttons={[
{ text: "Get Directions", href: "https://maps.google.com" },
{ text: "Reserve Table", href: "tel:+38500000000" },
{ text: "Upute za dolazak", href: "https://maps.google.com" },
{ text: "Rezervirajte stol", href: "tel:+38500000000" },
]}
/>
</div>
@@ -176,14 +162,14 @@ export default function LandingPage() {
columns={[
{
items: [
{ label: "Menu", href: "#menu" },
{ label: "Gallery", href: "#gallery" },
{ label: "Reserve", href: "tel:+38500000000" },
{ label: "Meni", href: "#menu" },
{ label: "Galerija", href: "#gallery" },
{ label: "Rezervacije", href: "tel:+38500000000" },
],
},
{
items: [
{ label: "Visit us", href: "https://maps.google.com" },
{ label: "Posjetite nas", href: "https://maps.google.com" },
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
],