209 lines
9.5 KiB
TypeScript
209 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { MapPin, Heart, Star } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Red Barn Veterinary"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Book Appointment",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Veterinary Care You Can Trust for Life"
|
|
description="Compassionate, experienced veterinary care for your beloved pets. Serving Sidney and surrounding communities with personalized attention and long-term relationships—because your pet's health and happiness matter."
|
|
tag="Sidney, Illinois"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "20+", label: "Years of Trusted Care" },
|
|
{ value: "1000+", label: "Happy Pets & Families" },
|
|
{ value: "24/7", label: "Compassionate Support" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "/contact" },
|
|
{ text: "Call Now: (217) 688-2800", href: "tel:(217)688-2800" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-checking-smiley-dog_23-2149304330.jpg"
|
|
imageAlt="Compassionate veterinarian caring for pet"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Built on Trust & Long-Term Relationships"
|
|
description="Red Barn Veterinary has earned the loyalty of families across Sidney through honest care, fair pricing, and genuine compassion for every pet."
|
|
metrics={[
|
|
{ id: "1", value: "2 Decades", description: "Of veterinary experience and community trust" },
|
|
{ id: "2", value: "Family-Owned", description: "Small-town values with premium care standards" },
|
|
{ id: "3", value: "Personalized", description: "Every pet receives individualized attention" },
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-home" data-section="features-home">
|
|
<FeatureCardEight
|
|
title="Complete Veterinary Care for Every Life Stage"
|
|
description="From wellness exams to specialized senior care, we offer comprehensive services designed around your pet's unique needs."
|
|
tag="Full-Service Clinic"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Preventative Care",
|
|
description: "Regular wellness exams, vaccinations, and health screenings to keep your pet thriving year-round.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-veterinarian-examining-sick-dog-lying-table-clinic_23-2147928387.jpg?_wi=1",
|
|
imageAlt: "Pet wellness examination",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Diagnostic Services",
|
|
description: "Advanced diagnostics including lab work, imaging, and ultrasound to identify and address health concerns early.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-x-ray-machine-examine-patient_1170-2264.jpg?_wi=1",
|
|
imageAlt: "Veterinary diagnostic equipment",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Senior Pet Specialists",
|
|
description: "Specialized care for aging pets with gentle attention, pain management, and quality-of-life support.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-teaching-her-grandfather-how-use-laptop_1157-30564.jpg?_wi=1",
|
|
imageAlt: "Senior pet care consultation",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials-home" data-section="testimonials-home">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14512.jpg?_wi=1", imageAlt: "Sarah Johnson" },
|
|
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-caucasian-man-with-beard-dressed-t-shirt-looking-smiling-with-happy-cheerful-expression-sitting-sidewalk-restaurant-sunny-day-waiting-friends_273609-6600.jpg", imageAlt: "Michael Chen" },
|
|
{ id: "3", name: "Jennifer Martinez", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mug-her-hand_23-2150656213.jpg?_wi=1", imageAlt: "Jennifer Martinez" },
|
|
{ id: "4", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338335.jpg?_wi=1", imageAlt: "David Wilson" },
|
|
]}
|
|
cardTitle="Trusted by Sidney Pet Families"
|
|
cardTag="Real Stories"
|
|
cardTagIcon={Star}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta-appointment" data-section="cta-appointment">
|
|
<TextSplitAbout
|
|
title="Ready to Give Your Pet the Best Care?"
|
|
description={[
|
|
"Your pet deserves compassionate, expert veterinary care. We're here to support your furry family members through every stage of life.",
|
|
"Schedule your appointment today and join thousands of satisfied pet owners who trust Red Barn Veterinary Service.",
|
|
]}
|
|
buttons={[
|
|
{ text: "Book an Appointment", href: "/contact" },
|
|
{ text: "Call (217) 688-2800", href: "tel:(217)688-2800" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-home" data-section="contact-home">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions? Send us a message and we'll respond promptly. Or call us directly at (217) 688-2800."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
|
{ name: "email", type: "email", placeholder: "Email Address" },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your pet or your question...", rows: 4 }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/queue-vet_329181-10388.jpg?_wi=1"
|
|
imageAlt="Red Barn Veterinary Clinic"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Red Barn Veterinary Service"
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Wellness Exams", href: "/services" },
|
|
{ label: "Preventative Care", href: "/services" },
|
|
{ label: "Diagnostics", href: "/services" },
|
|
{ label: "Senior Care", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Phone: (217) 688-2800", href: "tel:(217)688-2800" },
|
|
{ label: "Address: 854 County Rd 2100 E, Sidney, IL 61877", href: "#" },
|
|
{ label: "Hours: Mon-Fri 8am-5pm, Sat 9am-12pm", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Red Barn Veterinary Service. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |