5 Commits

2 changed files with 228 additions and 99 deletions

View File

@@ -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">
<div id="hero-section" data-section="hero-section">
<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" }
{ text: "Замовити зараз", href: "#products-section", dataWebildId: "hero_overlay_order_btn" },
{ text: "Дізнатися більше", href: "#about-section", dataWebildId: "hero_overlay_learn_btn" }
]}
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"
imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
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>

View File

@@ -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">