Files
202baeb6-9fe7-426d-a86a-28b…/src/app/page.tsx
2026-03-26 02:14:24 +00:00

354 lines
14 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Heart, MapPin } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Big River Pets"
button={{
text: "Visit Our Store",
href: "#contact",
}}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
logoText="Big River Pets"
description="Your Trusted Neighborhood Pet Store. Discover healthy, happy companions and expert care that truly puts your pets first."
buttons={[
{
text: "Explore Our Products",
href: "#products",
},
{
text: "Contact Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-psd/pet-sitting-job-facebook-template_23-2150044968.jpg"
mediaAnimation="slide-up"
imageAlt="luxurious pet store interior aquariums reptiles"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
names={[]}
tag="Our Story"
title="Passion, Expertise, and Unwavering Care"
description="At Big River Pets, owned by the deeply knowledgeable Matt, we believe every pet deserves a thriving life. Our commitment goes beyond sales; it's about providing honest advice, fostering healthy environments, and building lasting trust with our community."
subdescription="Matts dedication ensures that every animal, from vibrant fish to exotic reptiles, is nurtured with the utmost attention before finding their forever home. Were here to guide you with personalized service, ensuring you have everything you need for happy, healthy pets."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-young-man-enters-coffee-shop-with-his-golden-retriever-handsome-guy-petting-dog-petfriendly-cafe_1258-314215.jpg"
mediaAnimation="slide-up"
imageAlt="knowledgeable pet store owner smiling with pet"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
id: "reptiles",
title: "Healthy Reptiles",
description: "Explore our diverse selection of healthy reptiles and everything needed for their ideal habitat.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-selective-shot-green-maltese-wall-lizard-sitting-rock-sunlight-malta_181624-26992.jpg",
imageAlt: "healthy snake in terrarium pet store",
},
{
id: "fish",
title: "Vibrant Fish & Aquatics",
description: "Discover thriving fish and expertly curated aquatic setups for every enthusiast.",
imageSrc: "http://img.b2bpic.net/free-photo/ctenochaetus-tominiensis-flame-angelfish-blue-malawi-cichlids-fishes-actinia-coral_181624-15883.jpg",
imageAlt: "colorful tropical fish in clean aquarium",
},
{
id: "pet-food",
title: "Premium Pet Food",
description: "Nutrition tailored for every pet, featuring trusted brands and wholesome ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/brown-beans-peas-black-ceramic-saucers-high-quality-photo_114579-77848.jpg",
imageAlt: "premium pet food brands for dogs cats reptiles",
},
{
id: "accessories",
title: "Quality Accessories",
description: "From comfortable bedding to stimulating toys, find the best accessories for your pet.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fluffy-black-bouvier-des-flandres-belgian-dog-blue-leash_181624-35996.jpg",
imageAlt: "variety of pet accessories toys beds bowls",
},
{
id: "special-orders",
title: "Special Orders & Sourcing",
description: "Looking for something specific? We'll help you find rare items and fulfill special requests.",
imageSrc: "http://img.b2bpic.net/free-psd/pet-food-shop-business-invoice-template_23-2149503910.jpg",
imageAlt: "special order form pet supplies customer service",
},
{
id: "pet-advice",
title: "Expert Pet Advice",
description: "Receive personalized guidance and care tips from our knowledgeable team.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-teenage-girl-with-dog-pet-girl-playing-with-her-pet-dog-home_169016-67815.jpg",
imageAlt: "vet advising pet owner animal care tips",
},
]}
title="A World of Exceptional Pet Care"
description="From vibrant aquatic life to captivating reptiles and premium nutrition, Big River Pets is your comprehensive destination for all things pet-related. We meticulously source products and provide services designed for the well-being and joy of your beloved companions."
tag="Our Offerings"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "product-1",
name: "Premium Reptile Enclosure",
price: "$299.99",
imageSrc: "http://img.b2bpic.net/free-photo/green-iguana-emerging-from-green-lake-full-dry-leaves_181624-41630.jpg",
imageAlt: "premium reptile terrarium glass enclosure",
},
{
id: "product-2",
name: "Tropical Fish Tank Kit",
price: "$129.50",
imageSrc: "http://img.b2bpic.net/free-photo/vase-cactus-decoration-with-empty-room_1339-3462.jpg",
imageAlt: "complete tropical fish tank starter kit",
},
{
id: "product-3",
name: "Holistic Pet Food (Grain-Free)",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/plate-raw-pasta-black_114579-37375.jpg",
imageAlt: "holistic natural pet food bag premium ingredients",
},
]}
title="Discover Quality for Your Beloved Companions"
description="Explore a curated selection of our most popular and essential products, chosen for their quality, effectiveness, and ability to enhance your pet's life. From essential nutrition to engaging accessories, we have what your pet needs to thrive."
tag="Featured Products"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah T.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-glad-african-american-pet-owner-holds-little-white-black-puppy-has-joyful-expression-wears-yellow-knitted-sweater-cares-about-pet-thinks-what-products-buy-healthy-nutrition_273609-31199.jpg",
imageAlt: "Customer Sarah T.",
},
{
id: "2",
name: "John D.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-i-letter_1149-1837.jpg",
imageAlt: "Customer John D.",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dog-bed_23-2149398044.jpg",
imageAlt: "Customer Emily R.",
},
{
id: "4",
name: "Michael S.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-young-man-with-table-happy-expression_1194-4693.jpg",
imageAlt: "Customer Michael S.",
},
]}
cardTitle="What Our Customers Say"
cardTag="Trusted by Pet Lovers"
cardAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
logos={[
"http://img.b2bpic.net/free-vector/flat-design-pet-sitting-labels-template_23-2149599482.jpg",
"http://img.b2bpic.net/free-vector/set-labels-with-positive-quotes_23-2147562742.jpg",
"http://img.b2bpic.net/free-vector/environmental-concept-paper-style-with-fish_23-2148429900.jpg",
"http://img.b2bpic.net/free-vector/informative-rubbers-products_1010-504.jpg",
"http://img.b2bpic.net/free-vector/set-cruelty-free-badges-illustrated_23-2148806205.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-ocean-vibes-logo_742173-4095.jpg",
"http://img.b2bpic.net/free-vector/veterinary-clinic-logo-templates_23-2147536016.jpg",
]}
title="Partners in Pet Wellness"
description="We proudly partner with leading brands and organizations committed to pet health and happiness, ensuring you receive only the best for your companions."
showCard={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What are your store hours?",
content: "Our store is open from Monday to Saturday, 10:00 AM - 6:00 PM. We are closed on Sundays to ensure our team and pets receive proper rest and care.",
},
{
id: "faq-2",
title: "Do you offer specific reptile or fish species?",
content: "Our inventory varies based on availability and ethical sourcing. Please call us at +1 509-943-9777 or visit our store for the most current selection.",
},
{
id: "faq-3",
title: "Can I place a special order for pet supplies?",
content: "Absolutely! If we don't have a specific item in stock, we'll do our best to source it for you. Speak with our team in-store or call us to discuss special orders.",
},
{
id: "faq-4",
title: "Do you provide grooming services?",
content: "While we don't offer grooming services directly, we can recommend trusted local partners for all your pet grooming needs.",
},
]}
ctaTitle="Visit Our Store"
ctaDescription="Experience personalized service and expert advice firsthand at Big River Pets. We're here to help you find everything your pet needs."
ctaButton={{
text: "Get Directions",
href: "https://www.google.com/maps/search/1374+Jadwin+Ave,+Richland,+WA+99354",
}}
ctaIcon={MapPin}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Explore",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About Us",
href: "#about",
},
{
label: "Products",
href: "#products",
},
{
label: "Reviews",
href: "#reviews",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#contact",
},
{
label: "Store Hours",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Facebook",
href: "https://facebook.com",
},
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Directions",
href: "https://www.google.com/maps/search/1374+Jadwin+Ave,+Richland,+WA+99354",
},
],
},
]}
bottomLeftText="© 2024 Big River Pets. All rights reserved."
bottomRightText="Built with Passion for Pets"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}