Merge version_2 into main

2026-05-11 21:02:33 +00:00
parent 010b710e26 d9e51dc686
commit cf7b9ce754
4 changed files with 79 additions and 65 deletions
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -8,13 +8,15 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

 export default function EventsPage() {
  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: "/#menu" }, { name: "Събития", id: "/events" }, { name: "VIP", id: "/vip" }, { name: "Контакти", id: "/#contact" }]} 
-          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="menu" data-section="menu" className="pt-32 pb-20">
            <FeatureCardTwentyFour
              title="Предстоящи събития"
              description="Открий магията на нашите музикални вечери, тематични партита и специални изпълнения под звездите."
@@ -27,10 +29,12 @@ export default function EventsPage() {
              ]}
            />
        </div>
-        <FooterBaseCard 
-            logoText="La Habana Beach" 
-            columns={[{ title: "Навигация", items: [{ label: "Начало", href: "/" }] }]} 
-        />
+        <div id="footer" data-section="footer">
+          <FooterBaseCard 
+              logoText="La Habana Beach" 
+              columns={[{ title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "История", href: "/story" }, { label: "Коктейли", href: "/signature-cocktails" }, { label: "VIP", href: "/vip" }] }]} 
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- 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>
  );
--- a/src/app/story/page.tsx
+++ b/src/app/story/page.tsx
@@ -8,25 +8,27 @@ import SplitAbout from '@/components/sections/about/SplitAbout';

 export default function StoryPage() {
  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="about" data-section="about" className="pt-32 pb-20">
            <SplitAbout
                title="Нашата история"
                description="Създадена с любов край брега на Поморие, La Habana Beach е повече от плажен бар — тя е споделена мечта за безкрайно лято. Вдъхновени от духа на Куба, ние създадохме място, където времето спира, а спомените остават за цял живот."
                textboxLayout="split"
                imageSrc="http://img.b2bpic.net/free-photo/tropical-lifestyle-umbrella-outdoor-beach_1203-4747.jpg"
+                useInvertedBackground={false}
                bulletPoints={[
                    { title: "Духът на Куба", description: "автентични ритми и тропическо настроение." },
                    { title: "Местна страст", description: "съчетаваме световния опит с българското гостоприемство." },
@@ -34,13 +36,14 @@ export default function StoryPage() {
                ]}
            />
        </div>
-        <FooterBaseCard
-            logoText="La Habana Beach"
-            columns={[
-                { title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "Коктейли", href: "/signature-cocktails" }] },
-                { 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: "/signature-cocktails" }, { label: "Събития", href: "/events" }, { label: "VIP", href: "/vip" }] }
+              ]}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/vip/page.tsx
+++ b/src/app/vip/page.tsx
@@ -3,34 +3,38 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

 export default function VIPPage() {
  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: "/#menu" }, { name: "Събития", id: "/events" }, { name: "VIP", id: "/vip" }, { name: "Контакти", id: "/#contact" }]} 
-          brandName="La Habana Beach" 
-        />
-        <div className="pt-32 pb-20">
-            <PricingCardOne
+        <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="vip" data-section="vip" className="pt-32 pb-20">
+            <PricingCardEight
              title="VIP Изживяване"
              description="Резервирай своята ексклузивна зона и се наслади на първокласно обслужване, бутикови напитки и най-добрата гледка към морето."
-              textboxLayout="default"
+              textboxLayout="split-description"
              useInvertedBackground={true}
              animationType="slide-up"
              plans={[
-                { id: "v1", badge: "Premium", price: "150 лв", subtitle: "Резервация на шезлонг с коктейл пакет", features: ["Запазено място до брега", "Приоритетно обслужване", "Бутилка просеко"] },
-                { id: "v2", badge: "VIP", price: "400 лв", subtitle: "Луксозна lounge зона за компания", features: ["Private Cabana", "Пълно обслужване", "Premium селекция напитки"] }
+                { id: "v1", badge: "Premium", price: "150 лв", subtitle: "Резервация на шезлонг с коктейл пакет", buttons: [{text: "Резервирай"}], features: ["Запазено място до брега", "Приоритетно обслужване", "Бутилка просеко"] },
+                { id: "v2", badge: "VIP", price: "400 лв", subtitle: "Луксозна lounge зона за компания", buttons: [{text: "Резервирай"}], features: ["Private Cabana", "Пълно обслужване", "Premium селекция напитки"] }
              ]}
            />
        </div>
-        <FooterBaseCard 
-            logoText="La Habana Beach" 
-            columns={[{ title: "Навигация", items: [{ label: "Начало", href: "/" }] }]} 
-        />
+        <div id="footer" data-section="footer">
+          <FooterBaseCard 
+              logoText="La Habana Beach" 
+              columns={[{ title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "История", href: "/story" }, { label: "Коктейли", href: "/signature-cocktails" }, { label: "Събития", href: "/events" }] }]} 
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );