Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -28,253 +28,253 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Почетна", id: "home" },
|
||||
{ name: "О нама", id: "about" },
|
||||
{ name: "Производи", id: "products" },
|
||||
{ name: "Рецензије", id: "reviews" },
|
||||
{ name: "Контакт", id: "contact" }
|
||||
]}
|
||||
brandName="Pekara"
|
||||
bottomLeftText="Novi Beograd, Belgrade"
|
||||
brandName="ПЕКАРА"
|
||||
bottomLeftText="Нови Београд, Београд"
|
||||
bottomRightText="+381 XX XXX XXXX"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="PEKARA"
|
||||
description="Artisan pastries and fresh bread baked daily in the heart of Novi Beograd. Visit us for the finest local baked goods and friendly service."
|
||||
logoText="ПЕКАРА"
|
||||
description="Занатске пециваре и свеж хлеб печени сваки дан у срцу Новог Београда. Посетите нас за најквалитетније локалне пециваре и пријатељски сервис."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Call Now: +381 64 123 4567", href: "tel:+381641234567" },
|
||||
{ text: "Send Message", href: "#contact" }
|
||||
{ text: "Позовите нас: +381 64 123 4567", href: "tel:+381641234567" },
|
||||
{ text: "Пошаљите поруку", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149233714.jpg"
|
||||
imageAlt="Fresh pastries and bread from our bakery"
|
||||
imageAlt="Свеже пециваре и хлеб из наше пекаре"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
ariaLabel="Bakery hero section with call-to-action"
|
||||
ariaLabel="Пекара хиро секција са позивом на акцију"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Story"
|
||||
description="For over a decade, we've been serving the community of Novi Beograd with fresh, quality baked goods made from the finest ingredients. Our family-owned bakery is committed to traditional methods and customer satisfaction."
|
||||
tag="Family Tradition"
|
||||
title="Наша прича"
|
||||
description="Више од деценије служимо заједници Новог Београда са свежим, квалитетним пецивима направљеним од најфиније ингредијенса. Наша породична пекара је посвећена традиционалним методама и задовољству купаца."
|
||||
tag="Породична традиција"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fresh Daily", description: "All baked goods made fresh each morning using traditional recipes and premium ingredients.", icon: Sparkles
|
||||
title: "Свеже сваки дан", description: "Све пециваре су направљене свеже сваког јутра користећи традиционалне рецепте и премијум ингредијенсе.", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Family-Owned", description: "A local business deeply rooted in Novi Beograd, serving our neighbors for over 10 years with pride.", icon: Users
|
||||
title: "Породични посао", description: "Локални посао дубоко укорењен у Новом Београду, служећи нашим суседима више од 10 година са поносом.", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients", description: "We source only the finest local and imported ingredients to ensure exceptional taste and quality.", icon: Shield
|
||||
title: "Премијум ингредијенси", description: "Користимо само најфиније локалне и увозне ингредијенсе да бисмо осигурали изузетан укус и квалитет.", icon: Shield
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#products" }
|
||||
{ text: "Сазнајте више", href: "#products" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-preparing-challah-dish-hanukkah_23-2151102360.jpg"
|
||||
imageAlt="Our bakery team and baking process"
|
||||
imageAlt="Наш тим пекаре и процес печења"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About section describing bakery story and values"
|
||||
ariaLabel="О нама секција која описује прику пекаре и вредности"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Our Specialties"
|
||||
description="Discover our selection of mouth-watering baked goods, fresh daily and crafted with love."
|
||||
tag="Best Sellers"
|
||||
title="Наше специјалности"
|
||||
description="Откријте нашу селекцију укусних пецива, свежих сваки дан и направљених са љубављу."
|
||||
tag="Најпопуларније"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "PEKARA", name: "Croissants", price: "2.50 €", rating: 5,
|
||||
reviewCount: "148", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-donut-with-sprinkles-dark-background_181624-59713.jpg", imageAlt: "Fresh butter croissants"
|
||||
id: "1", brand: "ПЕКАРА", name: "Крисантеми", price: "2.50 €", rating: 5,
|
||||
reviewCount: "148", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-donut-with-sprinkles-dark-background_181624-59713.jpg", imageAlt: "Свежи пудери крисантеми"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "PEKARA", name: "Sourdough Bread", price: "4.00 €", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/rye-sliced-bread-table_1112-1316.jpg", imageAlt: "Artisan sourdough loaf"
|
||||
id: "2", brand: "ПЕКАРА", name: "Квасни хлеб", price: "4.00 €", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/rye-sliced-bread-table_1112-1316.jpg", imageAlt: "Занатски квасни хлеб"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "PEKARA", name: "Fresh Donuts", price: "1.80 €", rating: 5,
|
||||
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/close-up-donuts-with-frosting_23-2148468211.jpg", imageAlt: "Glazed fresh donuts"
|
||||
id: "3", brand: "ПЕКАРА", name: "Свежи домаћи кренди", price: "1.80 €", rating: 5,
|
||||
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/close-up-donuts-with-frosting_23-2148468211.jpg", imageAlt: "Глазирани свежи кренди"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "PEKARA", name: "Crispy Onion Rings", price: "3.50 €", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-vector/bakery-brochure-template_23-2149399491.jpg", imageAlt: "Golden onion rings"
|
||||
id: "4", brand: "ПЕКАРА", name: "Крупни лучни прстенови", price: "3.50 €", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-vector/bakery-brochure-template_23-2149399491.jpg", imageAlt: "Золни лучни прстенови"
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{ text: "Call to Order: +381 64 123 4567", href: "tel:+381641234567" }
|
||||
{ text: "Позовите да наручите: +381 64 123 4567", href: "tel:+381641234567" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Product section with bakery specialties"
|
||||
ariaLabel="Производи секција са пекарским специјалностима"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
title="Why Choose Our Bakery?"
|
||||
description="Experience the difference of artisan baking with every purchase. We prioritize quality, freshness, and customer satisfaction."
|
||||
tag="Quality Assured"
|
||||
title="Зашто одабрати нашу пекару?"
|
||||
description="Искусите разлику занатског печења са сваком куповином. Приоритизирамо квалитет, свежину и задовољство купца."
|
||||
tag="Гарантован квалитет"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Baked Fresh Every Morning", tags: ["Daily", "Fresh", "Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629567.jpg", imageAlt: "Fresh baking in our oven"
|
||||
id: "1", title: "Печено свежо сваког јутра", tags: ["Дневно", "Свежо", "Квалитет"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629567.jpg", imageAlt: "Свеже печење у нашој пећи"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Premium Local Ingredients", tags: ["Local", "Premium", "Sourced"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-pastry-sale-supermarket-bakery-department_342744-1064.jpg", imageAlt: "Our bakery shop"
|
||||
id: "2", title: "Премијум локални ингредијенси", tags: ["Локално", "Премијум", "Набављено"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-pastry-sale-supermarket-bakery-department_342744-1064.jpg", imageAlt: "Наша пекара продавница"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "tel:+381641234567" }
|
||||
{ text: "Наручите сада", href: "tel:+381641234567" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Features section highlighting bakery benefits"
|
||||
ariaLabel="Функције секција која истиче пекарске предности"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
title="What Our Customers Say"
|
||||
description="Loved by locals in Novi Beograd. Real reviews from satisfied customers who trust us daily."
|
||||
tag="Trusted Local Business"
|
||||
title="Шта кажу наши купци"
|
||||
description="Омиљена код становника Новог Београда. Прави осврти од задовољних купаца који нам верују сваки дан."
|
||||
tag="Поверена локална пекара"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marija Nikolić", role: "Office Manager", company: "Local Tech Company", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-scarf-outdoors_1303-25682.jpg", imageAlt: "Marija Nikolić"
|
||||
id: "1", name: "Марија Николић", role: "Управник канцеларије", company: "Локална ИТ компанија", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-scarf-outdoors_1303-25682.jpg", imageAlt: "Марија Николић"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Aleksandar Jovanović", role: "Local Resident", company: "Novi Beograd Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-enjoying-blue-matcha_23-2150649579.jpg", imageAlt: "Aleksandar Jovanović"
|
||||
id: "2", name: "Александар Јовановић", role: "Становник подручја", company: "Заједница Новог Београда", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-enjoying-blue-matcha_23-2150649579.jpg", imageAlt: "Александар Јовановић"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Jelena Simić", role: "Events Coordinator", company: "Event Planning", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-olive-green-t-shirt-showing-thumbs-up-isolated-yellow-wall_141793-82619.jpg", imageAlt: "Jelena Simić"
|
||||
id: "3", name: "Јелена Симић", role: "Координатор догађаја", company: "Планирање событи", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-olive-green-t-shirt-showing-thumbs-up-isolated-yellow-wall_141793-82619.jpg", imageAlt: "Јелена Симић"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Dejan Petrović", role: "Local Business Owner", company: "Novi Beograd Shop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-young-man-showing-thumbup-praising-good-work-standing-light-blue-backgrou_1258-161401.jpg", imageAlt: "Dejan Petrović"
|
||||
id: "4", name: "Дејан Петровић", role: "Власник локалног посла", company: "Нови Београд продавница", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-young-man-showing-thumbup-praising-good-work-standing-light-blue-backgrou_1258-161401.jpg", imageAlt: "Дејан Петровић"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Mirjana Kostić", role: "HR Director", company: "Corporate Office", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-beautiful-redhead-woman-with-charming-smile_273609-9032.jpg", imageAlt: "Mirjana Kostić"
|
||||
id: "5", name: "Мирјана Костић", role: "ХР директор", company: "Корпоративна канцеларија", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-beautiful-redhead-woman-with-charming-smile_273609-9032.jpg", imageAlt: "Мирјана Костић"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Filip Vasić", role: "Regular Customer", company: "Novi Beograd Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg", imageAlt: "Filip Vasić"
|
||||
id: "6", name: "Филип Васић", role: "Редован купац", company: "Становник Новог Београда", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-arms-crossed_1187-3243.jpg", imageAlt: "Филип Васић"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.7★", label: "Customer Rating" },
|
||||
{ value: "2,000+", label: "Happy Customers" },
|
||||
{ value: "10+", label: "Years Serving Novi Beograd" }
|
||||
{ value: "4.7★", label: "Рејтинг купца" },
|
||||
{ value: "2,000+", label: "Задовољни купци" },
|
||||
{ value: "10+", label: "Година услуживања Новог Београда" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "See More Reviews", href: "https://www.google.com/search?q=bakery+novi+beograd" }
|
||||
{ text: "Видите више рецензија", href: "https://www.google.com/search?q=bakery+novi+beograd" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Testimonials section with customer reviews and ratings"
|
||||
ariaLabel="Рецензије секције са рецензијама купца и рејтинзима"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Order?"
|
||||
ctaDescription="Call us directly to place your order or get catering information. We're here to serve you!"
|
||||
ctaButton={{ text: "Call: +381 64 123 4567", href: "tel:+381641234567" }}
|
||||
ctaTitle="Спремни да наручите?"
|
||||
ctaDescription="Позовите нас директно да поставите наруџбу или добијете информације о угоститељском услугама. Овде смо да вам служимо!"
|
||||
ctaButton={{ text: "Позовите: +381 64 123 4567", href: "tel:+381641234567" }}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are your operating hours?", content: "We're open Monday to Saturday, 6:00 AM to 7:00 PM. Sundays 7:00 AM to 3:00 PM. All baked goods are fresh from 6:00 AM daily."
|
||||
id: "1", title: "Која су ваша радна времена?", content: "Отворени смо понедељак до суботу, од 6:00 до 19:00. Недељу од 7:00 до 15:00. Све пециваре су свеже од 6:00 сваки дан."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer catering services?", content: "Yes! We offer catering for events, office meetings, and celebrations. Call us to discuss your needs and get a custom quote. Bulk orders require 24-48 hours notice."
|
||||
id: "2", title: "Да ли нудите угоститељске услуге?", content: "Да! Нудимо угоститељство за догађаје, канцеларске встанке и славе. Позовите нас да разговарате о вашим потребама и добијете процену. Масовне наруџбе захтевају 24-48 сати напомене."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I place orders online or by phone?", content: "Currently, we take orders by phone only. Call us at +381 64 123 4567 to place your order. We accommodate rush orders when possible!"
|
||||
id: "3", title: "Могу ли наручити онлајн или телефоном?", content: "Тренутно узимамо наруџбе само телефоном. Позовите нас на +381 64 123 4567 да поставите наруџбу. Ми узимамо хитне наруџбе кад год је могуће!"
|
||||
},
|
||||
{
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept cash and all major debit/credit cards. Payment can be made at pickup or for catering orders, we require 50% deposit."
|
||||
id: "4", title: "Које методе плаћања прихватате?", content: "Прихватамо готовину и све главне дебитне/кредитне картице. Плаћање може бити извршено приликом преузимања или за угоститељске наруџбе, захтевамо депозит од 50%."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Are your products gluten-free?", content: "Some of our pastries contain gluten. We currently do not have a dedicated gluten-free line, but please ask about specific items when you call."
|
||||
id: "5", title: "Да ли су ваши производи без глутена?", content: "Неки од наших пецива садрже глутен. Тренутно немамо дедицирану линију без глутена, али молим вас да питате о специфичним артиклима кад позовете."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Where are you located?", content: "We're located in the heart of Novi Beograd at Blokovi area. Visit us at our shop or call for detailed directions and parking information."
|
||||
id: "6", title: "Где се налазите?", content: "Налазимо се у срцу Новог Београда у подручју Блокови. Посетите нас у нашој продавници или позовите за детаљне упутства и информације о паркирању."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
ariaLabel="Contact and FAQ section with direct call option"
|
||||
ariaLabel="Контакт и FAQ секција са директним опцијом позива"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="PEKARA"
|
||||
logoText="ПЕКАРА"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Call us: +381 64 123 4567", href: "tel:+381641234567" },
|
||||
{ label: "Blokovi, Novi Beograd", href: "#" },
|
||||
{ label: "Mon-Sat: 6AM-7PM", href: "#" }
|
||||
title: "Контакт", items: [
|
||||
{ label: "Позовите нас: +381 64 123 4567", href: "tel:+381641234567" },
|
||||
{ label: "Блокови, Нови Београд", href: "#" },
|
||||
{ label: "Пон-Суб: 6:00-19:00", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Pastries", href: "#products" },
|
||||
{ label: "Bread", href: "#products" },
|
||||
{ label: "Donuts", href: "#products" },
|
||||
{ label: "Catering", href: "#contact" }
|
||||
title: "Мени", items: [
|
||||
{ label: "Пециваре", href: "#products" },
|
||||
{ label: "Хлеб", href: "#products" },
|
||||
{ label: "Кренди", href: "#products" },
|
||||
{ label: "Угоститељство", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Why Choose Us", href: "#features" }
|
||||
title: "О нама", items: [
|
||||
{ label: "Наша прича", href: "#about" },
|
||||
{ label: "Рецензије", href: "#reviews" },
|
||||
{ label: "Зашто одабрати нас", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
title: "Правни", items: [
|
||||
{ label: "Политика приватности", href: "#" },
|
||||
{ label: "Услови и одредбе", href: "#" },
|
||||
{ label: "Колачићи", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 PEKARA Bakery. All rights reserved. Serving Novi Beograd with fresh baked goods daily."
|
||||
ariaLabel="Site footer with contact and navigation information"
|
||||
copyrightText="© 2025 ПЕКАРА Пекара. Сва права задржана. Служимо Нови Београд са свежим печивима сваки дан."
|
||||
ariaLabel="Подножје веб страница са контактом и информацијама о навигацији"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user