Update src/app/gallery/page.tsx
This commit is contained in:
@@ -7,218 +7,162 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function GalleryPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="small"
|
contentWidth="small"
|
||||||
sizing="largeSmallSizeMediumTitles"
|
sizing="largeSmallSizeMediumTitles"
|
||||||
background="fluid"
|
background="fluid"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="subtle-shadow"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="radial-glow"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"
|
||||||
id: "/",
|
},
|
||||||
},
|
{
|
||||||
{
|
name: "Menu", id: "/menu"
|
||||||
name: "Menu",
|
},
|
||||||
id: "/menu",
|
{
|
||||||
},
|
name: "Events", id: "/events"
|
||||||
{
|
},
|
||||||
name: "Events",
|
{
|
||||||
id: "/events",
|
name: "Bookings", id: "/bookings"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "Bookings",
|
name: "Gallery", id: "/gallery"
|
||||||
id: "/bookings",
|
},
|
||||||
},
|
{
|
||||||
{
|
name: "About", id: "/about"
|
||||||
name: "Gallery",
|
},
|
||||||
id: "/gallery",
|
{
|
||||||
},
|
name: "Contact", id: "/contact"
|
||||||
{
|
}
|
||||||
name: "About",
|
]}
|
||||||
id: "/about",
|
brandName="The Southfields"
|
||||||
},
|
button={{
|
||||||
{
|
text: "Book a Table", href: "/bookings"
|
||||||
name: "Contact",
|
}}
|
||||||
id: "/contact",
|
/>
|
||||||
},
|
</div>
|
||||||
]}
|
|
||||||
brandName="The Southfields"
|
|
||||||
button={{
|
|
||||||
text: "Book a Table",
|
|
||||||
href: "/bookings",
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="gallery-images" data-section="gallery-images">
|
<div id="gallery-images" data-section="gallery-images">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
animationType="blur-reveal"
|
||||||
{
|
products={[
|
||||||
id: "gallery-1",
|
{
|
||||||
name: "Gourmet Dish",
|
id: "gallery-1", name: "Gourmet Dish", price: "", imageSrc: "asset://gallery-dish-1__2", imageAlt: "Close-up of a perfectly plated gourmet dish"
|
||||||
price: "",
|
},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cookie-pastries-inside-blue-plate-light-table-cake-biscuit-sugar-sweet-pastry-bake_140725-24479.jpg",
|
{
|
||||||
imageAlt: "Close-up of a perfectly plated gourmet dish",
|
id: "gallery-2", name: "Signature Cocktail", price: "", imageSrc: "asset://gallery-dish-2__2", imageAlt: "A refreshing cocktail being prepared by a bartender"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "gallery-2",
|
id: "gallery-3", name: "Vibrant Interior", price: "", imageSrc: "asset://gallery-ambiance-1", imageAlt: "Warm and inviting pub interior with patrons"
|
||||||
name: "Signature Cocktail",
|
},
|
||||||
price: "",
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-drink-glass-with-neo-futuristic-set_23-2150938286.jpg",
|
id: "gallery-4", name: "Live Performance", price: "", imageSrc: "asset://gallery-ambiance-2__2", imageAlt: "Live music performance in the pub"
|
||||||
imageAlt: "A refreshing cocktail being prepared by a bartender",
|
},
|
||||||
},
|
{
|
||||||
{
|
id: "gallery-5", name: "Beer Garden", price: "", imageSrc: "asset://gallery-outdoor-1", imageAlt: "Sunny outdoor beer garden seating area"
|
||||||
id: "gallery-3",
|
},
|
||||||
name: "Vibrant Interior",
|
{
|
||||||
price: "",
|
id: "gallery-6", name: "Luxury Bar", price: "", imageSrc: "asset://gallery-cocktail-bar", imageAlt: "Elegant bar area with wide selection of spirits"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-mobile-phone-man_1170-651.jpg",
|
}
|
||||||
imageAlt: "Warm and inviting pub interior with patrons",
|
]}
|
||||||
},
|
title="Our Visual Story"
|
||||||
{
|
description="A collection of moments, dishes, and spaces that capture the essence of The Southfields."
|
||||||
id: "gallery-4",
|
tagAnimation="blur-reveal"
|
||||||
name: "Live Performance",
|
buttonAnimation="blur-reveal"
|
||||||
price: "",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215880.jpg",
|
</div>
|
||||||
imageAlt: "Live music performance in the pub",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "gallery-5",
|
|
||||||
name: "Beer Garden",
|
|
||||||
price: "",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/seat-glass-bright-food-window_1232-3762.jpg",
|
|
||||||
imageAlt: "Sunny outdoor beer garden seating area",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "gallery-6",
|
|
||||||
name: "Luxury Bar",
|
|
||||||
price: "",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg",
|
|
||||||
imageAlt: "Elegant bar area with wide selection of spirits",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Visual Story"
|
|
||||||
description="A collection of moments, dishes, and spaces that capture the essence of The Southfields."
|
|
||||||
tagAnimation="blur-reveal"
|
|
||||||
buttonAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="gallery-experience" data-section="gallery-experience">
|
<div id="gallery-experience" data-section="gallery-experience">
|
||||||
<FeatureCardTwentyEight
|
<FeatureCardTwentyEight
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
animationType="blur-reveal"
|
||||||
{
|
features={[
|
||||||
id: "food-art",
|
{
|
||||||
title: "Culinary Artistry",
|
id: "food-art", title: "Culinary Artistry", subtitle: "Discover the passion and precision behind every dish, beautifully plated and ready to delight your senses.", category: "Food", value: "Exquisite"
|
||||||
subtitle: "Discover the passion and precision behind every dish, beautifully plated and ready to delight your senses.",
|
},
|
||||||
category: "Food",
|
{
|
||||||
value: "Exquisite",
|
id: "mixology-magic", title: "Mixology Magic", subtitle: "Explore our expertly crafted cocktails and diverse drink selection, designed for every palate and occasion.", category: "Drinks", value: "Creative"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "mixology-magic",
|
id: "lively-spaces", title: "Lively Spaces", subtitle: "Immerse yourself in the warm and inviting ambiance of our pub, from cozy corners to vibrant event areas.", category: "Venue", value: "Dynamic"
|
||||||
title: "Mixology Magic",
|
}
|
||||||
subtitle: "Explore our expertly crafted cocktails and diverse drink selection, designed for every palate and occasion.",
|
]}
|
||||||
category: "Drinks",
|
title="Experience The Southfields Through Our Lens"
|
||||||
value: "Creative",
|
description="Dive into our gallery and get a taste of what makes The Southfields Bolton's favorite social pub. From our vibrant atmosphere to our delectable dishes, every image tells a story."
|
||||||
},
|
tagAnimation="blur-reveal"
|
||||||
{
|
buttonAnimation="blur-reveal"
|
||||||
id: "lively-spaces",
|
/>
|
||||||
title: "Lively Spaces",
|
</div>
|
||||||
subtitle: "Immerse yourself in the warm and inviting ambiance of our pub, from cozy corners to vibrant event areas.",
|
|
||||||
category: "Venue",
|
|
||||||
value: "Dynamic",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Experience The Southfields Through Our Lens"
|
|
||||||
description="Dive into our gallery and get a taste of what makes The Southfields Bolton's favorite social pub. From our vibrant atmosphere to our delectable dishes, every image tells a story."
|
|
||||||
tagAnimation="blur-reveal"
|
|
||||||
buttonAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Explore",
|
title: "Explore", items: [
|
||||||
items: [
|
{
|
||||||
{
|
label: "Home", href: "/"
|
||||||
label: "Home",
|
},
|
||||||
href: "/",
|
{
|
||||||
},
|
label: "Menu", href: "/menu"
|
||||||
{
|
},
|
||||||
label: "Menu",
|
{
|
||||||
href: "/menu",
|
label: "Events", href: "/events"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Events",
|
label: "Gallery", href: "/gallery"
|
||||||
href: "/events",
|
}
|
||||||
},
|
]
|
||||||
{
|
},
|
||||||
label: "Gallery",
|
{
|
||||||
href: "/gallery",
|
title: "Company", items: [
|
||||||
},
|
{
|
||||||
],
|
label: "About Us", href: "/about"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
label: "Contact", href: "/contact"
|
||||||
items: [
|
},
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "Bookings", href: "/bookings"
|
||||||
href: "/about",
|
},
|
||||||
},
|
{
|
||||||
{
|
label: "Privacy Policy", href: "#"
|
||||||
label: "Contact",
|
}
|
||||||
href: "/contact",
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Bookings",
|
title: "Connect", items: [
|
||||||
href: "/bookings",
|
{
|
||||||
},
|
label: "Facebook", href: "#"
|
||||||
{
|
},
|
||||||
label: "Privacy Policy",
|
{
|
||||||
href: "#",
|
label: "Instagram", href: "#"
|
||||||
},
|
},
|
||||||
],
|
{
|
||||||
},
|
label: "TikTok", href: "#"
|
||||||
{
|
}
|
||||||
title: "Connect",
|
]
|
||||||
items: [
|
}
|
||||||
{
|
]}
|
||||||
label: "Facebook",
|
bottomLeftText="© 2024 The Southfields. All rights reserved."
|
||||||
href: "#",
|
bottomRightText="Built with ❤️ in Bolton"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "TikTok",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 The Southfields. All rights reserved."
|
|
||||||
bottomRightText="Built with ❤️ in Bolton"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user