Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
327
src/app/page.tsx
327
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Activity, AlertCircle, Award, FileText } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -11,184 +12,182 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Activity, AlertCircle, Award, FileText } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ 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"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ 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" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
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" }
|
||||
]}
|
||||
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", 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>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
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" }
|
||||
]}
|
||||
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", 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>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
{ 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,
|
||||
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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive care for all your pet's needs in the heart of Abu Dhabi."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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" },
|
||||
{ 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,
|
||||
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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive care for all your pet's needs in the heart of Abu Dhabi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<TestimonialAboutCard
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<TestimonialAboutCard
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="registration" data-section="registration">
|
||||
<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" }
|
||||
]}
|
||||
title="Pet Registration Requirement"
|
||||
description="Avoid fines up to AED 1000 by ensuring your pet is legally registered. We make the paperwork easy."
|
||||
/>
|
||||
</div>
|
||||
<div id="registration" data-section="registration">
|
||||
<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" }
|
||||
]}
|
||||
title="Pet Registration Requirement"
|
||||
description="Avoid fines up to AED 1000 by ensuring your pet is legally registered. We make the paperwork easy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
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" },
|
||||
{ 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"
|
||||
description="See what our community says about their experience with Top Care."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
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" },
|
||||
{ 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"
|
||||
description="See what our community says about their experience with Top Care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
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"
|
||||
]}
|
||||
title="Certified Partners & Associations"
|
||||
description="Proudly working with leading animal health organizations."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
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"
|
||||
]}
|
||||
title="Certified Partners & Associations"
|
||||
description="Proudly working with leading animal health organizations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
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 }
|
||||
]}
|
||||
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>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
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 }
|
||||
]}
|
||||
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>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Top Care Vet"
|
||||
columns={[
|
||||
{
|
||||
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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Top Care Veterinary Clinic | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Top Care Vet"
|
||||
columns={[
|
||||
{
|
||||
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" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Top Care Veterinary Clinic | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user