282 lines
16 KiB
TypeScript
282 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { CheckCircle, Sparkles, Heart, Gift, Award, HelpCircle, MessageCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="PawsHub"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "#products"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Premium Pet Products for Your Furry Friends"
|
|
description="Discover high-quality pet supplies, toys, and food designed with love for your beloved companions. From dogs and cats to small animals, we have everything your pet needs."
|
|
tag="Quality Guaranteed"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cheerful-labrador-standing-two-feet-field-sunlight-daytime_181624-40068.jpg", imageAlt: "Happy puppy playing outdoors"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-cat-with-blue-eyes-lying-blanket-with-open-mouth_181624-42454.jpg", imageAlt: "Cute kitten playing with toy"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/orange-domestic-rabbit-cage-with-green-grass_181624-11158.jpg", imageAlt: "Fluffy rabbit resting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-gerbil-fat-tail-crawls-red-flower-garbil-fat-tail-flower_488145-3228.jpg", imageAlt: "Adorable hamster close-up"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-dog-having-fun-park_23-2147997354.jpg?_wi=1", imageAlt: "Colorful interactive dog toys"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42077.jpg", imageAlt: "Premium pet nutrition food bag"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/yawn-jack-russell-terrier-lying-dog-bed_1385-490.jpg", imageAlt: "Comfortable orthopedic pet bed"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pet-accessories_23-2150930454.jpg", imageAlt: "Quality pet collars and leashes"},
|
|
]}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Pet Products"
|
|
description="Handpicked selection of top-rated pet supplies trusted by pet owners everywhere."
|
|
tag="Best Sellers"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "NutriPaws", name: "Premium Dog Food", price: "$49.99", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/dried-dog-food-background_93675-132605.jpg?_wi=1", imageAlt: "Premium dog food bag with nutritional label"},
|
|
{
|
|
id: "2", brand: "PlayTime Pro", name: "Interactive Rope Toy", price: "$12.99", rating: 5,
|
|
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/happy-dog-having-fun-park_23-2147997354.jpg?_wi=2", imageAlt: "Colorful interactive rope toy for dogs"},
|
|
{
|
|
id: "3", brand: "ComfortPet", name: "Orthopedic Pet Bed", price: "$79.99", rating: 5,
|
|
reviewCount: "756", imageSrc: "http://img.b2bpic.net/free-photo/woman-petting-adorable-dog_23-2148740433.jpg?_wi=1", imageAlt: "Comfortable orthopedic memory foam pet bed"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<FeatureCardEight
|
|
title="Why Pet Owners Choose PawsHub"
|
|
description="We're committed to providing the best pet products with exceptional service."
|
|
tag="Our Promise"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Premium Quality", description: "Every product is carefully selected and tested to ensure the highest standards for your pet's health and happiness.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg", imageAlt: "Quality inspection process"},
|
|
{
|
|
id: 2,
|
|
title: "Fast Shipping", description: "Quick and reliable delivery right to your doorstep. Most orders ship within 24 hours.", imageSrc: "http://img.b2bpic.net/free-photo/traffic-highway_1359-2.jpg", imageAlt: "Fast shipping and delivery service"},
|
|
{
|
|
id: 3,
|
|
title: "Expert Support", description: "Our pet care specialists are here to help you find exactly what your furry friend needs.", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-with-disability-answering-client-call-customer-service-wheelchair-user-with-physical-health-condition-working-helpline-support-helpdesk-operator-with-chronic-pain_482257-47208.jpg", imageAlt: "Friendly customer support team"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Product Collections"
|
|
description="Choose from our curated pet product collections designed for every pet and budget."
|
|
tag="Value Packs"
|
|
tagIcon={Gift}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Essential Starter Pack", price: "$89", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/dried-dog-food-background_93675-132605.jpg?_wi=2", imageAlt: "Essential pet care starter pack", features: ["Premium dog food", "Basic pet toys", "Food and water bowls"],
|
|
button: { text: "Get Started", href: "#contact" },
|
|
},
|
|
{
|
|
id: "premium", title: "Premium Care Bundle", price: "$169", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/happy-dog-having-fun-park_23-2147997354.jpg?_wi=3", imageAlt: "Premium pet care bundle with toys", features: ["Premium nutrition food", "Interactive toy set", "Comfortable pet bed", "Grooming supplies"],
|
|
button: { text: "Subscribe Now", href: "#contact" },
|
|
},
|
|
{
|
|
id: "deluxe", title: "Deluxe Everything Bundle", price: "$249", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/woman-petting-adorable-dog_23-2148740433.jpg?_wi=2", imageAlt: "Deluxe complete pet care collection", features: ["Gourmet pet nutrition", "Premium toy collection", "Luxury orthopedic bed", "Complete grooming kit", "Health supplements", "Priority support"],
|
|
button: { text: "Get Deluxe", href: "#contact" },
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="PawsHub has completely transformed how I care for my pet. The quality of products is outstanding, and the customer service team is incredibly helpful. I can't recommend them enough!"
|
|
rating={5}
|
|
author="Sarah Mitchell, Pet Owner"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg", alt: "Sarah Mitchell"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/experienced-florist-holding-dog-smiles_23-2148435668.jpg", alt: "John Anderson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/goodlooking-young-woman-with-wavy-ginger-hair-holding-dog-her-knees-portrait-stunning-female-model-with-french-bulldog_197531-25943.jpg", alt: "Emily Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", alt: "Michael Rodriguez"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Pet Lovers Worldwide"
|
|
description="Join thousands of satisfied customers who trust PawsHub for their pet care needs."
|
|
tag="Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Petco Partnership", "PetSmart Alliance", "Kong Certified", "Purina Approved", "Royal Canin Partner", "IAMS Trusted", "Friskies Authorized"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/logo-with-pet-design_1363-32.jpg", "http://img.b2bpic.net/free-vector/logo-with-pet-design_1363-32.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-bulldog-logo-template_23-2150730794.jpg", "http://img.b2bpic.net/free-vector/pack-veterinary-stickers_23-2147572510.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-dog-paw-logo-design_23-2149511337.jpg", "http://img.b2bpic.net/free-vector/pack-veterinary-stickers_23-2147572510.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-pet-shop-badges-template_23-2150383136.jpg"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our pet products and services."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
mediaPosition="left"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-happy-woman-patting-her-dog-garden_23-2147902235.jpg"
|
|
imageAlt="Happy pets with quality care"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What types of pets do you serve?", content: "We serve all types of pets including dogs, cats, rabbits, hamsters, and other small animals. Our products are specially selected to meet the unique needs of each pet type."},
|
|
{
|
|
id: "2", title: "Do you offer subscription services?", content: "Yes! We offer flexible subscription plans that deliver your pet's favorite products monthly. You can customize your subscription anytime and cancel without penalties."},
|
|
{
|
|
id: "3", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee. If your pet doesn't love it or you're not completely satisfied, return it for a full refund or exchange."},
|
|
{
|
|
id: "4", title: "How quickly will my order arrive?", content: "Most orders ship within 24 hours. Standard shipping takes 5-7 business days. We also offer express shipping options for faster delivery."},
|
|
{
|
|
id: "5", title: "Are your products safe for all pets?", content: "All our products are carefully selected and tested for safety. We prioritize organic and natural ingredients. Always check product details for your specific pet's dietary needs."},
|
|
{
|
|
id: "6", title: "Do you provide pet care advice?", content: "Absolutely! Our pet care specialists are available to provide recommendations and advice. Contact our support team for personalized guidance."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Treat Your Pet Right?"
|
|
description="Join our community of happy pet owners. Get expert advice, exclusive deals, and premium products delivered to your door."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:hello@pawshub.com" },
|
|
{ text: "Shop Now", href: "#products" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "aurora" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="PawsHub"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Products", href: "#products" },
|
|
{ label: "Why Us", href: "#about" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|