|
|
|
|
@@ -7,10 +7,9 @@ import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"
|
|
|
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
|
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
|
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
|
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
|
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
|
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
|
import { Heart, Zap, TrendingUp, MessageCircle, Mail, Shield, Clock, Lightbulb, Activity } from "lucide-react";
|
|
|
|
|
import { Heart, Zap, TrendingUp, MessageCircle, Mail, Shield, Clock, Lightbulb, Activity, AlertTriangle } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
|
|
|
const navItems = [
|
|
|
|
|
@@ -74,11 +73,11 @@ export default function HomePage() {
|
|
|
|
|
title="Pet Health Guidance, Instantly"
|
|
|
|
|
description="Get safe, easy-to-understand first aid advice for dogs, cats, and other pets. Our AI assistant provides immediate guidance while your veterinarian is being reached."
|
|
|
|
|
tag="AI-Powered Pet Care"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
tagIcon={Clock}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Start Chat", href: "/chat" },
|
|
|
|
|
{ text: "Emergency Guide", href: "/emergency" },
|
|
|
|
|
{ text: "Start Chat", href: "/chat" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
background={{ variant: "canvas-reveal" }}
|
|
|
|
|
@@ -152,26 +151,6 @@ export default function HomePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
|
|
|
<MetricCardTwo
|
|
|
|
|
title="Why Pet Owners Trust Us"
|
|
|
|
|
description="Key benefits that make us your go-to pet health companion"
|
|
|
|
|
tag="Our Advantages"
|
|
|
|
|
tagIcon={Shield}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "24/7", description: "Instant Availability" },
|
|
|
|
|
{ id: "2", value: "AI-Powered", description: "Smart Analysis" },
|
|
|
|
|
{ id: "3", value: "Safe First Aid", description: "Vet-Approved Guidance" },
|
|
|
|
|
{ id: "4", value: "Quick Response", description: "Seconds to Solutions" },
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<InlineImageSplitTextAbout
|
|
|
|
|
heading={[
|
|
|
|
|
@@ -184,57 +163,6 @@ export default function HomePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardTwo
|
|
|
|
|
title="Trusted by Pet Owners Worldwide"
|
|
|
|
|
description="Join thousands of people helping their pets safely"
|
|
|
|
|
tag="Impact Metrics"
|
|
|
|
|
tagIcon={TrendingUp}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "1", value: "50K+", description: "Pet Owners Helped" },
|
|
|
|
|
{ id: "2", value: "100+", description: "Animal Types Supported" },
|
|
|
|
|
{ id: "3", value: "24/7", description: "Instant Guidance Available" },
|
|
|
|
|
{ id: "4", value: "98%", description: "Safety-Focused Advice" },
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
title="What Pet Owners Say"
|
|
|
|
|
description="Real experiences from people who used our platform to help their pets"
|
|
|
|
|
tag="Customer Stories"
|
|
|
|
|
tagIcon={MessageCircle}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Maria Garcia", role: "Dog Owner", testimonial:
|
|
|
|
|
"When my golden retriever got injured, this platform gave me clear first aid steps while I waited for the vet. It was incredibly reassuring and the guidance was so easy to follow.", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/experienced-florist-holding-dog-smiles_23-2148435668.jpg?_wi=1", imageAlt: "Maria Garcia, satisfied pet owner"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "James Chen", role: "Cat Parent", testimonial:
|
|
|
|
|
"The image upload feature helped me understand what was wrong with my cat before the vet appointment. Knowing what to expect made the experience less stressful for both of us.", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1", imageAlt: "James Chen, happy customer"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Sarah Williams", role: "Veterinary Assistant", testimonial:
|
|
|
|
|
"I recommended this to pet owner clients. It's safe, accurate, and doesn't replace veterinary care—it just empowers people to help their pets better in emergencies.", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1", imageAlt: "Sarah Williams, veterinary professional"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Ahmed Patel", role: "Animal Rescue Volunteer", testimonial:
|
|
|
|
|
"The stray animal guide has been invaluable. I've used it multiple times to help injured animals safely and connect them with local vets. It's a game-changer for rescue work.", imageSrc:
|
|
|
|
|
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Ahmed Patel, animal rescuer"},
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Newsletter"
|
|
|
|
|
@@ -256,4 +184,4 @@ export default function HomePage() {
|
|
|
|
|
/>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
