Add src/app/gallery/page.tsx

2026-06-02 23:25:56 +00:00
parent 976f92ace5
commit 7f0f1a31a8
1 changed files with 75 additions and 0 deletions
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Hotel Collect"
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3u9zof"
+          logoAlt="luxury hotel logo elegant"
+          bottomLeftText="Budapest, Hungary"
+          bottomRightText="book@hotelcollect.hu"
+          navItems={[
+            { name: "Accommodation", id: "#accommodation" },
+            { name: "Experiences", id: "#experiences" },
+            { name: "Offers", id: "#offers" },
+            { name: "Services", id: "#services" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Contact Us", id: "/contact-us" }
+          ]}
+          button={{
+            text: "Book Now",            href: "/contact-us"
+          }}
+        />
+      </div>
+
+      <div id="gallery-hero" data-section="gallery-hero">
+        <HeroBillboardGallery
+          title="Explore Our Captivating Visual Story"
+          description="Step into the world of Hotel Collect through our stunning photo gallery, showcasing the elegance, luxury, and unique charm of our Budapest sanctuary."
+          background={{
+            variant: "radial-gradient"
+          }}
+          mediaItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/luxury-swimming-pool-modern-hotel_188544-32001.jpg", imageAlt: "luxury hotel swimming pool" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-spa-interior-design_188544-31998.jpg", imageAlt: "modern hotel spa interior" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-fine-dining-restaurant_23-2149466367.jpg", imageAlt: "gourmet meal fine dining" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/stylish-hotel-bar-lounge_188544-32002.jpg", imageAlt: "stylish hotel bar lounge" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/elegant-conference-room-hotel_188544-32003.jpg", imageAlt: "elegant conference room" }
+          ]}
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="Hotel Collect"
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3u9zof"
+          logoAlt="luxury hotel logo elegant"
+          columns={[
+            { items: [{ label: "Accommodation", href: "#accommodation" }, { label: "Experiences", href: "#experiences" }, { label: "Offers", href: "#offers" }, { label: "Services", href: "#services" }] },
+            { items: [{ label: "Gallery", href: "/gallery" }, { label: "Contact Us", href: "/contact-us" }, { label: "Impressum", href: "https://hotelcollect.hu/impressum/" }, { label: "Privacy Policy", href: "https://hotelcollect.hu/privacy-policy/" }] },
+            { items: [{ label: "Terms and Conditions", href: "https://hotelcollect.hu/terms-and-conditions/" }, { label: "Guest Guide", href: "https://hotelcollect.hu/guest-guide/" }, { label: "Book Now", href: "https://hotelcollect.hu/reservation/" }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}