Update src/app/vip/page.tsx

Merge version_1 into main

src/app/events/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function EventsPage() {
+  return (
+    <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>
+        <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="Открий магията на нашите музикални вечери, тематични партита и специални изпълнения под звездите."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              animationType="slide-up"
+              features={[
+                { id: "e1", title: "Sunset Jazz Night", author: "La Habana", description: "Лежерни джаз ритми всеки четвъртък по залез.", tags: ["Музика", "Джаз"], imageSrc: "http://img.b2bpic.net/free-photo/jazz-club-live-music-concept_23-2149176104.jpg" },
+                { id: "e2", title: "Tropical Party", author: "La Habana", description: "Най-горещите летни хитове с топ DJ-и всяка събота.", tags: ["Парти", "DJ"], imageSrc: "http://img.b2bpic.net/free-photo/summer-party-beach-people-dancing_23-2148666656.jpg" }
+              ]}
+            />
+        </div>
+        <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>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="aurora"
+        cardStyle="glass-depth"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Начало", id: "/" },
+              { name: "Галерия", id: "#gallery" },
+              { name: "Контакти", id: "/contact" }
+            ]}
+            brandName="La Habana Beach"
+          />
+        </div>
+
+        <div id="gallery" data-section="gallery" className="pt-32">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "g1", name: "Вечерна атмосфера", price: "", imageSrc: "http://img.b2bpic.net/free-photo/water-twilight-coconut-sunset-swimming_1203-5155.jpg" },
+              { id: "g2", name: "Коктейли на брега", price: "", imageSrc: "http://img.b2bpic.net/free-photo/water-white-beverage-drink-party_1203-5572.jpg" },
+              { id: "g3", name: "Плажен комфорт", price: "", imageSrc: "http://img.b2bpic.net/free-photo/tropical-lifestyle-umbrella-outdoor-beach_1203-4747.jpg" },
+              { id: "g4", name: "Незабравими залези", price: "", imageSrc: "http://img.b2bpic.net/free-photo/landscape-resort-holiday-pool-tropical_1203-5202.jpg" },
+              { id: "g5", name: "Музика на живо", price: "", imageSrc: "http://img.b2bpic.net/free-photo/girl-laughing-holding-guitar_23-2148504909.jpg" },
+              { id: "g6", name: "Тропически вайб", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coconut-still-life_23-2151526768.jpg" }
+            ]}
+            title="Моменти в La Habana"
+            description="Поглед към нашата атмосфера, коктейли и незабравими емоции."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="La Habana Beach"
+            columns={[
+              { title: "Навигация", items: [{ label: "Начало", href: "/" }, { label: "Галерия", href: "#gallery" }] },
+              { title: "Контакти", items: [{ label: "0888 123 456", href: "tel:0888123456" }, { label: "Поморие, България", href: "#" }] }
+            ]}
+            copyrightText="© 2025 La Habana Beach. Всички права запазени."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -35,7 +35,7 @@ export default function LandingPage() {
         { name: "Начало", id: "hero" },
         { name: "Меню", id: "menu" },
         { name: "Атмосфера", id: "about" },
-        { name: "Галерия", id: "gallery" },
+        { name: "Галерия", id: "/gallery" },
         { name: "Контакти", id: "contact" }
       ]}
       brandName="La Habana Beach"
@@ -186,4 +186,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/signature-cocktails/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function SignatureCocktailsPage() {
+  return (
+    <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>
+        <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" },
+                    { id: "s3", name: "Beach Passion", price: "15 лв", imageSrc: "http://img.b2bpic.net/free-photo/summer-time-vibes-image-vacation-rest-summer-days_185193-110213.jpg", imageAlt: "Beach Passion" }
+                ]}
+            />
+        </div>
+        <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>
+  );
+}

src/app/story/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+
+export default function StoryPage() {
+  return (
+    <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>
+        <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: "съчетаваме световния опит с българското гостоприемство." },
+                    { title: "Залезът като религия", description: "нашето място е храмът на най-красивите залези." }
+                ]}
+            />
+        </div>
+        <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>
+  );
+}

src/app/vip/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function VIPPage() {
+  return (
+    <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>
+        <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="split-description"
+              useInvertedBackground={true}
+              animationType="slide-up"
+              plans={[
+                { 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>
+        <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>
+  );
+}