bender/a888c59f-f1fa-498c-8c5d-f7424029d711
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 23:05:32 +00:00
parent b80af55ecd
commit 009549647c
1 changed files with 65 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -33,49 +33,32 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymy9f1"
logoAlt="CoolVet logo"
brandName="CoolVet"
button={{
text: "Book Appointment",
href: "#contact",
}}
text: "Book Appointment", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Compassionate Care for Your Beloved Pets"
description="At CoolVet, we provide exceptional veterinary services with a heart, ensuring your furry family members live long, healthy, and happy lives."
@@ -83,65 +66,41 @@ export default function LandingPage() {
tagIcon={Heart}
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-hugging-dog_23-2149304336.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-hugging-dog_23-2149304336.jpg"
imageAlt="Veterinarian examining a happy dog"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1426.jpg",
alt: "Happy pet owner Sarah",
},
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1426.jpg", alt: "Happy pet owner Sarah"},
{
src: "http://img.b2bpic.net/free-photo/man-enjoying-some-quality-time-with-his-dog_23-2149131430.jpg",
alt: "Smiling pet owner Michael",
},
src: "http://img.b2bpic.net/free-photo/man-enjoying-some-quality-time-with-his-dog_23-2149131430.jpg", alt: "Smiling pet owner Michael"},
{
src: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429257.jpg",
alt: "Kind pet owner Emily",
},
src: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429257.jpg", alt: "Kind pet owner Emily"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-female-black-shirt-grey-jeans-holding-cute-grey-kitten-yellow-wall_140725-59047.jpg",
alt: "Joyful pet owner David",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-female-black-shirt-grey-jeans-holding-cute-grey-kitten-yellow-wall_140725-59047.jpg", alt: "Joyful pet owner David"},
{
src: "http://img.b2bpic.net/free-photo/positive-african-american-woman-poses-with-fluffy-spitz-hands-petting-dog-has-glad-expression-adopt-domestic-animal-isolated-pink-background_273609-34419.jpg",
alt: "Caring pet owner Jessica",
},
src: "http://img.b2bpic.net/free-photo/positive-african-american-woman-poses-with-fluffy-spitz-hands-petting-dog-has-glad-expression-adopt-domestic-animal-isolated-pink-background_273609-34419.jpg", alt: "Caring pet owner Jessica"},
]}
avatarText="Trusted by over 10,000 pet parents!"
marqueeItems={[
{
type: "text-icon",
text: "Healthy Paws",
icon: Heart,
type: "text-icon", text: "Healthy Paws", icon: Heart,
},
{
type: "text-icon",
text: "Expert Vets",
icon: Activity,
type: "text-icon", text: "Expert Vets", icon: Activity,
},
{
type: "text-icon",
text: "Happy Pets",
icon: Heart,
type: "text-icon", text: "Happy Pets", icon: Heart,
},
{
type: "text-icon",
text: "Caring Team",
icon: Users,
type: "text-icon", text: "Caring Team", icon: Users,
},
{
type: "text-icon",
text: "Modern Clinic",
icon: Building,
type: "text-icon", text: "Modern Clinic", icon: Building,
},
]}
/>
@@ -156,11 +115,9 @@ export default function LandingPage() {
tagIcon={LineChart}
buttons={[
{
text: "Learn More About Us",
href: "#team",
},
text: "Learn More About Us", href: "#team"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cute-big-dog-veterinary-clinic_23-2148302248.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/cute-big-dog-veterinary-clinic_23-2148302248.jpg"
imageAlt="Modern veterinary office interior"
/>
</div>
@@ -172,55 +129,31 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Preventative Care",
description: "Routine examinations, vaccinations, and parasite control to ensure long-term health.",
icon: Activity,
title: "Preventative Care", description: "Routine examinations, vaccinations, and parasite control to ensure long-term health.", icon: Activity,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/pets-line-icons-concept-with-cat-dog-feed-collars-carriers-leash-medical-kit-comb-syringe_1284-45729.jpg",
imageAlt: "Exam icon",
},
imageSrc: "http://img.b2bpic.net/free-vector/pets-line-icons-concept-with-cat-dog-feed-collars-carriers-leash-medical-kit-comb-syringe_1284-45729.jpg", imageAlt: "Exam icon"},
{
imageSrc: "http://img.b2bpic.net/free-vector/collection-pet-veterinary-objects-flat-design_23-2147569070.jpg",
imageAlt: "Vaccine icon",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymy9f1",
imageAlt: "vet check-up icon",
imageSrc: "http://img.b2bpic.net/free-vector/collection-pet-veterinary-objects-flat-design_23-2147569070.jpg", imageAlt: "Vaccine icon"},
]
},
{
title: "Advanced Surgery",
description: "State-of-the-art surgical facilities for both routine and complex procedures.",
icon: Crop,
title: "Advanced Surgery", description: "State-of-the-art surgical facilities for both routine and complex procedures.", icon: Crop,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/worn-instrument-tape-white-steel_1303-341.jpg",
imageAlt: "Surgery icon",
},
imageSrc: "http://img.b2bpic.net/free-photo/worn-instrument-tape-white-steel_1303-341.jpg", imageAlt: "Surgery icon"},
{
imageSrc: "http://img.b2bpic.net/free-vector/dental-hand-drawn-icons-set-infographics-mobile-uxui-kit-print-design-include-dental-tooth-infected-medical-teeth-dentist-clean-teeth-collection-modern-infographic-logo-pictogram-vector_1057-11315.jpg",
imageAlt: "Dental icon",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-hugging-dog_23-2149304336.jpg?_wi=2",
imageAlt: "vet check-up icon",
imageSrc: "http://img.b2bpic.net/free-vector/dental-hand-drawn-icons-set-infographics-mobile-uxui-kit-print-design-include-dental-tooth-infected-medical-teeth-dentist-clean-teeth-collection-modern-infographic-logo-pictogram-vector_1057-11315.jpg", imageAlt: "Dental icon"},
]
},
{
title: "Dental Health",
description: "Comprehensive dental care, including cleaning, polishing, and extractions for optimal oral hygiene.",
icon: CheckCircle,
title: "Dental Health", description: "Comprehensive dental care, including cleaning, polishing, and extractions for optimal oral hygiene.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/funny-cat-3d-illustration_183364-80173.jpg",
imageAlt: "Dental icon",
},
imageSrc: "http://img.b2bpic.net/free-photo/funny-cat-3d-illustration_183364-80173.jpg", imageAlt: "Dental icon"},
{
imageSrc: "http://img.b2bpic.net/free-vector/vet-clinic-doodle-concept-with-doctor-dog-cat_107791-11629.jpg",
imageAlt: "Grooming icon",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/cute-big-dog-veterinary-clinic_23-2148302248.jpg?_wi=2",
imageAlt: "vet check-up icon",
imageSrc: "http://img.b2bpic.net/free-vector/vet-clinic-doodle-concept-with-doctor-dog-cat_107791-11629.jpg", imageAlt: "Grooming icon"},
]
},
]}
title="Our Comprehensive Veterinary Services"
@@ -235,29 +168,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10,000+",
title: "Happy Pets Cared For",
description: "Every wagging tail and purring cat is a testament to our commitment.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-3d-cartoon-animal-outdoors-grassland_23-2151442429.jpg",
imageAlt: "Happy pets",
},
id: "m1", value: "10,000+", title: "Happy Pets Cared For", description: "Every wagging tail and purring cat is a testament to our commitment.", imageSrc: "http://img.b2bpic.net/free-photo/happy-3d-cartoon-animal-outdoors-grassland_23-2151442429.jpg", imageAlt: "Happy pets"},
{
id: "m2",
value: "98%",
title: "Client Satisfaction Rate",
description: "Our pet owners trust us with their beloved companions.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3208.jpg",
imageAlt: "Satisfied clients",
},
id: "m2", value: "98%", title: "Client Satisfaction Rate", description: "Our pet owners trust us with their beloved companions.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3208.jpg", imageAlt: "Satisfied clients"},
{
id: "m3",
value: "15+",
title: "Years of Experience",
description: "Decades of expertise in veterinary medicine and animal care.",
imageSrc: "http://img.b2bpic.net/free-photo/buildings-with-sky_23-2148107156.jpg",
imageAlt: "Years of experience",
},
id: "m3", value: "15+", title: "Years of Experience", description: "Decades of expertise in veterinary medicine and animal care.", imageSrc: "http://img.b2bpic.net/free-photo/buildings-with-sky_23-2148107156.jpg", imageAlt: "Years of experience"},
]}
title="Our Impact & Achievements"
description="Proudly serving the community with dedication and expertise."
@@ -272,33 +187,13 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Dr. Sarah Miller",
role: "Lead Veterinarian",
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-checking-health-cat_1398-4335.jpg",
imageAlt: "Dr. Sarah Miller",
},
id: "t1", name: "Dr. Sarah Miller", role: "Lead Veterinarian", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-checking-health-cat_1398-4335.jpg", imageAlt: "Dr. Sarah Miller"},
{
id: "t2",
name: "Dr. David Chen",
role: "Veterinary Surgeon",
imageSrc: "http://img.b2bpic.net/free-photo/veterinary-lab-robe-standing-cowshed_1303-31036.jpg",
imageAlt: "Dr. David Chen",
},
id: "t2", name: "Dr. David Chen", role: "Veterinary Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/veterinary-lab-robe-standing-cowshed_1303-31036.jpg", imageAlt: "Dr. David Chen"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Head Vet Technician",
imageSrc: "http://img.b2bpic.net/free-photo/vet-clinic-concept-happy-male-doctor-veterinarian-holding-cute-black-pug-dog-smiling-looking-lef_1258-160781.jpg",
imageAlt: "Emily Rodriguez",
},
id: "t3", name: "Emily Rodriguez", role: "Head Vet Technician", imageSrc: "http://img.b2bpic.net/free-photo/vet-clinic-concept-happy-male-doctor-veterinarian-holding-cute-black-pug-dog-smiling-looking-lef_1258-160781.jpg", imageAlt: "Emily Rodriguez"},
{
id: "t4",
name: "John Davis",
role: "Client Services Manager",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-talking-mobile-phone-holding-digital-tablet_107420-73952.jpg",
imageAlt: "John Davis",
},
id: "t4", name: "John Davis", role: "Client Services Manager", imageSrc: "http://img.b2bpic.net/free-photo/dentist-talking-mobile-phone-holding-digital-tablet_107420-73952.jpg", imageAlt: "John Davis"},
]}
title="Meet Our Dedicated Team"
description="Our compassionate and highly skilled professionals are here to provide the best care for your pets."
@@ -312,53 +207,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@SarahJ",
testimonial: "CoolVet has been an absolute lifesaver for my cat, Whiskers. Their team is incredibly caring and knowledgeable!",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "@SarahJ", testimonial: "CoolVet has been an absolute lifesaver for my cat, Whiskers. Their team is incredibly caring and knowledgeable!", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "@MichaelC",
testimonial: "The best veterinary clinic we've ever been to. Dr. Miller is fantastic, and the staff treats our dog like family.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "@MichaelC", testimonial: "The best veterinary clinic we've ever been to. Dr. Miller is fantastic, and the staff treats our dog like family.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "@EmilyR",
testimonial: "Professional, clean, and truly compassionate. CoolVet makes vet visits a stress-free experience for me and my parrot.",
imageSrc: "http://img.b2bpic.net/free-photo/picture-adorable-young-caucasian-female-wearing-trendy-knitted-pullover-hugging-her-cute-highbred-pet-sphynx-cat-with-no-fur-purring-arms-her-happy-teenage-female-owner-pets-people_343059-4795.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "@EmilyR", testimonial: "Professional, clean, and truly compassionate. CoolVet makes vet visits a stress-free experience for me and my parrot.", imageSrc: "http://img.b2bpic.net/free-photo/picture-adorable-young-caucasian-female-wearing-trendy-knitted-pullover-hugging-her-cute-highbred-pet-sphynx-cat-with-no-fur-purring-arms-her-happy-teenage-female-owner-pets-people_343059-4795.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "@DavidK",
testimonial: "I highly recommend CoolVet! They provide thorough care and clear communication, always putting my pet's needs first.",
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "@DavidK", testimonial: "I highly recommend CoolVet! They provide thorough care and clear communication, always putting my pet's needs first.", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
handle: "@JessicaL",
testimonial: "From routine check-ups to emergencies, CoolVet delivers exceptional service. My rabbit is always in good hands.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-woman-looking-camera-cafe_1170-621.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", handle: "@JessicaL", testimonial: "From routine check-ups to emergencies, CoolVet delivers exceptional service. My rabbit is always in good hands.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-woman-looking-camera-cafe_1170-621.jpg", imageAlt: "Jessica Lee"},
{
id: "6",
name: "Robert Green",
handle: "@RobertG",
testimonial: "The team at CoolVet is simply amazing. Their dedication to animal welfare is evident in every interaction.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-confident-man_114579-79066.jpg",
imageAlt: "Robert Green",
},
id: "6", name: "Robert Green", handle: "@RobertG", testimonial: "The team at CoolVet is simply amazing. Their dedication to animal welfare is evident in every interaction.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-confident-man_114579-79066.jpg", imageAlt: "Robert Green"},
]}
title="What Our Pet Parents Say"
description="Hear from the happy owners whose pets have thrived under CoolVet's care."
@@ -371,30 +230,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What are your clinic hours?",
content: "Our clinic is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 3 PM. We are closed on Sundays and public holidays.",
},
id: "faq1", title: "What are your clinic hours?", content: "Our clinic is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 3 PM. We are closed on Sundays and public holidays."},
{
id: "faq2",
title: "Do I need an appointment?",
content: "Yes, appointments are highly recommended to ensure your pet receives timely care and to minimize wait times. Walk-ins are accepted for emergencies, but appointments are preferred.",
},
id: "faq2", title: "Do I need an appointment?", content: "Yes, appointments are highly recommended to ensure your pet receives timely care and to minimize wait times. Walk-ins are accepted for emergencies, but appointments are preferred."},
{
id: "faq3",
title: "What payment methods do you accept?",
content: "We accept cash, major credit cards (Visa, MasterCard, American Express), and pet insurance plans. Payment is due at the time of service.",
},
id: "faq3", title: "What payment methods do you accept?", content: "We accept cash, major credit cards (Visa, MasterCard, American Express), and pet insurance plans. Payment is due at the time of service."},
{
id: "faq4",
title: "Do you offer emergency services?",
content: "Yes, we provide emergency veterinary services during our regular clinic hours. For after-hours emergencies, we can refer you to a local 24-hour animal hospital.",
},
id: "faq4", title: "Do you offer emergency services?", content: "Yes, we provide emergency veterinary services during our regular clinic hours. For after-hours emergencies, we can refer you to a local 24-hour animal hospital."},
{
id: "faq5",
title: "What types of pets do you treat?",
content: "CoolVet provides care for a wide range of companion animals, including dogs, cats, rabbits, guinea pigs, and other small mammals.",
},
id: "faq5", title: "What types of pets do you treat?", content: "CoolVet provides care for a wide range of companion animals, including dogs, cats, rabbits, guinea pigs, and other small mammals."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-girl-working-with-dog_23-2148861549.jpg"
imageAlt="Veterinarian consulting with a pet owner"
@@ -410,18 +254,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
text="Ready to give your pet the best care? Contact CoolVet today!"
buttons={[
{
text: "Call Us: (123) 456-7890",
href: "tel:+1234567890",
},
text: "Call Us: (123) 456-7890", href: "tel:+1234567890"},
{
text: "Email Us: info@coolvet.com",
href: "mailto:info@coolvet.com",
},
text: "Email Us: info@coolvet.com", href: "mailto:info@coolvet.com"},
]}
/>
</div>
@@ -434,45 +273,29 @@ export default function LandingPage() {
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Services",
href: "#services",
},
label: "Our Services", href: "#services"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
],
},
{
items: [
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}