332 lines
21 KiB
TypeScript
332 lines
21 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Award, Sparkles, Star, MessageSquare } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "Shop", id: "#shop"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "Membership", id: "#membership"},
|
||
{
|
||
name: "Blog", id: "#blog"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="ZANURI"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-animated"}}
|
||
title="Experience Unrivaled Luxury for Your Beloved Pet"
|
||
description="ZANURI Pet Shop & Spa offers an exclusive sanctuary where pampering meets perfection. Discover bespoke grooming, gourmet nutrition, and unique accessories for discerning pet parents."
|
||
carouselItems={[
|
||
{
|
||
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-girl-her-companion_23-2148797403.jpg", imageAlt: "Golden Retriever enjoying a luxury spa treatment"},
|
||
{
|
||
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-bad-girl-black-leather-jacket-earring-her-nose-sexy-carefree-smiling-woman-sitting-studio-pink-wig-near-gray-wall-confident-model-sunglasses_158538-15562.jpg", imageAlt: "Pugs wearing designer pet accessories in a boutique"},
|
||
{
|
||
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-chihuahua-dog_52683-110310.jpg", imageAlt: "German Shepherd relaxing during a luxury spa massage"},
|
||
{
|
||
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-with-her-pet-outdoors_1303-10183.jpg", imageAlt: "Spitz dog playing in an elegant outdoor setting"},
|
||
{
|
||
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/spa-ingredient-sand_23-2147845022.jpg", imageAlt: "Modern luxury pet spa interior with olive and gold decor"},
|
||
{
|
||
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/glitter-texture-background_23-2148110681.jpg", imageAlt: "Close-up of a fluffy dog being groomed with cinematic lighting"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="The ZANURI Standard: Where Love Meets Luxury"
|
||
description="At ZANURI, we believe your pet deserves nothing less than extraordinary. Our philosophy blends holistic well-being with opulent care, ensuring every visit is an unforgettable experience in comfort and joy. We craft moments of pure bliss for your cherished companion."
|
||
metrics={[
|
||
{
|
||
value: "15+", title: "Years of Experience"},
|
||
{
|
||
value: "2000+", title: "Happy Paws Served"},
|
||
{
|
||
value: "100%", title: "Client Satisfaction"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-81.jpg"
|
||
imageAlt="Happy pug with owner in a luxurious living room, emphasizing the emotional connection with ZANURI"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: "service-1", title: "Hydrotherapy & Wellness", tags: [
|
||
"Therapeutic", "Relaxing"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627226.jpg", imageAlt: "Dog enjoying hydrotherapy bath"},
|
||
{
|
||
id: "service-2", title: "Bespoke Styling & Cuts", tags: [
|
||
"Custom", "Elegant"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-profile-berger-picard-dog_493961-433.jpg", imageAlt: "Professional dog grooming with elegant styling"},
|
||
{
|
||
id: "service-3", title: "Luxury Pawdicures", tags: [
|
||
"Pampering", "Clean"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adorable-cocker-spaniel_23-2148351182.jpg", imageAlt: "Pet receiving a luxury pawdicure"},
|
||
{
|
||
id: "service-4", title: "Aromatherapy Baths", tags: [
|
||
"Soothing", "Holistic"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dog-near-fireplace-drinks-cocoa-with-marshmallows_1321-1594.jpg", imageAlt: "Dog enjoying an aromatherapy bath"},
|
||
{
|
||
id: "service-5", title: "Dental Care & Fresh Breath", tags: [
|
||
"Health", "Hygiene"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-dog-veterinary-clinic_23-2149304339.jpg", imageAlt: "Dog receiving professional dental care"},
|
||
]}
|
||
title="Signature Spa & Grooming Experiences"
|
||
description="Indulge your pet with our meticulously curated services, from rejuvenating hydrotherapy baths to bespoke styling and wellness treatments. Each service is tailored to enhance their natural beauty and well-being."
|
||
/>
|
||
</div>
|
||
|
||
<div id="shop" data-section="shop">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "prod-1", name: "Artisanal Organic Treats", price: "$28.00", variant: "Assorted Flavors", imageSrc: "http://img.b2bpic.net/free-photo/corn-balls-corn-rings-bowl-marble-background_114579-74432.jpg", imageAlt: "Gourmet dog treats in luxury packaging"},
|
||
{
|
||
id: "prod-2", name: "Elite Leather Leash & Collar Set", price: "$120.00", variant: "Gold Hardware", imageSrc: "http://img.b2bpic.net/free-photo/closeup-wallet_53876-32029.jpg", imageAlt: "Designer dog collar and leash set"},
|
||
{
|
||
id: "prod-3", name: "CloudNine Luxury Pet Bed", price: "$299.00", variant: "Memory Foam", imageSrc: "http://img.b2bpic.net/free-photo/caring-woman-takes-care-her-pet-embraces-pug-dog-with-love-keeps-lips-folded-stays-bed-soft-blanket-enjoys-time-rest-isolated-brown-background-domestic-animals-concept_273609-60961.jpg", imageAlt: "Luxury pet bed in a modern interior"},
|
||
{
|
||
id: "prod-4", name: "Signature Grooming Kit", price: "$180.00", variant: "Essential Tools", imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg", imageAlt: "High-end pet grooming kit"},
|
||
{
|
||
id: "prod-5", name: "ZANURI Wellness Shampoo", price: "$45.00", variant: "Organic & Hypoallergenic", imageSrc: "http://img.b2bpic.net/free-photo/still-life-various-cleaning-products_23-2150829653.jpg", imageAlt: "Organic dog shampoo in elegant packaging"},
|
||
{
|
||
id: "prod-6", name: "Crystal-Infused Play Toy", price: "$75.00", variant: "Durable & Safe", imageSrc: "http://img.b2bpic.net/free-photo/girl-pajamas-cat-hugging_23-2148797394.jpg", imageAlt: "Luxury designer pet toy"},
|
||
]}
|
||
title="Curated Collection for Discerning Tastes"
|
||
description="Explore our exquisite boutique featuring hand-selected gourmet treats, organic nutritional supplements, designer apparel, and unique accessories that blend luxury with functionality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "test-1", name: "Sarah Johnson", handle: "@pawsitivelylux", testimonial: "ZANURI transformed my pug's grooming routine into a true spa day. The attention to detail is unmatched!", imageSrc: "http://img.b2bpic.net/free-photo/pets-winter-holidays-new-year-concept-happy-man-celebrating-christmas-party-pet-standing-with-cu_1258-180841.jpg", imageAlt: "Sarah Johnson, owner of a happy pug"},
|
||
{
|
||
id: "test-2", name: "Michael Chen", handle: "@gsd_adventures", testimonial: "Our German Shepherd has never looked or felt better. ZANURI’s expertise and loving care are truly premium.", imageSrc: "http://img.b2bpic.net/free-photo/pet-lifestyle-together-with-owner_23-2149258708.jpg", imageAlt: "Michael Chen, owner of a majestic German Shepherd"},
|
||
{
|
||
id: "test-3", name: "Emily Rodriguez", handle: "@spitz_life", testimonial: "From the moment we arrived, ZANURI felt like a luxury hotel. My Spitz absolutely adores their spa treatments!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-stylish-headband-wearing-beautiful-earrings_343596-816.jpg", imageAlt: "Emily Rodriguez, owner of a fluffy Spitz dog"},
|
||
{
|
||
id: "test-4", name: "David Kim", handle: "@fluffy_friends", testimonial: "The boutique selection is incredible, and the grooming is simply art. ZANURI is the only place for my large fluffy dogs.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-woman-with-bushy-afro-hair-feels-pleased-play-with-pedigree-puppy-takes-care-white-spitz-wears-yellow-sweater-poses-indoor_273609-34260.jpg", imageAlt: "David Kim, owner of a large fluffy dog"},
|
||
{
|
||
id: "test-5", name: "Jessica Lee", handle: "@petparentpro", testimonial: "Every aspect of ZANURI is designed for excellence. My dog comes home happy, healthy, and incredibly pampered.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lovely-dog-woman_23-2148777172.jpg", imageAlt: "Jessica Lee, happy pet parent"},
|
||
]}
|
||
title="Voices of Our Valued Clients"
|
||
description="Hear what pet parents are saying about the unparalleled ZANURI experience. Their heartfelt testimonials reflect our commitment to exceptional care and unforgettable moments."
|
||
speed={50}
|
||
topMarqueeDirection="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="membership" data-section="membership">
|
||
<PricingCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "plan-1", tag: "Pawfect Start", tagIcon: Sparkles,
|
||
price: "$150", period: "/month", description: "Ideal for new clients seeking premium introductory services.", button: {
|
||
text: "Enroll Now", href: "#contact"},
|
||
featuresTitle: "Includes:", features: [
|
||
"1 Signature Spa Service", "1 Boutique Item Discount (10%)", "Priority Booking Access"],
|
||
},
|
||
{
|
||
id: "plan-2", tag: "Golden Tail", tagIcon: Star,
|
||
price: "$275", period: "/month", description: "Our most popular plan for regular pampering and exclusive perks.", button: {
|
||
text: "Choose Plan", href: "#contact"},
|
||
featuresTitle: "Includes:", features: [
|
||
"2 Signature Spa Services", "2 Boutique Item Discounts (15%)", "Complimentary Dental Check", "Early Access to New Products"],
|
||
},
|
||
{
|
||
id: "plan-3", tag: "Emerald Elite", tagIcon: Award,
|
||
price: "$450", period: "/month", description: "The ultimate luxury for the most cherished companions.", button: {
|
||
text: "Discover Elite", href: "#contact"},
|
||
featuresTitle: "Includes:", features: [
|
||
"Unlimited Spa Services", "Unlimited Boutique Item Discounts (20%)", "Personalized Concierge Service", "Exclusive Member-Only Events"],
|
||
},
|
||
]}
|
||
title="ZANURI Membership: Elevate Their Lifestyle"
|
||
description="Unlock a world of exclusive benefits with our membership tiers. Enjoy priority bookings, complimentary services, special discounts, and personalized care designed for our most esteemed clients."
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
title="Insights & Inspirations from the ZANURI World"
|
||
description="Dive into our curated articles on pet wellness, luxury lifestyle, grooming tips, and exclusive brand stories. Stay informed and inspired with expert advice for your cherished companion."
|
||
blogs={[
|
||
{
|
||
id: "blog-1", category: "Wellness", title: "The Art of Canine Hydrotherapy", excerpt: "Discover how our therapeutic hydrotherapy sessions can revitalize your pet's mobility and well-being.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-dog-near-chocolate-book_23-2147888577.jpg", imageAlt: "Dog receiving hydrotherapy", authorName: "ZANURI Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man-dressed-coat_171337-4761.jpg", date: "October 26, 2024"
|
||
},
|
||
{
|
||
id: "blog-2", category: "Style", title: "A Guide to Luxury Pet Accessories", excerpt: "Elevate your pet's wardrobe with our hand-picked selection of designer collars, leashes, and apparel.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8861.jpg", imageAlt: "Luxury pet accessories displayed", authorName: "ZANURI Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man-dressed-coat_171337-4761.jpg", date: "September 15, 2024"
|
||
},
|
||
{
|
||
id: "blog-3", category: "Lifestyle", title: "Building an Emotional Bond with Your Beloved Pet", excerpt: "Learn how ZANURI helps strengthen the unique connection you share with your companion through mindful care.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-cute-greyhound-dog_23-2150231839.jpg", imageAlt: "Owner cuddling a happy dog", authorName: "ZANURI Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-bearded-man-dressed-coat_171337-4761.jpg", date: "August 01, 2024"
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "What makes ZANURI's grooming experience unique?", content: "Our grooming is a bespoke experience, tailored to your pet's specific needs and breed standards, utilizing only premium, organic products and gentle techniques in a serene, luxurious environment."},
|
||
{
|
||
id: "faq-2", title: "How do I book a spa appointment for my pet?", content: "You can easily book an appointment through our online portal, by calling our concierge, or visiting us in-store. Membership clients receive priority scheduling."},
|
||
{
|
||
id: "faq-3", title: "Do you offer specialized diets or nutritional advice?", content: "Yes, our boutique carries a curated selection of gourmet, organic pet nutrition. Our experts can also provide personalized dietary recommendations for your pet's health and vitality."},
|
||
{
|
||
id: "faq-4", title: "What types of pets do you cater to?", content: "ZANURI proudly caters to a diverse range of canine companions, from pugs and spitz dogs to German Shepherds and large fluffy breeds, ensuring tailored care for every furry friend."},
|
||
]}
|
||
title="Your Questions, Our Expertise"
|
||
description="Find answers to common inquiries about ZANURI services, bookings, products, and our unique approach to luxury pet care. We're here to provide clarity and peace of mind."
|
||
faqsAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-cute-girl-her-companion_23-2148797403.jpg"
|
||
imageAlt="Happy golden retriever being pampered at a luxury spa"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
tag="Connect with Us"
|
||
tagIcon={MessageSquare}
|
||
title="Schedule Your Pet's Luxury Experience"
|
||
description="Ready to pamper your pet with the ZANURI experience? Contact us today to schedule an appointment, inquire about our services, or explore our exquisite boutique collection."
|
||
inputPlaceholder="Your Email Address"
|
||
buttonText="Book Now"
|
||
termsText="By booking, you agree to our Terms and Conditions."
|
||
onSubmit={(email) => console.log('Booking requested for:', email)}
|
||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-chihuahua-dog_52683-110310.jpg"
|
||
imageAlt="Woman lovingly holding a chihuahua, symbolizing connection and care"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="ZANURI"
|
||
columns={[
|
||
{
|
||
title: "ZANURI", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Our Philosophy", href: "#about"},
|
||
{
|
||
label: "Careers", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Spa & Grooming", href: "#services"},
|
||
{
|
||
label: "Wellness Programs", href: "#services"},
|
||
{
|
||
label: "Memberships", href: "#membership"},
|
||
],
|
||
},
|
||
{
|
||
title: "Shop", items: [
|
||
{
|
||
label: "Boutique Collection", href: "#shop"},
|
||
{
|
||
label: "Gourmet Treats", href: "#shop"},
|
||
{
|
||
label: "Accessories", href: "#shop"},
|
||
],
|
||
},
|
||
{
|
||
title: "Support", items: [
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
{
|
||
label: "Booking Policy", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 ZANURI. All rights reserved."
|
||
onPrivacyClick={() => console.log('Privacy Policy clicked')}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|