289 lines
17 KiB
TypeScript
289 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Heart, Star, CheckCircle, Award, MessageCircle, Sparkles, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="PetLove"
|
|
bottomLeftText="Premium Pet Supplies"
|
|
bottomRightText="hello@petlove.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Premium Pet Supplies for Your Beloved Companion"
|
|
description="Discover everything your pet needs to thrive. From premium nutrition to interactive toys, we have it all with expert guidance and fast delivery."
|
|
tag="Trusted by Pet Lovers"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-playing-with-her-pet-laughing-smiling-enjoying-spending-time-with-her-lovely_1258-193311.jpg"
|
|
imageAlt="Happy dogs and cats enjoying pet products"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Mitchell", handle: "Pet Parent, Dog Lover", testimonial: "The quality is outstanding and my pups absolutely love everything we've ordered!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
|
{
|
|
name: "James Chen", handle: "Cat Enthusiast", testimonial: "Best pet store experience ever. Fast shipping and genuine customer care.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
|
{
|
|
name: "Emma Rodriguez", handle: "Veterinary Nurse", testimonial: "I recommend PetLove to all my clients. The products are vet-approved and affordable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Products"
|
|
description="Handpicked selection of premium pet care essentials loved by pet owners everywhere."
|
|
tag="Best Sellers"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All Products", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Premium Organic Dog Food", price: "$45.99", variant: "Natural Chicken 3 Sizes", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42077.jpg", imageAlt: "Premium organic dog food package"},
|
|
{
|
|
id: "2", name: "Interactive Cat Toy Bundle", price: "$29.99", variant: "Assorted Colors 5 Toys", imageSrc: "http://img.b2bpic.net/free-photo/woman-plays-with-rope-with-bengal-cat_8353-529.jpg", imageAlt: "Colorful interactive cat toys collection"},
|
|
{
|
|
id: "3", name: "Orthopedic Memory Foam Pet Bed", price: "$89.99", variant: "Gray Large", imageSrc: "http://img.b2bpic.net/free-photo/amazing-beagle-dog-resting-after-active-games-balcony-summer-day_197531-4861.jpg", imageAlt: "Comfortable orthopedic pet bed"},
|
|
{
|
|
id: "4", name: "Complete Pet Grooming Kit", price: "$34.99", variant: "Stainless Steel 8 Pieces", imageSrc: "http://img.b2bpic.net/free-photo/dog-toy-comb-collar_23-2147799883.jpg", imageAlt: "Professional pet grooming tools"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Why Choose Us"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
title="Pet Care Excellence You Can Trust"
|
|
description="For over 8 years, PetLove has been committed to providing premium, vet-approved products that keep your pets healthy, happy, and thriving. We carefully curate every product in our store, ensuring the highest quality standards for the companions you love most."
|
|
metrics={[
|
|
{ value: "50,000+", title: "Happy Pets Served" },
|
|
{ value: "98%", title: "Customer Satisfaction" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-playing-with-her-pet-laughing-smiling-enjoying-spending-time-with-her-lovely_1258-193311.jpg"
|
|
imageAlt="Happy pets enjoying quality time"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Pet Lovers Worldwide"
|
|
description="Join thousands of satisfied customers who trust PetLove for their pet care needs."
|
|
tag="Partner Brands"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Premium Pet Care", "Veterinary Approved", "Eco-Friendly Options", "Fast & Free Shipping", "Expert Support", "Quality Guaranteed", "Pet Nutrition Leaders"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Pet Owners Love About Us"
|
|
description="Real stories from real pet parents who trust PetLove with their furry family members."
|
|
tag="Customer Reviews"
|
|
tagIcon={MessageCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Dog Owner", company: "Happy Paws Family", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
|
{
|
|
id: "2", name: "James Chen", role: "Cat Enthusiast", company: "Feline Friends Club", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "Veterinary Nurse", company: "Pet Health Partners", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
|
{
|
|
id: "4", name: "Marcus Thompson", role: "Pet Trainer", company: "Advanced Pet Training", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "10,000+", label: "5-Star Reviews" },
|
|
{ value: "98%", label: "Repeat Customers" },
|
|
{ value: "48hrs", label: "Average Delivery" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Subscription Plans"
|
|
description="Subscribe and save big on your pet's favorite products with our flexible membership plans."
|
|
tag="Special Offers"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Essentials", price: "$29", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-pet-food-ingredients-dark-surface_1150-42077.jpg", button: { text: "Get Started", href: "#contact" },
|
|
features: [
|
|
"Free shipping on orders over $50", "Monthly product recommendations", "Access to exclusive deals"],
|
|
},
|
|
{
|
|
id: "pro", title: "Premium", price: "$59", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/amazing-beagle-dog-resting-after-active-games-balcony-summer-day_197531-4861.jpg", button: { text: "Subscribe Now", href: "#contact" },
|
|
features: [
|
|
"Free shipping on all orders", "Monthly mystery pet box", "Priority customer support", "15% discount on all purchases"],
|
|
},
|
|
{
|
|
id: "elite", title: "Elite Plus", price: "$99", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/woman-plays-with-rope-with-bengal-cat_8353-529.jpg", button: { text: "Go Elite", href: "#contact" },
|
|
features: [
|
|
"Everything in Premium", "Vet consultation calls (2/month)", "Custom nutrition plan", "20% discount on all purchases", "Exclusive early access to new products"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, shipping, and policies."
|
|
tag="Help Center"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer same-day delivery?", content: "We offer fast shipping with delivery in 2-3 business days for most orders. Same-day delivery is available for select locations within the metro area for orders placed before 2 PM. Contact our support team to check availability for your area."},
|
|
{
|
|
id: "2", title: "Are all products vet-approved?", content: "Yes! All products in our store are carefully selected and vet-approved. We partner exclusively with trusted brands known for quality and safety. Our team reviews every product to ensure it meets industry standards for pet health and wellness."},
|
|
{
|
|
id: "3", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all products. If your pet doesn't like the product or you're not satisfied, simply return it within 30 days for a full refund. No questions asked. Some items like opened food may have restrictions."},
|
|
{
|
|
id: "4", title: "Do you have hypoallergenic pet food options?", content: "Absolutely! We carry a wide range of hypoallergenic and limited ingredient pet foods specifically formulated for sensitive pets. Our knowledgeable staff can help you find the perfect option for your pet's dietary needs."},
|
|
{
|
|
id: "5", title: "Is there a loyalty program?", content: "Yes! Every purchase earns you PetLove Rewards points that can be redeemed for discounts and exclusive offers. Members also get early access to sales, special promotions, and birthday discounts for their pets!"},
|
|
{
|
|
id: "6", title: "How do I track my order?", content: "Once your order ships, you'll receive a tracking number via email. You can use this number to monitor your package in real-time. Our average delivery time is 48 hours from when your order is processed."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our products or need personalized pet care recommendations? Our expert team is here to help. Reach out today and let's find the perfect products for your furry friend."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "petType", type: "text", placeholder: "Type of Pet (e.g., Dog, Cat, Rabbit)", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: false },
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your pet and what products you're interested in...", rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg"
|
|
imageAlt="Friendly pet store staff helping customers"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "#products" },
|
|
{ label: "Dog Supplies", href: "#products" },
|
|
{ label: "Cat Supplies", href: "#products" },
|
|
{ label: "Pet Grooming", href: "#products" },
|
|
{ label: "Clearance", href: "#products" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 PetLove | Premium Pet Care. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|