Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -31,79 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Top Care Vet"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+97120000000",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+97120000000"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trusted Veterinary Care in Abu Dhabi"
|
||||
description="Fast appointments, expert veterinarians, and hassle-free pet registration to keep your companions healthy and happy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+97120000000",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+97120000000" },
|
||||
{ text: "Book Appointment", href: "#contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg?_wi=1",
|
||||
imageAlt: "Professional Vet",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-professional-veterinarian-with-gloves-weighing-big-persian-cat-with-scale-animal-clinic-woman-vet-examining-health-beautiful-pet_662251-2394.jpg?_wi=1",
|
||||
imageAlt: "Care",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet_23-2149198596.jpg",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-doctor-holding-cat-with-leg-injury_23-2148302205.jpg",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267842.jpg",
|
||||
imageAlt: "Expertise",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169883.jpg",
|
||||
imageAlt: "Health",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg", imageAlt: "Professional Vet" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/pretty-professional-veterinarian-with-gloves-weighing-big-persian-cat-with-scale-animal-clinic-woman-vet-examining-health-beautiful-pet_662251-2394.jpg", imageAlt: "Care" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet_23-2149198596.jpg", imageAlt: "Support" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-doctor-holding-cat-with-leg-injury_23-2148302205.jpg", imageAlt: "Service" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267842.jpg", imageAlt: "Expertise" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169883.jpg", imageAlt: "Health" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,50 +69,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "General Checkups",
|
||||
description: "Routine exams to ensure your pet stays in peak health.",
|
||||
icon: Activity,
|
||||
title: "General Checkups", description: "Routine exams to ensure your pet stays in peak health.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-pajamas-holding-little-cute-grey-kitten-blue_140725-30128.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg?_wi=2",
|
||||
imageAlt: "veterinarian holding cute cat professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-pajamas-holding-little-cute-grey-kitten-blue_140725-30128.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Pet Registration",
|
||||
description: "Mandatory UAE registration services to keep your pet compliant.",
|
||||
icon: FileText,
|
||||
title: "Pet Registration", description: "Mandatory UAE registration services to keep your pet compliant.", icon: FileText,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169894.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fingerprint-paper_53876-13400.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg?_wi=1",
|
||||
imageAlt: "veterinarian holding cute cat professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169894.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-fingerprint-paper_53876-13400.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Emergency Care",
|
||||
description: "Reliable 24/7 support when you need it most.",
|
||||
icon: AlertCircle,
|
||||
title: "Emergency Care", description: "Reliable 24/7 support when you need it most.", icon: AlertCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet-dog_23-2149198635.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-looking-camera-showing-cute-dog-ears-feeling-rejoice-adopting-pet-standing_1258-173032.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-professional-veterinarian-with-gloves-weighing-big-persian-cat-with-scale-animal-clinic-woman-vet-examining-health-beautiful-pet_662251-2394.jpg?_wi=2",
|
||||
imageAlt: "veterinarian holding cute cat professional",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-taking-care-pet-dog_23-2149198635.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-looking-camera-showing-cute-dog-ears-feeling-rejoice-adopting-pet-standing_1258-173032.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive care for all your pet's needs in the heart of Abu Dhabi."
|
||||
@@ -167,14 +97,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Why Choose Us"
|
||||
title="Compassionate Care You Can Trust"
|
||||
description="With over 500+ happy pets treated, we offer the most modern, clean, and friendly veterinary environment in the city."
|
||||
subdescription="Our staff is committed to your pet's comfort and your peace of mind."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-girl-posing-with-shopping-bag-full-fruits-woman-white-dress-posing-orange-background_197531-17675.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,23 +110,12 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Compliance Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
description: "Fast Turnaround",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
description: "Stress for Pets",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Compliance Rate" },
|
||||
{ id: "m2", value: "24h", description: "Fast Turnaround" },
|
||||
{ id: "m3", value: "0", description: "Stress for Pets" }
|
||||
]}
|
||||
title="Pet Registration Requirement"
|
||||
description="Avoid fines up to AED 1000 by ensuring your pet is legally registered. We make the paperwork easy."
|
||||
@@ -211,51 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Excellent service and very gentle with my cat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg",
|
||||
imageAlt: "Medium shot people with cute dog",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikec",
|
||||
testimonial: "The staff really cares about the animals here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg?_wi=3",
|
||||
imageAlt: "Medium shot people with cute dog",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Fast registration and great checkup experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169894.jpg?_wi=2",
|
||||
imageAlt: "Medium shot people with cute dog",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Professional, clean, and very welcoming clinic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg?_wi=2",
|
||||
imageAlt: "Medium shot people with cute dog",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima A.",
|
||||
handle: "@fatimaa",
|
||||
testimonial: "Best vet in Abu Dhabi, highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-professional-veterinarian-with-gloves-weighing-big-persian-cat-with-scale-animal-clinic-woman-vet-examining-health-beautiful-pet_662251-2394.jpg?_wi=3",
|
||||
imageAlt: "Medium shot people with cute dog",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "Excellent service and very gentle with my cat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mikec", testimonial: "The staff really cares about the animals here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-female-vet-smiling-petting-beautiful-beagle-dog-exam-table-professional-veterinarian-man-holding-pet-while-examining-healthy-pet-clinic_662251-2251.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Fast registration and great checkup experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169894.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Professional, clean, and very welcoming clinic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg" },
|
||||
{ id: "5", name: "Fatima A.", handle: "@fatimaa", testimonial: "Best vet in Abu Dhabi, highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-professional-veterinarian-with-gloves-weighing-big-persian-cat-with-scale-animal-clinic-woman-vet-examining-health-beautiful-pet_662251-2394.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Abu Dhabi Pet Owners"
|
||||
@@ -268,13 +145,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"VetHealth UAE",
|
||||
"Pet Care Foundation",
|
||||
"Animal Welfare Org",
|
||||
"Global Vet Partners",
|
||||
"UAE Pet Council",
|
||||
"Regional Hospital Network",
|
||||
"Community Pet Trust",
|
||||
"VetHealth UAE", "Pet Care Foundation", "Animal Welfare Org", "Global Vet Partners", "UAE Pet Council", "Regional Hospital Network", "Community Pet Trust"
|
||||
]}
|
||||
title="Certified Partners & Associations"
|
||||
description="Proudly working with leading animal health organizations."
|
||||
@@ -287,32 +158,12 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment"
|
||||
description="Have questions or need to schedule? Reach out to our team via phone, WhatsApp, or the form below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "pet",
|
||||
type: "text",
|
||||
placeholder: "Pet Type",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
{ name: "pet", type: "text", placeholder: "Pet Type", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg?_wi=3"
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -321,39 +172,19 @@ export default function LandingPage() {
|
||||
logoText="Top Care Vet"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
{
|
||||
label: "Register Pet",
|
||||
href: "#registration",
|
||||
},
|
||||
],
|
||||
title: "Clinic", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#why-us" },
|
||||
{ label: "Register Pet", href: "#registration" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+97120000000",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/9710000000",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@topcarevet.ae",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Call Us", href: "tel:+97120000000" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/9710000000" },
|
||||
{ label: "Email", href: "mailto:info@topcarevet.ae" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Top Care Veterinary Clinic | All Rights Reserved"
|
||||
/>
|
||||
@@ -361,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user