Update src/app/shop/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -30,27 +30,27 @@ export default function BlogPage() {
                     <NavbarStyleApple
                         brandName="Hookah Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Products", id: "/#products" },
-                            { name: "About", id: "/#about" },
-                            { name: "Features", id: "/#features" },
-                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Головна", id: "/" },
+                            { name: "Продукція", id: "/#products" },
+                            { name: "Про нас", id: "/#about" },
+                            { name: "Особливості", id: "/#features" },
+                            { name: "Відгуки", id: "/#testimonials" },
                             { name: "FAQ", id: "/#faq" },
-                            { name: "Contact", id: "/#contact" },
+                            { name: "Контакти", id: "/#contact" }
                         ]}
                     />
                 </div>
 
                     {isLoading ? (
                         <div className="w-content-width mx-auto py-20 text-center">
-                            <p className="text-foreground">Loading posts...</p>
+                            <p className="text-foreground">Завантаження дописів...</p>
                         </div>
                     ) : (
                         <div id="blog" data-section="blog">
                             <BlogCardTwo
                                 blogs={posts}
-                                title="Latest Articles"
-                                description="Insights and updates from our team"
+                                title="Останні статті"
+                                description="Ідеї та оновлення від нашої команди"
                                 textboxLayout="default"
                                 useInvertedBackground={false}
                                 animationType="slide-up"
@@ -63,22 +63,22 @@ export default function BlogPage() {
                             logoText="Hookah Haven"
                             columns={[
                                 {
-                                    title: "Shop",                                    items: [
-                                        { label: "Hookahs", href: "/#products" },
-                                        { label: "Tobacco", href: "/#products" },
-                                        { label: "Charcoal", href: "/#products" },
-                                        { label: "Accessories", href: "/#products" },
-                                    ],
+                                    title: "Магазин",                                    items: [
+                                        { label: "Кальяни", href: "/#products" },
+                                        { label: "Тютюн", href: "/#products" },
+                                        { label: "Вугілля", href: "/#products" },
+                                        { label: "Аксесуари", href: "/#products" }
+                                    ]
                                 },
                                 {
-                                    title: "Company",                                    items: [
-                                        { label: "About Us", href: "/#about" },
+                                    title: "Компанія",                                    items: [
+                                        { label: "Про нас", href: "/#about" },
                                         { label: "FAQ", href: "/#faq" },
-                                        { label: "Contact", href: "/#contact" },
-                                    ],
-                                },
+                                        { label: "Контакти", href: "/#contact" }
+                                    ]
+                                }
                             ]}
-                            copyrightText="© 2024 Hookah Haven. All rights reserved."
+                            copyrightText="© 2024 Hookah Haven. Всі права захищені."
                         />
                     </div>
             </ReactLenis>

src/app/layout.tsx

@@ -9,15 +9,15 @@ const archivo = Archivo({
 });
 
 export const metadata: Metadata = {
-  title: "Hookah Haven | Premium Hookahs, Tobacco & Accessories",  description: "Discover the finest selection of hookahs, premium tobacco blends, and essential accessories at Hookah Haven. Elevate your smoking experience today.",  keywords: ["hookah", "shisha", "tobacco", "charcoal", "hookah accessories", "premium hookah", "online hookah store"],
+  title: "Hookah Haven | Кальяни преміум-класу, тютюн та аксесуари",  description: "Відкрийте для себе найкращий вибір кальянів, преміальних тютюнових сумішей та необхідних аксесуарів у Hookah Haven. Підніміть свій досвід куріння вже сьогодні.",  keywords: ["кальян", "шиша", "тютюн", "вугілля", "аксесуари для кальяну", "преміум кальян", "онлайн магазин кальянів"],
   openGraph: {
-    title: "Hookah Haven | Premium Hookahs, Tobacco & Accessories",    description: "Discover the finest selection of hookahs, premium tobacco blends, and essential accessories at Hookah Haven. Elevate your smoking experience today.",    url: "/",    siteName: "Hookah Haven",    images: [
+    title: "Hookah Haven | Кальяни преміум-класу, тютюн та аксесуари",    description: "Відкрийте для себе найкращий вибір кальянів, преміальних тютюнових сумішей та необхідних аксесуарів у Hookah Haven. Підніміть свій досвід куріння вже сьогодні.",    url: "/",    siteName: "Hookah Haven",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg",        alt: "Elegant hookah set with smoke"},
+        url: "https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg",        alt: "Елегантний кальянний набір з димом"},
     ],
     type: "website"},
   twitter: {
-    card: "summary_large_image",    title: "Hookah Haven | Premium Hookahs, Tobacco & Accessories",    description: "Discover the finest selection of hookahs, premium tobacco blends, and essential accessories at Hookah Haven. Elevate your smoking experience today.",    images: ["https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"],
+    card: "summary_large_image",    title: "Hookah Haven | Кальяни преміум-класу, тютюн та аксесуари",    description: "Відкрийте для себе найкращий вибір кальянів, преміальних тютюнових сумішей та необхідних аксесуарів у Hookah Haven. Підніміть свій досвід куріння вже сьогодні.",    images: ["https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"],
   },
 };
 
@@ -27,7 +27,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="uk" suppressHydrationWarning>
       <ServiceWrapper>
         <body
           className={`${archivo.variable} antialiased`}

src/app/page.tsx

@@ -31,12 +31,12 @@ export default function LandingPage() {
           <NavbarStyleApple 
             brandName="Hookah Haven"
             navItems={[
-              {name: "Products", id: "products"},
-              {name: "About", id: "about"},
-              {name: "Features", id: "features"},
-              {name: "Testimonials", id: "testimonials"},
+              {name: "Продукція", id: "products"},
+              {name: "Про нас", id: "about"},
+              {name: "Особливості", id: "features"},
+              {name: "Відгуки", id: "testimonials"},
               {name: "FAQ", id: "faq"},
-              {name: "Contact", id: "contact"}
+              {name: "Контакти", id: "contact"}
             ]}
           />
         </div>
@@ -44,15 +44,15 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroBillboardScroll 
             background={{ variant: "radial-gradient" }}
-            title="Experience the Finest Hookah"
-            description="Discover a premium selection of tobacco, hookahs, and accessories for an unparalleled smoking experience."
-            tag="Your Ultimate Hookah Destination"
+            title="Відчуйте найкращий кальян"
+            description="Відкрийте для себе преміум-вибір тютюну, кальянів та аксесуарів для неперевершеного досвіду куріння."
+            tag="Ваш найкращий кальянний напрямок"
             buttons={[
-              {text: "Shop Now", href: "#products"},
-              {text: "Learn More", href: "#about"}
+              {text: "Купити зараз", href: "#products"},
+              {text: "Дізнатися більше", href: "#about"}
             ]}
             imageSrc="https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"
-            imageAlt="Elegant hookah set with smoke"
+            imageAlt="Елегантний кальянний набір з димом"
             tagAnimation="blur-reveal"
             buttonAnimation="blur-reveal"
           />
@@ -60,25 +60,25 @@ export default function LandingPage() {
 
         <div id="about" data-section="about">
           <TextSplitAbout 
-            title="Our Passion for Hookah"
+            title="Наша пристрасть до кальяну"
             description={[
-              "At Hookah Haven, we are dedicated to providing enthusiasts with the highest quality products. From rare tobacco blends to exquisite hookahs and essential accessories, we meticulously curate our collection to ensure every puff is a pleasure.",              "We believe in enhancing your moments of relaxation and social connection with superior shisha. Our commitment to excellence guarantees an experience like no other."
+              "У Hookah Haven ми прагнемо забезпечити ентузіастів продукцією найвищої якості. Від рідкісних тютюнових сумішей до вишуканих кальянів та необхідних аксесуарів, ми ретельно підбираємо нашу колекцію, щоб кожна затяжка приносила задоволення.",              "Ми віримо у покращення ваших моментів відпочинку та соціального спілкування за допомогою чудового кальяну. Наша відданість досконалості гарантує неперевершений досвід."
             ]}
             useInvertedBackground={false}
             showBorder={true}
-            buttons={[{ text: "Our Story", href: "#about" }]}
+            buttons={[{ text: "Наша історія", href: "#about" }]}
           />
         </div>
 
         <div id="products" data-section="products">
           <ProductCardOne 
-            title="Featured Products"
-            description="Explore our curated collection of premium hookahs, exquisite tobacco, and essential accessories."
+            title="Рекомендовані товари"
+            description="Ознайомтеся з нашою відібраною колекцією преміальних кальянів, вишуканого тютюну та необхідних аксесуарів."
             products={[
-              {id: "1", name: "Luxurious Glass Hookah", price: "$249.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg", imageAlt: "Luxurious glass hookah pipe"},
-              {id: "2", name: "Exotic Tobacco Blends", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Colorful packs of exotic tobacco blends"},
-              {id: "3", name: "Natural Coconut Charcoal", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297183.jpg", imageAlt: "Pile of natural coconut charcoal"},
-              {id: "4", name: "Premium Hookah Hose", price: "$34.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213330.jpg", imageAlt: "Premium hookah hose"}
+              {id: "1", name: "Розкішний скляний кальян", price: "$249.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg", imageAlt: "Розкішна скляна кальянна трубка"},
+              {id: "2", name: "Екзотичні тютюнові суміші", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Барвисті упаковки екзотичних тютюнових сумішей"},
+              {id: "3", name: "Натуральне кокосове вугілля", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297183.jpg", imageAlt: "Купка натурального кокосового вугілля"},
+              {id: "4", name: "Преміум шланг для кальяну", price: "$34.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213330.jpg", imageAlt: "Преміум шланг для кальяну"}
             ]}
             animationType="slide-up"
             gridVariant="three-columns-all-equal-width"
@@ -89,12 +89,12 @@ export default function LandingPage() {
 
         <div id="features" data-section="features">
           <FeatureCardTwentySix 
-            title="Why Choose Hookah Haven?"
-            description="We offer an unparalleled selection, quality assurance, and dedicated customer support to enhance your hookah journey."
+            title="Чому обирають Hookah Haven?"
+            description="Ми пропонуємо неперевершений вибір, гарантію якості та віддану підтримку клієнтів для покращення вашого кальянного досвіду."
             features={[
-              {title: "Unrivaled Quality", description: "Only the finest materials and ingredients make it into our selection, guaranteeing a superior experience.", imageSrc: "https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", imageAlt: "Close up of a well-crafted hookah component", buttonIcon: CheckCircle},
-              {title: "Extensive Selection", description: "From classic designs to modern innovations, find the perfect hookah and tobacco to suit your taste.", imageSrc: "https://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149501012.jpg", imageAlt: "Diverse range of hookah pipes and tobacco boxes", buttonIcon: Boxes},
-              {title: "Expert Customer Support", description: "Our knowledgeable team is here to assist you with any questions or recommendations.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Customer service representative helping a client", buttonIcon: Headphones}
+              {title: "Неперевершена якість", description: "Лише найкращі матеріали та інгредієнти потрапляють до нашого асортименту, гарантуючи неперевершений досвід.", imageSrc: "https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", imageAlt: "Крупний план добре виготовленого компонента кальяну", buttonIcon: CheckCircle},
+              {title: "Широкий асортимент", description: "Від класичних дизайнів до сучасних інновацій, знайдіть ідеальний кальян та тютюн на свій смак.", imageSrc: "https://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149501012.jpg", imageAlt: "Різноманітний асортимент кальянів та тютюнових коробок", buttonIcon: Boxes},
+              {title: "Професійна підтримка клієнтів", description: "Наша обізнана команда готова допомогти вам з будь-якими питаннями чи рекомендаціями.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Представник служби підтримки клієнтів допомагає клієнту", buttonIcon: Headphones}
             ]}
             textboxLayout="default"
             useInvertedBackground={true}
@@ -103,13 +103,13 @@ export default function LandingPage() {
 
         <div id="testimonials" data-section="testimonials">
           <TestimonialCardFive 
-            title="What Our Customers Say"
-            description="Hear from satisfied enthusiasts who've experienced the Hookah Haven difference."
+            title="Що кажуть наші клієнти"
+            description="Послухайте від задоволених ентузіастів, які відчули різницю Hookah Haven."
             testimonials={[
-              {id: "1", name: "Omar Al-Hassan, Connoisseur", date: "Date: 15 May 2024", title: "Simply the best!", quote: "Hookah Haven delivers on quality and variety. My go-to for all my shisha needs.", tag: "Premium Experience", avatarSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageAlt: "Happy customer enjoying hookah"},
-              {id: "2", name: "Layla Khan, Lounge Owner", date: "Date: 20 April 2024", title: "Boosted my business", quote: "Their bulk charcoal and tobacco options are fantastic. My customers love the quality!", tag: "Business Partner", avatarSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageAlt: "Lounge owner smiling"},
-              {id: "3", name: "Ahmed Malik, Social Smoker", date: "Date: 10 March 2024", title: "Great selection and service", quote: "Found my new favorite blend here. The staff was incredibly helpful and friendly.", tag: "New Favorite", avatarSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageAlt: "Person enjoying a hookah session"},
-              {id: "4", name: "Sara Jafari, Enthusiast", date: "Date: 02 February 2024", title: "Unbeatable quality!", quote: "The hookahs are stunning and perform flawlessly. Definitely worth every penny.", tag: "High-Quality Gear", avatarSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageAlt: "Woman admiring a hookah"}
+              {id: "1", name: "Омар Аль-Хасан, Знавець", date: "Date: 15 May 2024", title: "Просто найкращі!", quote: "Hookah Haven забезпечує якість та різноманітність. Моє улюблене місце для всіх потреб шиші.", tag: "Преміум досвід", avatarSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageAlt: "Задоволений клієнт насолоджується кальяном"},
+              {id: "2", name: "Лейла Хан, Власниця лаунжу", date: "Date: 20 April 2024", title: "Підвищили мій бізнес", quote: "Їх опції вугілля та тютюну просто фантастичні. Мої клієнти в захваті від якості!", tag: "Бізнес-партнер", avatarSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageAlt: "Власниця лаунжу посміхається"},
+              {id: "3", name: "Ахмед Малік, Соціальний курець", date: "Date: 10 March 2024", title: "Відмінний вибір та сервіс", quote: "Знайшов тут свою нову улюблену суміш. Персонал був неймовірно корисним та доброзичливим.", tag: "Новий фаворит", avatarSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageAlt: "Людина насолоджується кальянною сесією"},
+              {id: "4", name: "Сара Джафарі, Ентузіастка", date: "Date: 02 February 2024", title: "Неперевершена якість!", quote: "Кальяни приголомшливі та працюють бездоганно. Безумовно, варті кожної копійки.", tag: "Високоякісне обладнання", avatarSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageAlt: "Жінка милується кальяном"}
             ]}
             textboxLayout="default"
             useInvertedBackground={false}
@@ -118,12 +118,12 @@ export default function LandingPage() {
 
         <div id="faq" data-section="faq">
           <FaqSplitText 
-            sideTitle="Frequently Asked Questions"
+            sideTitle="Часті питання"
             faqs={[
-              {id: "1", title: "What kind of tobacco do you offer?", content: "We offer a wide range of premium shisha tobacco, including traditional, modern, and exotic blends from top brands worldwide."},
-              {id: "2", title: "Do you ship internationally?", content: "Currently, we only ship within [Your Country/Region]. Please check our shipping policy for more details."},
-              {id: "3", title: "How do I care for my new hookah?", content: "Each hookah comes with care instructions. Generally, it's best to clean all components after each use with warm water and a brush."},
-              {id: "4", title: "What is your return policy?", content: "We accept returns within 30 days of purchase for unused and unopened items. See our full return policy for details."}
+              {id: "1", title: "Який тютюн ви пропонуєте?", content: "Ми пропонуємо широкий асортимент преміального тютюну для кальяну, включаючи традиційні, сучасні та екзотичні суміші від провідних світових брендів."},
+              {id: "2", title: "Чи здійснюєте ви міжнародну доставку?", content: "Наразі ми здійснюємо доставку лише в межах [Вашої країни/регіону]. Будь ласка, перегляньте нашу політику доставки для отримання додаткової інформації."},
+              {id: "3", title: "Як доглядати за новим кальяном?", content: "Кожен кальян поставляється з інструкціями по догляду. Зазвичай, найкраще чистити всі компоненти після кожного використання теплою водою та щіткою."},
+              {id: "4", title: "Яка ваша політика повернення?", content: "Ми приймаємо повернення протягом 30 днів з моменту покупки для невикористаних та нерозпакованих товарів. Детальну інформацію дивіться в нашій повній політиці повернення."}
             ]}
             textPosition="left"
             faqsAnimation="slide-up"
@@ -134,10 +134,10 @@ export default function LandingPage() {
 
         <div id="contact" data-section="contact">
           <ContactText 
-            text="Ready to elevate your hookah experience? Get in touch with our team for personalized recommendations or any inquiries."
+            text="Готові покращити свій кальянний досвід? Зв'яжіться з нашою командою для персоналізованих рекомендацій або будь-яких запитів."
             buttons={[
-              {text: "Contact Us", href: "/contact"},
-              {text: "Shop All Products", href: "#products"}
+              {text: "Зв'язатися з нами", href: "/contact"},
+              {text: "Купити всю продукцію", href: "#products"}
             ]}
             animationType="reveal-blur"
             background={{ variant: "radial-gradient" }}
@@ -149,19 +149,19 @@ export default function LandingPage() {
           <FooterBaseCard 
             logoText="Hookah Haven"
             columns={[
-              {title: "Shop", items: [
-                {label: "Hookahs", href: "#products"},
-                {label: "Tobacco", href: "#products"},
-                {label: "Charcoal", href: "#products"},
-                {label: "Accessories", href: "#products"}
+              {title: "Магазин", items: [
+                {label: "Кальяни", href: "#products"},
+                {label: "Тютюн", href: "#products"},
+                {label: "Вугілля", href: "#products"},
+                {label: "Аксесуари", href: "#products"}
               ]},
-              {title: "Company", items: [
-                {label: "About Us", href: "#about"},
+              {title: "Компанія", items: [
+                {label: "Про нас", href: "#about"},
                 {label: "FAQ", href: "#faq"},
-                {label: "Contact", href: "#contact"}
+                {label: "Контакти", href: "#contact"}
               ]}
             ]}
-            copyrightText="© 2024 Hookah Haven. All rights reserved."
+            copyrightText="© 2024 Hookah Haven. Всі права захищені."
           />
         </div>
       </main>

src/app/shop/[id]/page.tsx

@@ -93,25 +93,25 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarStyleApple
                             brandName="Hookah Haven"
                             navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Головна", id: "/" },
+                                { name: "Магазин", id: "/shop" }
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
                         <div id="loading-indicator" data-section="loading-indicator">
-                            <p className="text-foreground">Loading product...</p>
+                            <p className="text-foreground">Завантаження товару...</p>
                         </div>
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseCard
                             logoText="Hookah Haven"
                             columns={[
-                                { title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+                                { title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
+                                { title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
                             ]}
-                            copyrightText="© 2024 Hookah Haven. All rights reserved."
+                            copyrightText="© 2024 Hookah Haven. Всі права захищені."
                         />
                     </div>
                 </ReactLenis>
@@ -138,20 +138,20 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <NavbarStyleApple
                             brandName="Hookah Haven"
                             navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Головна", id: "/" },
+                                { name: "Магазин", id: "/shop" }
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
                         <div id="not-found" data-section="not-found" className="text-center">
-                            <p className="text-foreground mb-4">Product not found</p>
+                            <p className="text-foreground mb-4">Товар не знайдено</p>
                             <button
                                 onClick={() => router.push("/shop")}
                                 className="primary-button px-6 py-2 rounded-theme text-primary-cta-text"
                             >
-                                Back to Shop
+                                Повернутися до магазину
                             </button>
                         </div>
                     </main>
@@ -159,10 +159,10 @@ function ProductPageContent({ params }: ProductPageProps) {
                         <FooterBaseCard
                             logoText="Hookah Haven"
                             columns={[
-                                { title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+                                { title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
+                                { title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
                             ]}
-                            copyrightText="© 2024 Hookah Haven. All rights reserved."
+                            copyrightText="© 2024 Hookah Haven. Всі права захищені."
                         />
                     </div>
                 </ReactLenis>
@@ -188,10 +188,10 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <NavbarStyleApple
                         brandName="Hookah Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Головна", id: "/" },
+                            { name: "Магазин", id: "/shop" }
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">
@@ -210,8 +210,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         inventoryQuantity={meta.inventoryQuantity}
                         sku={meta.sku}
                         buttons={[
-                            { text: "Add To Cart", onClick: handleAddToCart },
-                            { text: "Buy Now", onClick: handleBuyNow },
+                            { text: "Додати до кошика", onClick: handleAddToCart },
+                            { text: "Купити зараз", onClick: handleBuyNow }
                         ]}
                     />
                 </div>
@@ -225,7 +225,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                         total={`$${cartTotal}`}
                         buttons={[
                             {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
+                                text: isCheckoutLoading ? "Обробка..." : "Оформити замовлення",                                onClick: handleCheckout,
                             },
                         ]}
                     />
@@ -234,10 +234,10 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <FooterBaseCard
                         logoText="Hookah Haven"
                         columns={[
-                            { title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
-                            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+                            { title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
+                            { title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
                         ]}
-                        copyrightText="© 2024 Hookah Haven. All rights reserved."
+                        copyrightText="© 2024 Hookah Haven. Всі права захищені."
                     />
                 </div>
             </ReactLenis>

src/app/shop/page.tsx

@@ -60,23 +60,23 @@ function ShopPageContent() {
                         <NavbarStyleApple
                             brandName="Hookah Haven"
                             navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Головна", id: "/" },
+                                { name: "Магазин", id: "/shop" }
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
-                        <p className="text-foreground">Loading products...</p>
+                        <p className="text-foreground">Завантаження товарів...</p>
                     </main>
                     <div id="footer" data-section="footer">
                         <FooterBaseCard
                             logoText="Hookah Haven"
                             columns={[
-                                { title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
-                                { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+                                { title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
+                                { title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
                             ]}
-                            copyrightText="© 2024 Hookah Haven. All rights reserved."
+                            copyrightText="© 2024 Hookah Haven. Всі права захищені."
                         />
                     </div>
                 </ReactLenis>
@@ -102,10 +102,10 @@ function ShopPageContent() {
                     <NavbarStyleApple
                         brandName="Hookah Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Головна", id: "/" },
+                            { name: "Магазин", id: "/shop" }
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">
@@ -114,9 +114,9 @@ function ShopPageContent() {
                         products={products}
                         searchValue={search}
                         onSearchChange={setSearch}
-                        searchPlaceholder="Search products..."
+                        searchPlaceholder="Пошук товарів..."
                         filters={filters}
-                        emptyMessage="No products found"
+                        emptyMessage="Товари не знайдено"
                     />
                 </div>
                 <div id="product-cart" data-section="product-cart">
@@ -129,7 +129,7 @@ function ShopPageContent() {
                         total={`$${cartTotal}`}
                         buttons={[
                             {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
+                                text: isCheckoutLoading ? "Обробка..." : "Оформити замовлення",                                onClick: handleCheckout,
                             },
                         ]}
                     />
@@ -138,10 +138,10 @@ function ShopPageContent() {
                     <FooterBaseCard
                         logoText="Hookah Haven"
                         columns={[
-                            { title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
-                            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
+                            { title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
+                            { title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
                         ]}
-                        copyrightText="© 2024 Hookah Haven. All rights reserved."
+                        copyrightText="© 2024 Hookah Haven. Всі права захищені."
                     />
                 </div>
             </ReactLenis>

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --secondary-cta: #ffffff;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1c1c1c;;
-  --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #1c1c1c;;
-  --accent: #6139e6;;
-  --background-accent: #b3a8e8;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --primary-cta-text: #0a0a0a;;
+  --secondary-cta: #1a1a1a;;
+  --secondary-cta-text: #ffffffe6;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);