194 lines
10 KiB
TypeScript
194 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Leaf, Scissors, Bath, Sparkles, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Bark To Nature"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Luxury Pet Grooming Inspired By Nature"
|
|
description="A calm, caring grooming experience in the heart of Kelowna, BC. We treat your pets like family."
|
|
tag="★★★★★ 5.0 Rated by Happy Pet Parents"
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
{ text: "Call Now", href: "tel:2365919420" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-with-cute-dog_23-2148949395.jpg"
|
|
imageAlt="Professional pet groomer working with a happy dog"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-young-man-holds-his-dog-paw-hand-looks-happy-concept-petfriendly-cafe_1258-245264.jpg", alt: "Happy pet owner 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg", alt: "Happy pet owner 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg", alt: "Happy pet owner 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-european-man-with-his-dog-cafe-guy-pets-his-golden-retriever-while-working-outdoors-coffee-shop_1258-314316.jpg", alt: "Happy pet owner 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-holding-cute-dog_23-2148949387.jpg", alt: "Happy pet owner 5" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Philosophy"
|
|
title="Where Grooming Meets Nature"
|
|
description="At Bark To Nature, we believe every pet deserves a calm, stress-free spa experience. Our Kelowna facility is designed to mimic the soothing elements of nature, providing a sanctuary for your best friend."
|
|
subdescription="We are proud to be an LGBTQ+ friendly space that celebrates inclusivity and gentle, loving care in every grooming session."
|
|
imageSrc="http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627217.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="Professional groomer smiling with dog"
|
|
icon={Leaf}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Full Grooming", description: "Includes bathing, styling, and nail care.", imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627209.jpg", buttonIcon: Scissors },
|
|
{ title: "Bath & Brush", description: "Professional washing and deshedding.", imageSrc: "http://img.b2bpic.net/free-photo/big-black-dog-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-dog-dog-is-tied-blue-table_1157-51544.jpg", buttonIcon: Bath },
|
|
{ title: "Nail & Paw Care", description: "Precision trimming and maintenance.", imageSrc: "http://img.b2bpic.net/free-psd/3d-illustration-barber-shop-elements_23-2150943815.jpg", buttonIcon: Sparkles },
|
|
{ title: "Puppy Intro", description: "Gentle first-time grooming comfort.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841553.jpg", buttonIcon: Heart },
|
|
]}
|
|
title="Premium Grooming Services"
|
|
description="From gentle puppy introductions to rejuvenating spa treatments, our services are tailored to your pet's unique needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{ id: "p1", badge: "Essentials", price: "$65", subtitle: "For maintenance grooming", features: ["Bath", "Brush Out", "Ear Cleaning"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
|
{ id: "p2", badge: "Premium", price: "$95", subtitle: "Full spa experience", features: ["Full Groom", "Style Cut", "Nail Dremel", "Conditioner"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
|
{ id: "p3", badge: "Deluxe", price: "$135", subtitle: "Ultimate relaxation", features: ["Full Groom", "Specialty Style", "Deep Conditioning", "Teeth Cleaning"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
|
]}
|
|
title="Grooming Packages"
|
|
description="Tailored luxury packages for all breeds and sizes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "g1", name: "Golden Retriever Glow", price: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-golden-retriever-park_181624-42402.jpg" },
|
|
{ id: "g2", name: "Poodle Perfection", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/toy-poodle-playing-park_1359-98.jpg" },
|
|
{ id: "g3", name: "Happy Terrier", price: "Spa Day", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dog-grass_23-2147636763.jpg" },
|
|
{ id: "g4", name: "Doodle Delight", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/brown-dog-dressed-black-trousers-white-shirt_1304-3736.jpg" },
|
|
{ id: "g5", name: "Labrador Shine", price: "Bath", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-rejoicing-yellow-background-covid-human-medic-emotion_179666-11648.jpg" },
|
|
{ id: "g6", name: "Spitz Sparkle", price: "Deluxe", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841555.jpg" },
|
|
]}
|
|
title="Our Happy Guests"
|
|
description="Capturing the joy of a refreshed, pampered pet."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="From start to finish, the experience exceeded expectations. My fur babies look beautiful and smell wonderful!"
|
|
rating={5}
|
|
author="Sarah & Buster"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-casual-woman-working-from-home_23-2148694468.jpg", alt: "Sarah" },
|
|
{ src: "http://img.b2bpic.net/free-photo/people-relationship-affection-concept-positive-dark-skinned-curly-woman-holds-two-puppies_273609-34424.jpg", alt: "James" },
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-posing-with-her-dog-smiling_23-2148454609.jpg", alt: "Emily" },
|
|
{ src: "http://img.b2bpic.net/free-photo/cute-lovely-little-dog-showing-tongue-bed-with-pretty-young-woman-chilling-home-with-domestic-animals-funny-moments_197531-2292.jpg", alt: "Michael" },
|
|
{ src: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg", alt: "Linda" },
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "How long does grooming take?", content: "Typically 2-4 hours depending on the service requested." },
|
|
{ id: "f2", title: "Do you accept walk-ins?", content: "We work by appointment to ensure each pet gets undivided attention." },
|
|
{ id: "f3", title: "Are you LGBTQ+ friendly?", content: "Yes, absolutely! We celebrate diversity and pride ourselves on being a welcoming space for all families." },
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about our grooming process."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Appointment Request"
|
|
title="Book Your Session"
|
|
description="Ready to pamper your pet? Reserve your spot in Kelowna today."
|
|
imageSrc="http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150801.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-vector/fashion-name-card-template-vector-set_53876-111171.jpg"
|
|
logoText="Bark To Nature"
|
|
columns={[
|
|
{
|
|
title: "Business", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }],
|
|
},
|
|
{
|
|
title: "Contact", items: [{ label: "(236) 591-9420", href: "tel:2365919420" }, { label: "545 Lawrence Ave, Kelowna", href: "#" }],
|
|
},
|
|
{
|
|
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Bark To Nature Pet Grooming. Made with love for Kelowna pets."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|