diff --git a/src/app/page.tsx b/src/app/page.tsx
index 864e6d0..699d68b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,8 +11,34 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Beer, Leaf, Mail, MapPin, Package, Phone, Quote, ShoppingCart, Star, Wine, Zap } from 'lucide-react';
+import { useEffect, useState } from 'react';
export default function LandingPage() {
+ const [isMobile, setIsMobile] = useState(false);
+ const [stickyVisible, setStickyVisible] = useState(true);
+ const [lastScrollY, setLastScrollY] = useState(0);
+
+ useEffect(() => {
+ const handleResize = () => {
+ setIsMobile(window.innerWidth < 768);
+ };
+
+ const handleScroll = () => {
+ const currentScrollY = window.scrollY;
+ setStickyVisible(currentScrollY < lastScrollY || currentScrollY < 100);
+ setLastScrollY(currentScrollY);
+ };
+
+ handleResize();
+ window.addEventListener('resize', handleResize);
+ window.addEventListener('scroll', handleScroll, { passive: true });
+
+ return () => {
+ window.removeEventListener('resize', handleResize);
+ window.removeEventListener('scroll', handleScroll);
+ };
+ }, [lastScrollY]);
+
return (
+ {isMobile && stickyVisible && (
+
+ )}
+
-
+
@@ -132,26 +216,34 @@ export default function LandingPage() {
features={[
{
icon: Beer,
- title: "Beer & Cider", description: "Craft, local, and international beers. Ice-cold ciders ready to go."},
+ title: "Beer & Cider", description: "Craft, local, and international beers. Ice-cold ciders ready to go."
+ },
{
icon: Wine,
- title: "Wine Selection", description: "Red, white, and rosé wines from premium local and imported vineyards."},
+ title: "Wine Selection", description: "Red, white, and rosé wines from premium local and imported vineyards."
+ },
{
icon: Wine,
- title: "Spirits & Liqueurs", description: "Whisky, vodka, rum, gin, and premium liqueurs for every taste."},
+ title: "Spirits & Liqueurs", description: "Whisky, vodka, rum, gin, and premium liqueurs for every taste."
+ },
{
icon: Zap,
- title: "Ready-to-Drink", description: "Pre-mixed cocktails and convenient RTD beverages for quick purchases."},
+ title: "Ready-to-Drink", description: "Pre-mixed cocktails and convenient RTD beverages for quick purchases."
+ },
{
icon: MapPin,
- title: "Local Favourites", description: "Supporting local breweries and distilleries from Bay of Islands region."},
+ title: "Local Favourites", description: "Supporting local breweries and distilleries from Bay of Islands region."
+ },
{
icon: Leaf,
- title: "Wellness Options", description: "Low-alcohol and alcohol-free alternatives for mindful choices."},
+ title: "Wellness Options", description: "Low-alcohol and alcohol-free alternatives for mindful choices."
+ },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
+ cardClassName="group relative bg-gradient-to-br from-card via-background to-background-accent border border-accent/20 rounded-xl p-6 transition-all duration-500 hover:shadow-2xl hover:border-accent/50 overflow-hidden"
+ gradientClassName="bg-gradient-to-r from-primary-cta/20 via-secondary-cta/20 to-accent/20 opacity-0 group-hover:opacity-100 transition-opacity duration-500"
/>
@@ -168,6 +260,7 @@ export default function LandingPage() {
imageAlt="Ready to drink beverages display"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
+ cardClassName="backdrop-blur-xl bg-gradient-to-br from-card/90 via-background/80 to-background-accent/70 border border-accent/30"
/>
@@ -202,6 +295,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
+ cardClassName="backdrop-blur-lg bg-gradient-to-br from-card/80 via-background/70 to-background-accent/60 border border-accent/25 shadow-lg hover:shadow-2xl transition-all duration-500 hover:border-accent/50"
/>
@@ -219,6 +313,7 @@ export default function LandingPage() {
buttonAnimation="slide-up"
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
+ contentClassName="backdrop-blur-xl bg-gradient-to-br from-card/90 via-background/80 to-background-accent/70 border border-accent/30 shadow-2xl"
/>
@@ -229,13 +324,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Phone,
- href: "tel:0994558333", ariaLabel: "Call us"},
+ href: "tel:0994558333", ariaLabel: "Call us"
+ },
{
icon: MapPin,
- href: "https://maps.google.com/?q=14+Marsden+Road+Paihia+0200+New+Zealand", ariaLabel: "Get directions"},
+ href: "https://maps.google.com/?q=14+Marsden+Road+Paihia+0200+New+Zealand", ariaLabel: "Get directions"
+ },
{
icon: Mail,
- href: "mailto:info@superliquorpaihia.co.nz", ariaLabel: "Send email"},
+ href: "mailto:info@superliquorpaihia.co.nz", ariaLabel: "Send email"
+ },
]}
/>