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 && ( +
+ + + Call + + + + Directions + +
+ )} +
-
+
+
@@ -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" + }, ]} />