343 lines
16 KiB
TypeScript
343 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
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 (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Super Liquor Paihia"
|
||
navItems={[
|
||
{ name: "Home", id: "home" },
|
||
{ name: "Specials", id: "specials" },
|
||
{ name: "Selection", id: "selection" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
button={{
|
||
text: "Call Now", href: "tel:0994558333"
|
||
}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
{isMobile && stickyVisible && (
|
||
<div className="fixed bottom-0 left-0 right-0 z-40 bg-gradient-to-t from-card via-card to-transparent backdrop-blur-md border-t border-accent/20 p-3 flex gap-2 animate-in fade-in slide-in-from-bottom-2 duration-300">
|
||
<a
|
||
href="tel:0994558333"
|
||
className="flex-1 flex items-center justify-center gap-2 px-4 py-3 bg-primary-cta text-background rounded-full font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105"
|
||
>
|
||
<Phone className="w-4 h-4" />
|
||
<span>Call</span>
|
||
</a>
|
||
<a
|
||
href="https://maps.google.com/?q=14+Marsden+Road+Paihia+0200+New+Zealand"
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
className="flex-1 flex items-center justify-center gap-2 px-4 py-3 bg-secondary-cta text-foreground rounded-full font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105 border border-accent/30"
|
||
>
|
||
<MapPin className="w-4 h-4" />
|
||
<span>Directions</span>
|
||
</a>
|
||
</div>
|
||
)}
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitTestimonial
|
||
title="Your Local Bottle Shop in Paihia"
|
||
description="Great prices. Friendly service. Cold drinks ready to go. Perfect stop for locals and tourists."
|
||
tag="Bay of Islands"
|
||
tagIcon={MapPin}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Call Now", href: "tel:0994558333" },
|
||
{ text: "Get Directions", href: "https://maps.google.com/?q=14+Marsden+Road+Paihia+0200+New+Zealand" },
|
||
]}
|
||
buttonAnimation="blur-reveal"
|
||
imageSrc="http://img.b2bpic.net/free-photo/confident-bartender-standing-bar-counter_107420-94857.jpg"
|
||
imageAlt="Super Liquor Paihia storefront"
|
||
mediaAnimation="opacity"
|
||
imagePosition="right"
|
||
testimonials={[
|
||
{
|
||
name: "Sarah Mitchell", handle: "Tourist from Auckland", testimonial: "Great friendly service and excellent selection. Found exactly what I needed!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"
|
||
},
|
||
{
|
||
name: "James Wilson", handle: "Local Resident", testimonial: "Best bottle shop in Paihia. Always quick service and competitive prices.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg"
|
||
},
|
||
{
|
||
name: "Emma Davis", handle: "Holiday Visitor", testimonial: "Convenient location and friendly staff made my stay in Paihia perfect.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-fashionable-young-model-woman-making-selfie-alp-mountains-wearing-dress-leather-jacket-sunglasses-backpack_291049-83.jpg"
|
||
},
|
||
]}
|
||
testimonialRotationInterval={5000}
|
||
useInvertedBackground={false}
|
||
background={{ variant: "radial-gradient" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-signals" data-section="trust-signals">
|
||
<MetricCardTen
|
||
title="Trusted by Locals & Tourists"
|
||
description="Our commitment to quality, convenience, and customer satisfaction"
|
||
tag="Why Choose Us"
|
||
tagAnimation="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "1", title: "4.0 ★ Google Rating", subtitle: "Verified customer reviews", category: "Reputation", value: "43+ Reviews"
|
||
},
|
||
{
|
||
id: "2", title: "Fast Friendly Service", subtitle: "Quick transactions guaranteed", category: "Experience", value: "In & Out"
|
||
},
|
||
{
|
||
id: "3", title: "Convenient Location", subtitle: "Walking distance from hotels", category: "Location", value: "Central Paihia"
|
||
},
|
||
{
|
||
id: "4", title: "Cold Drinks Ready", subtitle: "Refreshment on demand", category: "Service", value: "Always Stocked"
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
/>
|
||
</div>
|
||
|
||
<div id="specials" data-section="specials" className="relative">
|
||
<style>{`
|
||
@keyframes swipe {
|
||
0% { transform: translateX(0); }
|
||
100% { transform: translateX(-100%); }
|
||
}
|
||
.swipe-container {
|
||
overflow-x: auto;
|
||
scroll-snap-type: x mandatory;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
.swipe-container > * {
|
||
scroll-snap-align: start;
|
||
}
|
||
.product-card-glass {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(12px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||
}
|
||
.product-card-glass:hover {
|
||
background: rgba(255, 255, 255, 0.15);
|
||
transform: translateY(-8px);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
||
}
|
||
`}</style>
|
||
<ProductCardOne
|
||
title="Weekly Specials & Deals"
|
||
description="Check out our latest promotions and exclusive in-store offers"
|
||
tag="Limited Time"
|
||
tagIcon={Zap}
|
||
tagAnimation="slide-up"
|
||
products={[
|
||
{
|
||
id: "1", name: "Beer Selection Specials", price: "From $15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beer-bottles-with-chips_23-2148673798.jpg?_wi=1", imageAlt: "Beer specials selection"
|
||
},
|
||
{
|
||
id: "2", name: "Premium Wine Promotions", price: "From $22.99", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-wine-bottle-stoppers-beside_23-2148414202.jpg?_wi=1", imageAlt: "Wine selection deals"
|
||
},
|
||
{
|
||
id: "3", name: "Spirit Deals", price: "From $29.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-american-beer-assortment_23-2148907595.jpg?_wi=1", imageAlt: "Spirits promotion"
|
||
},
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "View All Specials", href: "tel:0994558333" },
|
||
]}
|
||
cardClassName="product-card-glass"
|
||
/>
|
||
</div>
|
||
|
||
<div id="selection" data-section="selection">
|
||
<FeatureHoverPattern
|
||
title="Our Liquor Selection"
|
||
description="Wide range of quality beverages for every occasion and preference"
|
||
tag="Everything You Need"
|
||
tagIcon={Package}
|
||
tagAnimation="slide-up"
|
||
features={[
|
||
{
|
||
icon: Beer,
|
||
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."
|
||
},
|
||
{
|
||
icon: Wine,
|
||
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."
|
||
},
|
||
{
|
||
icon: MapPin,
|
||
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."
|
||
},
|
||
]}
|
||
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"
|
||
/>
|
||
</div>
|
||
|
||
<div id="convenience" data-section="convenience">
|
||
<TestimonialAboutCard
|
||
tag="Perfect Stop in Paihia"
|
||
tagIcon={MapPin}
|
||
tagAnimation="slide-up"
|
||
title="Your Convenient Local Bottle Shop"
|
||
description="Located in the heart of Paihia with easy parking and walking access from major hotels. We're your go-to spot for quality alcohol, cold drinks, and friendly service."
|
||
subdescription="14 Marsden Road, Paihia • Open Daily 10 AM – 9 PM"
|
||
icon={ShoppingCart}
|
||
imageSrc="http://img.b2bpic.net/free-photo/female-bartender-pouring-drink-from-glass_23-2148209413.jpg"
|
||
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"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
title="Customer Reviews"
|
||
description="What locals and tourists say about Super Liquor Paihia"
|
||
tag="Trusted & Rated"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Michael Chen", role: "Local Resident", testimonial: "Been shopping here for years. Always friendly staff, great selection, and honest prices. Wouldn't go anywhere else.", icon: Quote,
|
||
},
|
||
{
|
||
id: "2", name: "Lisa Thompson", role: "Tourist from Sydney", testimonial: "Perfect find during our Bay of Islands holiday. Convenient location, quick service, and they helped me pick the perfect wine.", icon: Quote,
|
||
},
|
||
{
|
||
id: "3", name: "David Park", role: "Holiday Visitor", testimonial: "The staff went out of their way to help me find exactly what I was looking for. Top-notch service in a friendly local shop.", icon: Quote,
|
||
},
|
||
{
|
||
id: "4", name: "Rachel Williams", role: "Paihia Local", testimonial: "Great range of local and imported options. Fast checkout, fair prices, and you actually feel welcomed here.", icon: Quote,
|
||
},
|
||
{
|
||
id: "5", name: "John Martinez", role: "Tourist from USA", testimonial: "Found the exact craft beer I was looking for. Staff was knowledgeable and really knew their products.", icon: Quote,
|
||
},
|
||
{
|
||
id: "6", name: "Emma Johnson", role: "Local Customer", testimonial: "My go-to spot for weekend supplies. Cold drinks, good selection, and always a smile. Highly recommend!", icon: Quote,
|
||
},
|
||
]}
|
||
animationType="slide-up"
|
||
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"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Get in Touch"
|
||
tagIcon={Phone}
|
||
tagAnimation="slide-up"
|
||
title="Ready to Visit?"
|
||
description="Call us, get directions, or stop by in person. We're open daily from 10 AM to 9 PM. Our friendly team is ready to help you find exactly what you're looking for."
|
||
buttons={[
|
||
{ text: "Call 09 945 8333", href: "tel:0994558333" },
|
||
{ text: "Get Directions", href: "https://maps.google.com/?q=14+Marsden+Road+Paihia+0200+New+Zealand" },
|
||
]}
|
||
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"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Super Liquor Paihia"
|
||
copyrightText="© 2025 Super Liquor Paihia | 14 Marsden Road, Paihia 0200 | Ph: 09 945 8333"
|
||
socialLinks={[
|
||
{
|
||
icon: Phone,
|
||
href: "tel:0994558333", ariaLabel: "Call us"
|
||
},
|
||
{
|
||
icon: MapPin,
|
||
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"
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|