Update src/app/page.tsx
This commit is contained in:
128
src/app/page.tsx
128
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ClearHearing"
|
||||
/>
|
||||
@@ -55,21 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="ClearHearing Clinic"
|
||||
description="Providing compassionate hearing healthcare and personalized solutions for your daily life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-with-face-masks-talking-about-pregnancy-medical-checkup-office-african-american-woman-expecting-child-doing-healthcare-consultation-with-practitioner_482257-29092.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-with-face-masks-talking-about-pregnancy-medical-checkup-office-african-american-woman-expecting-child-doing-healthcare-consultation-with-practitioner_482257-29092.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -90,28 +77,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diagnostic Testing",
|
||||
description: "Precision audiometric evaluations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-beautiful-female-doctor-working-her-office_329181-408.jpg",
|
||||
imageAlt: "Blonde beautiful female doctor working in her office",
|
||||
title: "Diagnostic Testing", description: "Precision audiometric evaluations.", bentoComponent: "reveal-icon", icon: Headphones,
|
||||
},
|
||||
{
|
||||
title: "Hearing Aids",
|
||||
description: "Custom fittings and adjustments.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-patient-with-face-masks-talking-about-pregnancy-medical-checkup-office-african-american-woman-expecting-child-doing-healthcare-consultation-with-practitioner_482257-29092.jpg?_wi=2",
|
||||
imageAlt: "Blonde beautiful female doctor working in her office",
|
||||
title: "Hearing Aids", description: "Custom fittings and adjustments.", bentoComponent: "reveal-icon", icon: Headphones,
|
||||
},
|
||||
{
|
||||
title: "Ongoing Care",
|
||||
description: "Regular check-ups and maintenance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Activity,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-with-pigtails-posing_273609-7185.jpg",
|
||||
imageAlt: "Blonde beautiful female doctor working in her office",
|
||||
title: "Ongoing Care", description: "Regular check-ups and maintenance.", bentoComponent: "reveal-icon", icon: Activity,
|
||||
},
|
||||
]}
|
||||
title="Clinical Services"
|
||||
@@ -126,22 +98,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Patients Served",
|
||||
value: "5,000+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Patients Served", value: "5,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Years Experience",
|
||||
value: "20",
|
||||
icon: Award,
|
||||
id: "m2", title: "Years Experience", value: "20", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Success Rate",
|
||||
value: "99%",
|
||||
icon: Smile,
|
||||
id: "m3", title: "Success Rate", value: "99%", icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -157,25 +120,15 @@ export default function LandingPage() {
|
||||
author="Maria Silva"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-woman-with-pigtails-posing_273609-7185.jpg",
|
||||
alt: "Maria Silva",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-woman-with-pigtails-posing_273609-7185.jpg", alt: "Maria Silva"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excitement-shock-surprise-positive-reaction-emotional-ecstatic-overjoyed-caucasian-female-blue-shirt-opening-mouth-widely-being-excited-with-spontaneous-trip-holding-hands-together_343059-2804.jpg",
|
||||
alt: "Satisfied patient one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excitement-shock-surprise-positive-reaction-emotional-ecstatic-overjoyed-caucasian-female-blue-shirt-opening-mouth-widely-being-excited-with-spontaneous-trip-holding-hands-together_343059-2804.jpg", alt: "Satisfied patient one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-friendly-middle-aged-woman_23-2148204393.jpg",
|
||||
alt: "Satisfied patient two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-friendly-middle-aged-woman_23-2148204393.jpg", alt: "Satisfied patient two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-woman-close-up-portrait_53876-102934.jpg",
|
||||
alt: "Satisfied patient three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-woman-close-up-portrait_53876-102934.jpg", alt: "Satisfied patient three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-elderly-woman-stands-isolated-white-wall_141793-70470.jpg",
|
||||
alt: "Satisfied patient four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-elderly-woman-stands-isolated-white-wall_141793-70470.jpg", alt: "Satisfied patient four"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -187,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I test?",
|
||||
content: "Yearly screenings are recommended.",
|
||||
},
|
||||
id: "f1", title: "How often should I test?", content: "Yearly screenings are recommended."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are consultations free?",
|
||||
content: "We offer complimentary initial screenings.",
|
||||
},
|
||||
id: "f2", title: "Are consultations free?", content: "We offer complimentary initial screenings."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is insurance accepted?",
|
||||
content: "Yes, we work with all major providers.",
|
||||
},
|
||||
id: "f3", title: "Is insurance accepted?", content: "Yes, we work with all major providers."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your hearing health journey."
|
||||
@@ -215,16 +159,10 @@ export default function LandingPage() {
|
||||
description="Reach out to schedule your free screening today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-cabinet-with-documents-computer_482257-27156.jpg"
|
||||
@@ -237,25 +175,17 @@ export default function LandingPage() {
|
||||
logoText="ClearHearing"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user