Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4963f91285 | |||
| 7ff1a5c155 | |||
| 7b7a3b6cfd |
321
src/app/page.tsx
321
src/app/page.tsx
@@ -29,16 +29,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero-section" },
|
||||
{ name: "About", id: "about-section" },
|
||||
{ name: "Feature", id: "features-section" },
|
||||
{ name: "Product", id: "products-section" },
|
||||
{ name: "Testimonial", id: "testimonials-section" },
|
||||
{ name: "Faq", id: "faq-section" },
|
||||
{ name: "Contact", id: "contact-section" }
|
||||
{ name: "Головна", id: "hero-section" },
|
||||
{ name: "Про нас", id: "about-section" },
|
||||
{ name: "Особливості", id: "features-section" },
|
||||
{ name: "Продукти", id: "products-section" },
|
||||
{ name: "Відгуки", id: "testimonials-section" },
|
||||
{ name: "Питання", id: "faq-section" },
|
||||
{ name: "Контакти", id: "contact-section" }
|
||||
]}
|
||||
button={{ text: "Order Now" }}
|
||||
brandName="Warm Crust Bakery"
|
||||
button={{ text: "Замовити зараз" }}
|
||||
brandName="Тепла Скоринка Пекарня"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -100,40 +100,167 @@ export default function LandingPage() {
|
||||
.fade-in {
|
||||
animation: fadeIn 0.8s ease-out forwards;
|
||||
}
|
||||
@keyframes parallaxShift {
|
||||
0%, 100% { transform: translateY(0px); }
|
||||
50% { transform: translateY(-20px); }
|
||||
}
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@keyframes slideInLeft {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-50px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
@keyframes slideInRight {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(50px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
@keyframes scaleUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes shimmer {
|
||||
0% { background-position: -1000px 0; }
|
||||
100% { background-position: 1000px 0; }
|
||||
}
|
||||
@keyframes float {
|
||||
0%, 100% { transform: translateY(0px); }
|
||||
50% { transform: translateY(-10px); }
|
||||
}
|
||||
.features-section {
|
||||
animation: fadeInUp 1s ease-out forwards;
|
||||
}
|
||||
.feature-card {
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.feature-card::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
.feature-card:hover {
|
||||
transform: translateY(-8px) scale(1.02);
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
|
||||
}
|
||||
.feature-card:hover::before {
|
||||
left: 100%;
|
||||
}
|
||||
.testimonial-card {
|
||||
animation: fadeInUp 0.8s ease-out forwards;
|
||||
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
position: relative;
|
||||
background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));
|
||||
}
|
||||
.testimonial-card:hover {
|
||||
transform: translateY(-12px) rotateX(5deg);
|
||||
box-shadow: 0 25px 50px rgba(0,0,0,0.2);
|
||||
}
|
||||
.product-card {
|
||||
animation: scaleUp 0.6s ease-out forwards;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.product-card::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(135deg, rgba(255,215,0,0.1), rgba(255,165,0,0.1));
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.product-card:hover {
|
||||
transform: translateY(-10px) scale(1.03);
|
||||
box-shadow: 0 30px 60px rgba(0,0,0,0.2);
|
||||
}
|
||||
.product-card:hover::after {
|
||||
opacity: 1;
|
||||
}
|
||||
.gradient-overlay {
|
||||
background: linear-gradient(135deg, rgba(139,69,19,0.7), rgba(210,180,140,0.7));
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
.smooth-transition {
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.stagger-delay-1 { animation-delay: 0.1s; }
|
||||
.stagger-delay-2 { animation-delay: 0.2s; }
|
||||
.stagger-delay-3 { animation-delay: 0.3s; }
|
||||
.stagger-delay-4 { animation-delay: 0.4s; }
|
||||
.stagger-delay-5 { animation-delay: 0.5s; }
|
||||
`}</style>
|
||||
<div id="hero-section" data-section="hero-section" className="hero-parallax">
|
||||
<HeroOverlay
|
||||
title="Artisan Baked Goods Delivered to Your Doorstep"
|
||||
description="Experience the warmth of homemade breads, pastries, and desserts crafted with love using time-honored techniques and the finest ingredients. Every bite tells a story of tradition and passion."
|
||||
tag="Fresh Daily Baked"
|
||||
title="Ремісничі хлібобулочні вироби доставляються до вашого дверей"
|
||||
description="Відчуйте тепло домашнього хліба, тістечок та десертів, виготовлених з любов'ю за допомогою перевірених часом технік та найкращих інгредієнтів. Кожен укус розповідає історію традиції та пристрасті."
|
||||
tag="Свіжий щоденний хліб"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "View Our Menu", href: "#products-section" },
|
||||
{ text: "Visit Our Store", href: "#about-section" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Переглянути наше меню", href: "#products-section" },
|
||||
{ text: "Відвідайте наш магазин", href: "#about-section" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
|
||||
imageAlt="Warm, rustic bakery interior with fresh pastries on display"
|
||||
imageAlt="Теплий, рустикальний інтер'єр пекарні зі свіжими тістечками на виставці"
|
||||
textPosition="bottom-left"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
ariaLabel="Welcome to our cozy bakery featuring artisanal baked goods"
|
||||
ariaLabel="Ласкаво просимо до нашої затишної пекарні з ремісничими хлібобулочними виробами"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-section" data-section="about-section" className="fade-in-up" style={{ animation: 'fadeInUp 0.8s ease-out' }}>
|
||||
<div id="about-section" data-section="about-section" className="fade-in-up testimonial-card" style={{ animation: 'fadeInUp 0.8s ease-out' }}>
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
tag="Наша історія"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Crafted with Love & Tradition"
|
||||
description="For over two decades, we've been baking fresh, handcrafted goods using time-honored techniques passed down through generations."
|
||||
subdescription="Every loaf, every pastry, and every treat tells a story of passion, dedication, and the joy of sharing good food with loved ones."
|
||||
title="Виготовлено з любов'ю та традицією"
|
||||
description="Протягом більше двох десятиліть ми випікаємо свіжі, ручної роботи вироби, використовуючи перевірені часом техніки, передані з покоління в покоління."
|
||||
subdescription="Кожен хліб, кожне тістечко та кожна ласощі розповідають історію пристрасті, відданості та радості ділення смачною їжею з близькими."
|
||||
icon={Heart}
|
||||
className="hover:shadow-2xl transition-all duration-300 transform hover:scale-105"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/fresh-bread-hands-closeup-old-wooden-background_169016-3155.jpg"
|
||||
imageAlt="Baker preparing fresh pastries in a cozy bakery kitchen"
|
||||
imageAlt="Пекар готує свіжі тістечка в затишній кухні пекарні"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -144,19 +271,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Artisan Craftsmanship", title: "Handcrafted Daily", subtitle: "Freshly Made Each Morning", description: "Our bakers start their day before dawn, kneading dough with care and attention to detail. Every item is made from scratch using traditional techniques passed down through generations.", imageSrc: "https://img.b2bpic.net/free-photo/hands-kneading-dough-homemade-pastry-bread_74855-5670.jpg", imageAlt: "Baker kneading dough in a cozy kitchen", buttons: [{ text: "Learn More", href: "#about-section" }]
|
||||
tag: "Ремісничі вироби", title: "Виготовлено вручну щодня", subtitle: "Свіжо зроблено кожного ранку", description: "Наші пекарі починають свій день до світанку, замішуючи тісто з турботою та увагою до деталей. Кожен виріб виготовляється з нуля, використовуючи традиційні техніки, передані з покоління в покоління.", imageSrc: "https://img.b2bpic.net/free-photo/hands-kneading-dough-homemade-pastry-bread_74855-5670.jpg", imageAlt: "Пекар замішує тісто в затишній кухні", buttons: [{ text: "Дізнатися більше", href: "#about-section" }]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Premium Ingredients", title: "Sourced Locally", subtitle: "Quality You Can Taste", description: "We partner with local farms and suppliers to bring you the freshest ingredients. From organic flour to farm-fresh eggs, every ingredient is chosen for its superior taste and quality.", imageSrc: "https://img.b2bpic.net/free-photo/ingredients-making-buns-pies-with-jam-fresh-pears-wooden-background-top-view-copy-space_127032-3138.jpg", imageAlt: "Fresh ingredients arranged on a wooden table", buttons: [{ text: "View Our Suppliers", href: "#products-section" }]
|
||||
tag: "Преміум інгредієнти", title: "Закуповується локально", subtitle: "Якість, яку ви відчуєте", description: "Ми співпрацюємо з місцевими фермами та постачальниками, щоб принести вам найсвіжіші інгредієнти. Від органічного борошна до яєць з ферми, кожен інгредієнт вибирається за його вищу якість та смак.", imageSrc: "https://img.b2bpic.net/free-photo/ingredients-making-buns-pies-with-jam-fresh-pears-wooden-background-top-view-copy-space_127032-3138.jpg", imageAlt: "Свіжі інгредієнти розташовані на дерев'яному столі", buttons: [{ text: "Переглянути наших постачальників", href: "#products-section" }]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Community Focused", title: "Bread for Everyone", subtitle: "Family-Owned & Operated", description: "As a family-owned business, we're committed to bringing warmth and joy to our community. Our shop is more than a bakery—it's a gathering place for neighbors and friends.", imageSrc: "https://img.b2bpic.net/free-photo/help-yourself_1098-16047.jpg", imageAlt: "Happy customers enjoying pastries in the bakery", buttons: [{ text: "Visit Us Today", href: "#contact-section" }]
|
||||
tag: "Орієнтовано на громаду", title: "Хліб для всіх", subtitle: "Сімейний бізнес", description: "Як сімейний бізнес, ми прагнемо приносити тепло та радість нашій громаді. Наш магазин — це більше ніж пекарня, це місце зустрічі сусідів та друзів.", imageSrc: "https://img.b2bpic.net/free-photo/help-yourself_1098-16047.jpg", imageAlt: "Щасливі клієнти насолоджуються випічкою в пекарні", buttons: [{ text: "Відвідайте нас сьогодні", href: "#contact-section" }]
|
||||
}
|
||||
]}
|
||||
title="Our Baking Philosophy"
|
||||
description="Discover the artistry and passion behind every loaf, pastry, and sweet treat we create."
|
||||
title="Наша філософія випічки"
|
||||
description="Відкрийте для себе мистецтво та пристрасть, що стоять за кожним хлібом, випічкою та солодким ласунком, який ми створюємо."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -166,26 +293,26 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "croissant", name: "Buttery Croissant", price: "$3.50", imageSrc: "https://img.b2bpic.net/free-photo/top-view-raw-vegan-rolls-hazelnuts-white-pink-flowers-grunge-purple-surface_181624-39372.jpg", imageAlt: "A flaky, golden butter croissant fresh from the oven", initialQuantity: 1
|
||||
id: "croissant", name: "Масляний круасан", price: "$3.50", imageSrc: "https://img.b2bpic.net/free-photo/top-view-raw-vegan-rolls-hazelnuts-white-pink-flowers-grunge-purple-surface_181624-39372.jpg", imageAlt: "Хрусткий золотистий масляний круасан прямо з печі", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "chocolate-chip-cookie", name: "Chocolate Chip Cookie", price: "$2.25", imageSrc: "https://img.b2bpic.net/free-photo/top-view-plate-cookies-with-cup-coffee-autumn-leaf_23-2148720022.jpg", imageAlt: "A warm, chewy chocolate chip cookie with melted chocolate chips", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "blueberry-muffin", name: "Blueberry Muffin", price: "$3.00", imageSrc: "https://img.b2bpic.net/free-photo/muffins-with-black-currant_661915-152.jpg", imageAlt: "A moist blueberry muffin with fresh blueberries on top", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "cinnamon-roll", name: "Cinnamon Roll", price: "$4.00", imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-nut-snails-with-coffee-cappuccino-white-wood-table_181624-45905.jpg", imageAlt: "A warm cinnamon roll with cream cheese glaze", initialQuantity: 1
|
||||
}
|
||||
{
|
||||
id: "chocolate-chip-cookie", name: "Печиво з шоколадною крихтою", price: "$2.25", imageSrc: "https://img.b2bpic.net/free-photo/top-view-plate-cookies-with-cup-coffee-autumn-leaf_23-2148720022.jpg", imageAlt: "Теплое, м'яке печиво з шоколадною крихтою та розтопленим шоколадом", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "blueberry-muffin", name: "Чорничний кекс", price: "$3.00", imageSrc: "https://img.b2bpic.net/free-photo/muffins-with-black-currant_661915-152.jpg", imageAlt: "Вологий чорничний кекс зі свіжою чорницею зверху", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "cinnamon-roll", name: "Булочка з кориці", price: "$4.00", imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-nut-snails-with-coffee-cappuccino-white-wood-table_181624-45905.jpg", imageAlt: "Теплая булочка з кориці та глазур'ю з вершкового сиру", initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="Our Signature Baked Goods"
|
||||
description="Handcrafted with love using the finest ingredients. Each bite is a celebration of tradition and taste."
|
||||
tag="Fresh Daily"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[{ text: "View Full Menu", href: "#" }]}
|
||||
animationType="slide-up"
|
||||
title="Наші фірмові випічки"
|
||||
description="Виготовлені з любов'ю з найкращих інгредієнтів. Кожен укус - це святкування традиції та смаку."
|
||||
tag="Свіже щодня"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[{ text: "Переглянути повне меню", href: "#" }]}
|
||||
buttonAnimation="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -195,30 +322,30 @@ export default function LandingPage() {
|
||||
<div id="testimonials-section" data-section="testimonials-section">
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Сара Джонсон", handle: "@sarahj", testimonial: "Круасани тут просто божественні! Кожного ранку я починаю свій день зі свіжого, масляного круасана та чашки їхньої майстерно заварної кави.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg", imageAlt: "Сара Джонсон насолоджується круасаном"
|
||||
},
|
||||
{
|
||||
id: "testimonial-1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The croissants here are absolutely divine! Every morning I start my day with a fresh, buttery croissant and a cup of their expertly brewed coffee.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg", imageAlt: "Sarah Johnson enjoying a croissant"
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "Michael Chen", handle: "@michaelc", testimonial: "I've tried many bakeries, but none compare to the quality and taste of their sourdough bread. It's become our family's favorite for Sunday brunches.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/kids-cooking-having-fun-home_23-2149891145.jpg", imageAlt: "Michael Chen with a loaf of sourdough bread"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Emma Rodriguez", handle: "@emmar", testimonial: "The seasonal pastries are always a delightful surprise. Their pumpkin spice muffins in fall and lemon bars in spring are pure magic!", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/cheerful-daughter-mother-holding-gift-breakfast_23-2147788219.jpg", imageAlt: "Emma Rodriguez holding a seasonal pastry"
|
||||
}
|
||||
id: "testimonial-2", name: "Майкл Чен", handle: "@michaelc", testimonial: "Я спробував багато пекарень, але жодна не порівняється з якістю та смаком їхнього хліба на закваці. Він став улюбленим для сніданків нашої сім'ї по неділях.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/kids-cooking-having-fun-home_23-2149891145.jpg", imageAlt: "Майкл Чен з буханцем хліба на закваці"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Емма Родрігес", handle: "@emmar", testimonial: "Сезонні випічки завжди приємна несподіванка. Їхні кекси зі спеціями гарбуза восени та лимонні батончики навесні - це чиста магія!", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/cheerful-daughter-mother-holding-gift-breakfast_23-2147788219.jpg", imageAlt: "Емма Родрігес тримає сезонну випічку"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our beloved community about their favorite treats and experiences at our bakery."
|
||||
title="Що кажуть наші клієнти"
|
||||
description="Почуйте від нашої улюбленої спільноти про їхні улюблені ласощі та враження від нашої пекарні."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Customer Favorites"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "View All Reviews", href: "#reviews" }]}
|
||||
tag="Улюблені клієнтів"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Переглянути всі відгуки", href: "#reviews" }]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -226,55 +353,55 @@ export default function LandingPage() {
|
||||
<div id="faq-section" data-section="faq-section">
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "Як я можу зробити замовлення?", content: "Ви можете зробити замовлення онлайн через наш веб-сайт або зателефонувавши нам безпосередньо. Ми також пропонуємо варіанти доставки для вашої зручності."
|
||||
},
|
||||
{
|
||||
id: "faq-1", title: "How do I place an order?", content: "You can place orders online through our website or by calling us directly. We also offer delivery options for your convenience."
|
||||
id: "faq-2", title: "Який час роботи вашого магазину?", content: "Наша пекарня працює з понеділка по суботу з 7:00 до 19:00, а в неділю з 8:00 до 17:00."
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "What are your store hours?", content: "Our bakery is open Monday through Saturday from 7:00 AM to 7:00 PM, and Sunday from 8:00 AM to 5:00 PM."
|
||||
id: "faq-3", title: "Ви пропонуєте безглютенові варіанти?", content: "Так, у нас є різноманітні безглютенові вироби та хліб. Будь ласка, повідомте нас, якщо у вас є дієтичні обмеження."
|
||||
},
|
||||
{
|
||||
id: "faq-3", title: "Do you offer gluten-free options?", content: "Yes, we have a variety of gluten-free pastries and breads available. Please let us know if you have any dietary restrictions."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "Can I customize my order?", content: "Absolutely! We offer custom cakes, pastries, and breads for special occasions. Contact us for more details and to schedule your order."
|
||||
id: "faq-4", title: "Чи можу я налаштувати своє замовлення?", content: "Звичайно! Ми пропонуємо спеціальні торти, вироби та хліб для особливих випадків. Зв'яжіться з нами для отримання додаткової інформації та планування вашого замовлення."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24661.jpg"
|
||||
imageAlt="Bakery team preparing fresh pastries"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our bakery, products, and services."
|
||||
tag="Help & Support"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24661.jpg"
|
||||
imageAlt="Команда пекарні готує свіжі вироби"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
title="Часто задавані питання"
|
||||
description="Знайдіть відповіді на поширені питання про нашу пекарню, продукти та послуги."
|
||||
tag="Допомога та підтримка"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Contact Us", href: "#contact-section" }]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Зв'яжіться з нами", href: "#contact-section" }]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "Який час роботи вашого магазину?", content: "Ми працюємо з понеділка по суботу з 7:00 до 19:00, а в неділю з 8:00 до 17:00. Приходьте за свіжовипеченими виробами кожного дня!"
|
||||
},
|
||||
{
|
||||
id: "faq-1", title: "What are your store hours?", content: "We're open Monday through Saturday from 7:00 AM to 7:00 PM, and Sunday from 8:00 AM to 5:00 PM. Come by for fresh-baked goods every day!"
|
||||
id: "faq-2", title: "Ви пропонуєте індивідуальні замовлення?", content: "Звичайно! Ми любимо створювати спеціальні торти та випічку для днів народження, весіль та інших святкувань. Зв'яжіться з нами щонайменше за 48 годин до замовлення."
|
||||
},
|
||||
{
|
||||
id: "faq-2", title: "Do you offer custom orders?", content: "Absolutely! We love creating special cakes and pastries for birthdays, weddings, and other celebrations. Contact us at least 48 hours in advance to place your order."
|
||||
id: "faq-3", title: "Ваші продукти без глютену?", content: "Так, ми пропонуємо кілька варіантів без глютену, включаючи наші популярні мигдальні круасани та печиво з шоколадною крихтою. Будь ласка, перевірте наше меню або запитайте у нашого персоналу детальну інформацію про алергени."
|
||||
},
|
||||
{
|
||||
id: "faq-3", title: "Are your products gluten-free?", content: "Yes, we offer several gluten-free options including our popular almond croissants and chocolate chip cookies. Please check our menu or ask our staff for detailed allergen information."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "How can I stay updated on new products?", content: "Subscribe to our newsletter or follow us on social media for exclusive offers, seasonal specials, and new product announcements straight to your inbox."
|
||||
id: "faq-4", title: "Як я можу дізнатися про нові продукти?", content: "Підпишіться на нашу розсилку або стежте за нами в соціальних мережах, щоб отримувати виключні пропозиції, сезонні спеціальні пропозиції та оголошення про нові продукти прямо у вашу скриньку."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Have Questions? We're Here to Help!"
|
||||
ctaDescription="Reach out to us anytime. Our friendly team is ready to assist with your baking needs."
|
||||
ctaButton={{ text: "Send Message", href: "#contact-form" }}
|
||||
ctaTitle="Маєте запитання? Ми тут, щоб допомогти!"
|
||||
ctaDescription="Зв'яжіться з нами будь-коли. Наша дружна команда готова допомогти з вашими потребами в випіканні."
|
||||
ctaButton={{ text: "Надіслати повідомлення", href: "#contact-form" }}
|
||||
ctaIcon={MessageCircle}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -282,13 +409,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer-section" data-section="footer-section">
|
||||
<FooterCard
|
||||
logoText="Bake & Blend"
|
||||
copyrightText="© 2025 Bake & Blend | All rights reserved"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "https://facebook.com/bakeandblend", ariaLabel: "Visit us on Facebook" },
|
||||
{ icon: Instagram, href: "https://instagram.com/bakeandblend", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com/bakeandblend", ariaLabel: "Follow us on Twitter" }
|
||||
<FooterCard
|
||||
logoText="Bake & Blend"
|
||||
copyrightText="© 2025 Bake & Blend | Всі права захищені"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "https://facebook.com/bakeandblend", ariaLabel: "Відвідайте нас на Facebook" },
|
||||
{ icon: Instagram, href: "https://instagram.com/bakeandblend", ariaLabel: "Стежте за нами на Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com/bakeandblend", ariaLabel: "Стежте за нами на Twitter" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,12 +119,14 @@ const FeatureCardNineteen = ({
|
||||
titleImageClassName={titleImageClassName}
|
||||
ariaLabel={ariaLabel}
|
||||
>
|
||||
{features.map((feature) => {
|
||||
{features.map((feature, index) => {
|
||||
const stepNumber = String(feature.id).padStart(2, "0");
|
||||
const backgroundColors = ["bg-blue-100", "bg-pink-100", "bg-yellow-100", "bg-green-100", "bg-purple-100", "bg-orange-100"];
|
||||
const bgColor = backgroundColors[index % backgroundColors.length];
|
||||
return (
|
||||
<div
|
||||
key={feature.id}
|
||||
className={cls("relative z-1 w-full min-h-0 h-full flex flex-col md:flex-row justify-between overflow-hidden", cardContentClassName)}
|
||||
className={cls("relative z-1 w-full min-h-0 h-full flex flex-col md:flex-row justify-between overflow-hidden", bgColor, cardContentClassName)}
|
||||
>
|
||||
<div className="relative w-full md:w-1/2 md:h-full flex flex-col justify-between p-8 md:p-12">
|
||||
<div className="flex flex-col gap-4 md:gap-6">
|
||||
|
||||
Reference in New Issue
Block a user