From 1475e734c8b547c126fcc2b0ea89d07e8286a3f5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 21:02:29 +0000
Subject: [PATCH] Update src/app/signature-cocktails/page.tsx

---
 src/app/signature-cocktails/page.tsx | 43 +++++++++++++++-------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/app/signature-cocktails/page.tsx b/src/app/signature-cocktails/page.tsx
index 6cc7222..5ae1721 100644
--- a/src/app/signature-cocktails/page.tsx
+++ b/src/app/signature-cocktails/page.tsx
@@ -8,26 +8,28 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 
 export default function SignatureCocktailsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "Начало", id: "/" },
-                { name: "История", id: "/story" },
-                { name: "Коктейли", id: "/signature-cocktails" },
-                { name: "Меню", id: "/" },
-                { name: "Галерия", id: "/" },
-                { name: "Контакти", id: "/" }
-            ]}
-            brandName="La Habana Beach"
-        />
-        <div className="pt-32 pb-20">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Начало", id: "/" },
+                  { name: "История", id: "/story" },
+                  { name: "Коктейли", id: "/signature-cocktails" },
+                  { name: "Събития", id: "/events" },
+                  { name: "VIP", id: "/vip" }
+              ]}
+              brandName="La Habana Beach"
+          />
+        </div>
+        <div id="gallery" data-section="gallery" className="pt-32 pb-20">
             <ProductCardOne 
                 title="Signature Cocktails"
                 description="Потопете се в свят от екзотични вкусове с нашите авторски коктейли, създадени от майсторите в La Habana."
                 gridVariant="uniform-all-items-equal"
                 animationType="blur-reveal"
                 textboxLayout="split-description"
+                useInvertedBackground={false}
                 products={[
                     { id: "s1", name: "Havana Sunset", price: "16 лв", imageSrc: "http://img.b2bpic.net/free-photo/water-white-beverage-drink-party_1203-5572.jpg", imageAlt: "Havana Sunset" },
                     { id: "s2", name: "Tropical Storm", price: "18 лв", imageSrc: "http://img.b2bpic.net/free-photo/iced-drinking-cocktails-glass_1203-9892.jpg", imageAlt: "Tropical Storm" },
@@ -35,13 +37,14 @@ export default function SignatureCocktailsPage() {
                 ]}
             />
         </div>
-        <FooterBaseCard
-            logoText="La Habana Beach"
-            columns={[
-                { title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "История", href: "/story" }] },
-                { title: "Контакти", items: [{ label: "0888 123 456", href: "tel:0888123456" }] }
-            ]}
-        />
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+              logoText="La Habana Beach"
+              columns={[
+                  { title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "История", href: "/story" }, { label: "Събития", href: "/events" }, { label: "VIP", href: "/vip" }] }
+              ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );