230 lines
14 KiB
TypeScript
230 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
|
import { Instagram, Facebook, Twitter } from "lucide-react";
|
|
|
|
export default function DogHubPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Breeds", id: "breeds" },
|
|
{ name: "Tips", id: "tips" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="DogHub"
|
|
bottomLeftText="Dog Community"
|
|
bottomRightText="hello@doghub.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitLarge
|
|
title="Welcome to the Dog Lovers' Hub"
|
|
description="Discover everything you need to know about dog breeds, training, care, and building a loving relationship with your furry companion."
|
|
tag="Your Dog Journey Starts Here"
|
|
imageSrc="https://img.b2bpic.net/free-photo/cute-dog-grass_23-2149027322.jpg"
|
|
imageAlt="Happy dog in outdoor setting"
|
|
buttons={[
|
|
{ text: "Explore Breeds", href: "breeds" },
|
|
{ text: "Learn Tips", href: "tips" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Why Choose DogHub"
|
|
description="Your trusted resource for everything dog-related"
|
|
tabs={[
|
|
{ id: "expertise", label: "Our Expertise", description: "We bring years of experience in dog care, training, and breed knowledge to help you provide the best care for your furry friend." },
|
|
{ id: "mission", label: "Our Mission", description: "Our mission is to connect dog lovers worldwide and provide comprehensive resources for raising healthy, happy dogs through expert guidance and community support." },
|
|
{ id: "community", label: "Community", description: "Join thousands of dog enthusiasts who share experiences, ask questions, and support each other in their journey of dog ownership and care." }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-man-with-dog-clinic_23-2149143853.jpg"
|
|
imageAlt="Dog care and wellness"
|
|
imagePosition="right"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="breeds" data-section="breeds">
|
|
<FeatureCardOne
|
|
title="Popular Dog Breeds"
|
|
description="Explore the characteristics, temperament, and care requirements of beloved dog breeds"
|
|
tag="Breeds"
|
|
features={[
|
|
{
|
|
title: "Golden Retriever", description: "Friendly, intelligent, and devoted. Perfect family companions known for their golden coat and loving nature.", imageSrc: "https://img.b2bpic.net/free-photo/direct-look-into-face-toller-dog-action_493961-844.jpg", imageAlt: "Golden retriever dog purebred friendly"
|
|
},
|
|
{
|
|
title: "Labrador Retriever", description: "Loyal, energetic, and playful. Excellent family dogs that love outdoor activities and water.", imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg", imageAlt: "Labrador dog playful loyal"
|
|
},
|
|
{
|
|
title: "German Shepherd", description: "Intelligent, courageous, and confident. Highly trainable and known for their protective instincts.", imageSrc: "https://img.b2bpic.net/free-photo/retriver_658691-636.jpg", imageAlt: "German shepherd dog intelligent protective"
|
|
},
|
|
{
|
|
title: "French Bulldog", description: "Compact, muscular, and affectionate. Adaptable companions perfect for apartment living.", imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg", imageAlt: "French bulldog playful compact"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="tips" data-section="tips">
|
|
<ProductCardSeven
|
|
title="Dog Care Tips & Training"
|
|
description="Essential guides to keep your dog healthy, happy, and well-behaved"
|
|
tag="Training & Care"
|
|
products={[
|
|
{
|
|
id: "1", name: "Training Essentials", price: "Learn More", imageSrc: "https://img.b2bpic.net/free-photo/man-training-his-two-dogs-outdoors_23-2149448219.jpg", imageAlt: "Dog training techniques"
|
|
},
|
|
{
|
|
id: "2", name: "Exercise & Activity", price: "Learn More", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-playing-with-her-dog-park_23-2147902234.jpg", imageAlt: "Dog exercise and playtime"
|
|
},
|
|
{
|
|
id: "3", name: "Socialization Tips", price: "Learn More", imageSrc: "https://img.b2bpic.net/free-photo/dog-training-man-training-his-dog-park_259150-57197.jpg", imageAlt: "Dog socialization guide"
|
|
},
|
|
{
|
|
id: "4", name: "Grooming & Health", price: "Learn More", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-shaking-dog-s-paw-park_23-2147902094.jpg", imageAlt: "Dog grooming and health"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEleven
|
|
title="What Dog Lovers Say"
|
|
description="Hear from our community about their experiences and how DogHub has helped them care for their dogs"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", nameTitle: "Sarah Martinez, Golden Retriever Mom", quote: "DogHub has been invaluable in helping me understand my dog's needs. The training tips transformed our relationship completely!", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-map_23-2148765207.jpg", imageAlt: "Sarah with her dog"
|
|
},
|
|
{
|
|
id: "2", nameTitle: "James Chen, Labrador Owner", quote: "The breed guide helped me prepare for bringing my first dog home. Highly recommend DogHub to all new dog owners!", imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-holding-her-dog_23-2148351277.jpg", imageAlt: "James with his dog"
|
|
},
|
|
{
|
|
id: "3", nameTitle: "Emma Wilson, German Shepherd Enthusiast", quote: "The care tips are practical and backed by expertise. My dog has never been healthier or happier!", imageSrc: "https://img.b2bpic.net/free-photo/adorable-little-dog-out-walk_23-2148740415.jpg", imageAlt: "Emma with her dog"
|
|
},
|
|
{
|
|
id: "4", nameTitle: "Michael Johnson, Rescue Dog Advocate", quote: "DogHub's resources helped me train my rescue dog with patience and love. This community is amazing!", imageSrc: "https://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg", imageAlt: "Michael with his dog"
|
|
},
|
|
{
|
|
id: "5", nameTitle: "Lisa Anderson, Dog Trainer", quote: "As a professional trainer, I appreciate the scientifically-backed content. It aligns perfectly with modern dog training.", imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-holding-dog-medium-shot_23-2149003353.jpg", imageAlt: "Lisa with trained dogs"
|
|
},
|
|
{
|
|
id: "6", nameTitle: "Robert Taylor, Multi-Dog Household", quote: "Managing multiple dogs is challenging, but DogHub's guides made it so much easier and more enjoyable!", imageSrc: "https://img.b2bpic.net/free-photo/woman-carries-dog-shoulder-plays-with-favorite-pet-expresses-love-care-stands-sideways-isolated-white_273609-52807.jpg", imageAlt: "Robert with his dogs"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about dog care, training, and breeds"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's the best age to start training a puppy?", content: "Training can begin as early as 8 weeks old. Puppies are capable of learning basic commands and socialization from this age. Consistency and positive reinforcement are key to successful puppy training."
|
|
},
|
|
{
|
|
id: "2", title: "How much exercise does my dog need daily?", content: "Most adult dogs need 30 minutes to 2 hours of exercise daily, depending on age and breed. High-energy breeds like Border Collies may need more, while older dogs need less. Always consult with your veterinarian about your dog's specific needs."
|
|
},
|
|
{
|
|
id: "3", title: "What should I feed my dog?", content: "Feed your dog high-quality dog food appropriate for their age, size, and health status. Look for foods with named meat sources and minimal fillers. Consult your vet about the best diet for your individual dog."
|
|
},
|
|
{
|
|
id: "4", title: "How often should I groom my dog?", content: "Grooming frequency depends on your dog's coat type. Long-haired dogs may need grooming every 4-8 weeks, while short-haired dogs need it less often. Regular brushing at home helps maintain healthy skin and coat."
|
|
},
|
|
{
|
|
id: "5", title: "Is it too late to train an adult dog?", content: "It's never too late to train a dog! Adult dogs can learn new behaviors and commands just as effectively as puppies. Training an adult dog may even be easier since they have longer attention spans and impulse control."
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to start your dog's journey? Join our community today and get expert guidance on every aspect of dog care and training."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Join Our Community", href: "https://example.com/join" },
|
|
{ text: "Contact Us", href: "#" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSocial
|
|
logoText="DogHub"
|
|
columns={[
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Breed Guide", href: "#breeds" },
|
|
{ label: "Training Tips", href: "#tips" },
|
|
{ label: "Health Care", href: "#health" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Forum", href: "https://example.com/forum" },
|
|
{ label: "Events", href: "https://example.com/events" },
|
|
{ label: "Stories", href: "https://example.com/stories" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "https://example.com/privacy" }
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
|
]}
|
|
copyrightText="© DogHub, Inc. 2025. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|