Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Clinic"
|
||||
/>
|
||||
@@ -58,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Aura Clinic"
|
||||
description="Where medical excellence meets timeless aesthetic harmony. Discover a new standard of personalized clinical care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg",
|
||||
imageAlt: "Clinic interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor-dressed-uniform_171337-106.jpg",
|
||||
imageAlt: "Doctor",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg",
|
||||
imageAlt: "Reception",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-mask-yellow-wall_179666-21119.jpg",
|
||||
imageAlt: "Nurse",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-stainless-steel-syringe-otoscope-medical-equipment-s-wooden-desk_23-2148050563.jpg",
|
||||
imageAlt: "Technology",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-abstract-blur-beautiful-luxury-hospital-clinic-interior-background-vintage-effect-style-pictures_1253-1364.jpg",
|
||||
imageAlt: "Consultation",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg", imageAlt: "Clinic interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor-dressed-uniform_171337-106.jpg", imageAlt: "Doctor" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-lobby-with-reception-desk_23-2152005586.jpg", imageAlt: "Reception" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-mask-yellow-wall_179666-21119.jpg", imageAlt: "Nurse" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vintage-stainless-steel-syringe-otoscope-medical-equipment-s-wooden-desk_23-2148050563.jpg", imageAlt: "Technology" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-abstract-blur-beautiful-luxury-hospital-clinic-interior-background-vintage-effect-style-pictures_1253-1364.jpg", imageAlt: "Consultation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,23 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Diagnostics",
|
||||
description: "State-of-the-art imaging and screening tools for proactive health management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/devices-ready-patient-consultation_23-2149230006.jpg",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
title: "Advanced Diagnostics", description: "State-of-the-art imaging and screening tools for proactive health management.", imageSrc: "http://img.b2bpic.net/free-photo/devices-ready-patient-consultation_23-2149230006.jpg", imageAlt: "Diagnostics"},
|
||||
{
|
||||
title: "Aesthetic Dermatology",
|
||||
description: "Customized skin health treatments provided by board-certified specialists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34931.jpg",
|
||||
imageAlt: "Dermatology",
|
||||
},
|
||||
title: "Aesthetic Dermatology", description: "Customized skin health treatments provided by board-certified specialists.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34931.jpg", imageAlt: "Dermatology"},
|
||||
{
|
||||
title: "Holistic Wellness",
|
||||
description: "Integrative therapies designed to optimize systemic balance and vitality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17217.jpg",
|
||||
imageAlt: "Wellness",
|
||||
},
|
||||
title: "Holistic Wellness", description: "Integrative therapies designed to optimize systemic balance and vitality.", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17217.jpg", imageAlt: "Wellness"},
|
||||
]}
|
||||
title="Our Clinical Services"
|
||||
description="Comprehensive wellness solutions tailored to your unique biological needs."
|
||||
@@ -146,30 +88,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Leading the field in clinical innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools-blood-pressure-monitor_482257-117002.jpg",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Leading the field in clinical innovation.", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-office-equipped-with-diagnostic-tools-blood-pressure-monitor_482257-117002.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Patients trust our consistent excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-smiling-blue-uniform-looking-jovial_176474-19560.jpg",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Satisfaction Rate", description: "Patients trust our consistent excellence.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-smiling-blue-uniform-looking-jovial_176474-19560.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
title: "Procedures Performed",
|
||||
description: "Safety and precision are our hallmarks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-medical-equipment_23-2149283866.jpg",
|
||||
},
|
||||
id: "m3", value: "10k+", title: "Procedures Performed", description: "Safety and precision are our hallmarks.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-various-medical-equipment_23-2149283866.jpg"},
|
||||
]}
|
||||
title="Clinical Excellence"
|
||||
description="Proven results for patients who demand the absolute best in care."
|
||||
@@ -184,23 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Elena Vance",
|
||||
role: "Chief Medical Officer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg",
|
||||
},
|
||||
id: "t1", name: "Dr. Elena Vance", role: "Chief Medical Officer", imageSrc: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dr. Marcus Chen",
|
||||
role: "Senior Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-confident-doctor-with-arms-crossed-medical-clinic_637285-1463.jpg",
|
||||
},
|
||||
id: "t2", name: "Dr. Marcus Chen", role: "Senior Consultant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-confident-doctor-with-arms-crossed-medical-clinic_637285-1463.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dr. Sarah Thorne",
|
||||
role: "Dermatology Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230058.jpg",
|
||||
},
|
||||
id: "t3", name: "Dr. Sarah Thorne", role: "Dermatology Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-practicing-his-profession-celebrate-international-labour-day_23-2151230058.jpg"},
|
||||
]}
|
||||
title="Meet Our Specialists"
|
||||
description="Hand-picked experts who combine compassionate care with scientific rigour."
|
||||
@@ -214,26 +130,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Victoria S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-after-shower_329181-1498.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-doctor-listening-senior-man-s-heartbeat-home-visit_637285-11362.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-sad-woman-therapy_23-2148928879.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-writing-medical-reports-while-talking-patient_107420-73973.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-after-shower_329181-1498.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-doctor-listening-senior-man-s-heartbeat-home-visit_637285-11362.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-sad-woman-therapy_23-2148928879.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctor-writing-medical-reports-while-talking-patient_107420-73973.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -245,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "Online or via our private concierge.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are results private?",
|
||||
content: "Absolute discretion is our promise.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accept insurance?",
|
||||
content: "We offer concierge-style bespoke billing.",
|
||||
},
|
||||
{ id: "f1", title: "How do I book?", content: "Online or via our private concierge." },
|
||||
{ id: "f2", title: "Are results private?", content: "Absolute discretion is our promise." },
|
||||
{ id: "f3", title: "Do you accept insurance?", content: "We offer concierge-style bespoke billing." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Clarity for your clinical journey."
|
||||
@@ -273,23 +162,11 @@ export default function LandingPage() {
|
||||
title="Begin Your Transformation"
|
||||
description="Book a private consultation with our team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we assist you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-waiting-room-with-front-desk-reception-wall-screen-tv-with-promotional-offer-private-practice-hopital-waiting-area-patients-with-doctor-appointments-modern-healthcare-clinic_482257-46743.jpg"
|
||||
@@ -302,33 +179,16 @@ export default function LandingPage() {
|
||||
logoText="Aura Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Team", href: "#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -337,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user