Merge version_2 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -30,31 +30,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "features",
|
||||
},
|
||||
name: "Highlights", id: "features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dobar Bar"
|
||||
button={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -62,34 +50,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Good Coffee Good Vibes Good Moments"
|
||||
description="A cozy escape in the heart of Skopje where specialty coffee meets community. Whether you're working, meeting friends, or simply unwinding, Dobar Bar is your urban sanctuary."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg",
|
||||
alt: "Smiling barista",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg", alt: "Smiling barista"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-sunlight-joy-wireless-smiling_1150-1049.jpg",
|
||||
alt: "Student enjoying coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-sunlight-joy-wireless-smiling_1150-1049.jpg", alt: "Student enjoying coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/remote-workplace-smiling-young-woman-freelancer-student-using-laptop-outdoor-cafe-talking_1258-205394.jpg",
|
||||
alt: "Young professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/remote-workplace-smiling-young-woman-freelancer-student-using-laptop-outdoor-cafe-talking_1258-205394.jpg", alt: "Young professional"},
|
||||
]}
|
||||
avatarText="Join our vibrant community of coffee lovers!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us Today", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,10 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Story: Brewed with Community in Mind"
|
||||
description={[
|
||||
"Dobar Bar is more than just a coffee shop; it's a vibrant hub in Skopje where quality coffee, urban design, and a relaxing atmosphere converge. We believe in creating a welcoming third space for young professionals, students, and coffee enthusiasts alike.",
|
||||
"We meticulously source the finest specialty beans, craft seasonal offerings like our 'Coffee of the Month,' and pride ourselves on creative preparation. Every cup tells a story, and every visit creates a good moment.",
|
||||
"Come for the exceptional coffee, stay for the good vibes, and become part of the Dobar Bar community. Enjoy reliable WiFi, comfortable seating, and an authentic experience that balances productivity with pure relaxation.",
|
||||
]}
|
||||
"Dobar Bar is more than just a coffee shop; it's a vibrant hub in Skopje where quality coffee, urban design, and a relaxing atmosphere converge. We believe in creating a welcoming third space for young professionals, students, and coffee enthusiasts alike.", "We meticulously source the finest specialty beans, craft seasonal offerings like our 'Coffee of the Month,' and pride ourselves on creative preparation. Every cup tells a story, and every visit creates a good moment.", "Come for the exceptional coffee, stay for the good vibes, and become part of the Dobar Bar community. Enjoy reliable WiFi, comfortable seating, and an authentic experience that balances productivity with pure relaxation."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,17 +89,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethically Sourced Beans",
|
||||
description: "We partner with local and international roasters to bring you the highest quality, sustainably sourced coffee beans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-brown-coffee-beans-sack-rustic-table_141793-6965.jpg",
|
||||
imageAlt: "Coffee beans",
|
||||
},
|
||||
title: "Ethically Sourced Beans", description: "We partner with local and international roasters to bring you the highest quality, sustainably sourced coffee beans.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-brown-coffee-beans-sack-rustic-table_141793-6965.jpg", imageAlt: "Coffee beans"},
|
||||
{
|
||||
title: "Artisanal Brewing Methods",
|
||||
description: "Our skilled baristas use precise techniques and state-of-the-art equipment to craft your perfect cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-brown-coffee-white-black_1303-1938.jpg",
|
||||
imageAlt: "Latte art",
|
||||
},
|
||||
title: "Artisanal Brewing Methods", description: "Our skilled baristas use precise techniques and state-of-the-art equipment to craft your perfect cup.", imageSrc: "http://img.b2bpic.net/free-photo/background-brown-coffee-white-black_1303-1938.jpg", imageAlt: "Latte art"},
|
||||
]}
|
||||
title="Experience the Dobar Difference"
|
||||
description="From our curated beans to our welcoming atmosphere, discover what makes Dobar Bar a local favorite."
|
||||
@@ -140,26 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Espresso",
|
||||
price: "180 MKD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-differents-types-coffee-coffee-beans-milk-cinnamon-sticks-grey-background-flat-lay_1220-7149.jpg",
|
||||
imageAlt: "Espresso shot",
|
||||
},
|
||||
id: "1", name: "Signature Espresso", price: "180 MKD", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-differents-types-coffee-coffee-beans-milk-cinnamon-sticks-grey-background-flat-lay_1220-7149.jpg", imageAlt: "Espresso shot"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Artisan Croissant",
|
||||
price: "120 MKD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-muffin-sprinkled-with-chopped-pistachio_140725-6583.jpg",
|
||||
imageAlt: "Croissant",
|
||||
},
|
||||
id: "2", name: "Artisan Croissant", price: "120 MKD", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-muffin-sprinkled-with-chopped-pistachio_140725-6583.jpg", imageAlt: "Croissant"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Seasonal Cold Brew",
|
||||
price: "220 MKD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-composition-white-table_23-2148623242.jpg",
|
||||
imageAlt: "Seasonal cold brew",
|
||||
},
|
||||
id: "3", name: "Seasonal Cold Brew", price: "220 MKD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-composition-white-table_23-2148623242.jpg", imageAlt: "Seasonal cold brew"},
|
||||
]}
|
||||
title="Our Menu: Crafted with Care"
|
||||
description="Explore our selection of specialty coffees, refreshing beverages, and delightful pastries."
|
||||
@@ -174,53 +125,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Petrov",
|
||||
role: "Marketing Specialist",
|
||||
company: "Digital Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-with-coffee-cup_23-2148095736.jpg",
|
||||
imageAlt: "Ana Petrov",
|
||||
},
|
||||
id: "1", name: "Ана Петров", role: "Специјалист за маркетинг", company: "Дигитални решенија", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-with-coffee-cup_23-2148095736.jpg", imageAlt: "Ана Петров"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marko Dimitrov",
|
||||
role: "Software Engineer",
|
||||
company: "Tech Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22711.jpg",
|
||||
imageAlt: "Marko Dimitrov",
|
||||
},
|
||||
id: "2", name: "Марко Димитров", role: "Софтверски инженер", company: "Технолошки иновации", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22711.jpg", imageAlt: "Марко Димитров"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Nikolova",
|
||||
role: "University Student",
|
||||
company: "Skopje University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",
|
||||
imageAlt: "Elena Nikolova",
|
||||
},
|
||||
id: "3", name: "Елена Николова", role: "Студент на универзитет", company: "Универзитет Скопје", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg", imageAlt: "Елена Николова"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Filip Georgiev",
|
||||
role: "Graphic Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
|
||||
imageAlt: "Filip Georgiev",
|
||||
},
|
||||
id: "4", name: "Филип Георгиев", role: "Графички дизајнер", company: "Креативен центар", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg", imageAlt: "Филип Георгиев"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara Jovanovska",
|
||||
role: "Remote Worker",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cup-laptop_23-2148968924.jpg",
|
||||
imageAlt: "Sara Jovanovska",
|
||||
},
|
||||
id: "5", name: "Сара Јовановска", role: "Работник од далечина", company: "Хонорарец", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cup-laptop_23-2148968924.jpg", imageAlt: "Сара Јовановска"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our cherished patrons about their Dobar Bar experience."
|
||||
title="Што вели нашата заедница"
|
||||
description="Слушнете од нашите ценети гости за нивното искуство во Dobar Bar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -228,20 +149,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Connect"
|
||||
title="Visit Dobar Bar Today!"
|
||||
description="Find us in the heart of Skopje. Your urban sanctuary for good coffee and good moments awaits."
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Поврзете се"
|
||||
title="Посетете го Dobar Bar денес!"
|
||||
description="Најдете нè во срцето на Скопје. Вашето урбано светилиште за добро кафе и добри моменти ве чека."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/search/Dobar+Bar+Skopje",
|
||||
},
|
||||
text: "Добијте насоки", href: "https://www.google.com/maps/search/Dobar+Bar+Skopje"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@dobarbar.com",
|
||||
},
|
||||
text: "Контактирајте нè", href: "mailto:info@dobarbar.com"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -251,50 +167,32 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Истражете", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Почетна", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "За нас", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Мени", href: "#menu"},
|
||||
{
|
||||
label: "Highlights",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Најважни содржини", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Поврзете се", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/dobarbar",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/dobarbar"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/dobarbar",
|
||||
},
|
||||
label: "Facebook", href: "https://www.facebook.com/dobarbar"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "https://www.google.com/maps/search/Dobar+Bar+Skopje",
|
||||
},
|
||||
label: "Локација", href: "https://www.google.com/maps/search/Dobar+Bar+Skopje"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Контакт", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Dobar Bar"
|
||||
copyrightText="© 2024 Dobar Bar. All rights reserved."
|
||||
copyrightText="© 2024 Dobar Bar. Сите права задржани."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user