bender/3ea5ced2-4fec-4b52-9ce0-87ea29bf7eb4
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-05-11 12:43:49 +00:00
parent 94114d3a3d
commit c3e522cfe4
1 changed files with 43 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Pharmacie GUERFI Hafidha"
/>
@@ -55,81 +47,48 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Your Trusted Pharmacy in Arris"
description="Pharmacie GUERFI Hafidha provides professional healthcare services and medication support for our community. Serving Arris with care and expertise."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/pristine-quiet-hallways-scientific-research-facility-speak-innovation-discovery_91128-4693.jpg",
imageAlt: "Pharmacy interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/pristine-quiet-hallways-scientific-research-facility-speak-innovation-discovery_91128-4693.jpg", imageAlt: "Pharmacy interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142181.jpg",
imageAlt: "Manager preparing the store",
},
imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142181.jpg", imageAlt: "Manager preparing the store"},
{
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
imageAlt: "Clean medical equipment",
},
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg", imageAlt: "Clean medical equipment"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-medical-office-doctor-medical-mask-doctor-use-computer_1157-48563.jpg",
imageAlt: "Doctor and patient consultation",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-medical-office-doctor-medical-mask-doctor-use-computer_1157-48563.jpg", imageAlt: "Doctor and patient consultation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medicaments-supplements-shelves-checkout-counter_482257-82861.jpg",
imageAlt: "Medicaments on shelves",
},
imageSrc: "http://img.b2bpic.net/free-photo/medicaments-supplements-shelves-checkout-counter_482257-82861.jpg", imageAlt: "Medicaments on shelves"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
imageAlt: "Pharmacy interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg", imageAlt: "Pharmacy interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-drugs-pharmacy_1398-3868.jpg",
imageAlt: "Patient buying medicine",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-drugs-pharmacy_1398-3868.jpg", imageAlt: "Patient buying medicine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg",
imageAlt: "Medical consultation cabinet",
},
imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg", imageAlt: "Medical consultation cabinet"},
{
imageSrc: "http://img.b2bpic.net/free-photo/drugstore-employee-looking-drugs-packages-while-working-pills-inventory-pharmacy-pharmacists-is-trained-pharmacology-is-able-fill-dispense-prescription-medication-accurately_482257-63544.jpg",
imageAlt: "Pharmacist inventory check",
},
imageSrc: "http://img.b2bpic.net/free-photo/drugstore-employee-looking-drugs-packages-while-working-pills-inventory-pharmacy-pharmacists-is-trained-pharmacology-is-able-fill-dispense-prescription-medication-accurately_482257-63544.jpg", imageAlt: "Pharmacist inventory check"},
{
imageSrc: "http://img.b2bpic.net/free-photo/syringe-white-sponge-cabinet-clinic_23-2147928447.jpg",
imageAlt: "Clinic medical tool",
},
imageSrc: "http://img.b2bpic.net/free-photo/syringe-white-sponge-cabinet-clinic_23-2147928447.jpg", imageAlt: "Clinic medical tool"},
]}
buttons={[
{
text: "Get Directions",
href: "#contact",
},
text: "Get Directions", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142181.jpg",
alt: "Staff Member 1",
},
src: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142181.jpg", alt: "Staff Member 1"},
{
src: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
alt: "Staff Member 2",
},
src: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg", alt: "Staff Member 2"},
{
src: "http://img.b2bpic.net/free-photo/woman-patient-medical-office-doctor-medical-mask-doctor-use-computer_1157-48563.jpg",
alt: "Staff Member 3",
},
src: "http://img.b2bpic.net/free-photo/woman-patient-medical-office-doctor-medical-mask-doctor-use-computer_1157-48563.jpg", alt: "Staff Member 3"},
{
src: "http://img.b2bpic.net/free-photo/woman-buys-drugs-pharmacy_1398-3868.jpg",
alt: "Staff Member 4",
},
src: "http://img.b2bpic.net/free-photo/woman-buys-drugs-pharmacy_1398-3868.jpg", alt: "Staff Member 4"},
{
src: "http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg",
alt: "Staff Member 5",
},
src: "http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg", alt: "Staff Member 5"},
]}
avatarText="Trusted by 500+ happy patients"
/>
@@ -140,14 +99,9 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Dedicated to Your Health",
},
type: "text", content: "Dedicated to Your Health"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/indian-physician-patient-shaking-hands-medical-consultation_482257-118452.jpg",
alt: "Pharmacy About",
},
type: "image", src: "http://img.b2bpic.net/free-photo/indian-physician-patient-shaking-hands-medical-consultation_482257-118452.jpg", alt: "Pharmacy About"},
]}
/>
</div>
@@ -160,19 +114,13 @@ export default function LandingPage() {
features={[
{
icon: Activity,
title: "Medication Counseling",
description: "Expert advice on prescriptions.",
},
title: "Medication Counseling", description: "Expert advice on prescriptions."},
{
icon: ShieldCheck,
title: "Safety Standards",
description: "Quality assurance in all medications.",
},
title: "Safety Standards", description: "Quality assurance in all medications."},
{
icon: Clock,
title: "Convenient Hours",
description: "Open until 6 PM daily.",
},
title: "Convenient Hours", description: "Open until 6 PM daily."},
]}
title="Our Pharmacy Services"
description="Comprehensive pharmacy care for every family member."
@@ -186,23 +134,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "loc",
icon: MapPin,
title: "Location",
value: "Arris 785W+JR4",
},
id: "loc", icon: MapPin,
title: "Location", value: "Arris 785W+JR4"},
{
id: "ph",
icon: Phone,
title: "Call",
value: "033 20 20 99",
},
id: "ph", icon: Phone,
title: "Call", value: "033 20 20 99"},
{
id: "hr",
icon: Clock,
title: "Closing Time",
value: "6 PM",
},
id: "hr", icon: Clock,
title: "Closing Time", value: "6 PM"},
]}
title="Find Us"
description="Conveniently located to serve the Arris area."
@@ -214,14 +153,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Regular Exercise",
"Balanced Diet",
"Hydration",
"Preventative Care",
"Healthy Sleep",
"Hygiene Practices",
"Consult a Pharmacist",
]}
"Regular Exercise", "Balanced Diet", "Hydration", "Preventative Care", "Healthy Sleep", "Hygiene Practices", "Consult a Pharmacist"]}
title="Healthcare Tips"
description="Simple reminders for a healthy life."
/>
@@ -233,20 +165,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What are your hours?",
content: "We are open daily until 6 PM.",
},
id: "q1", title: "What are your hours?", content: "We are open daily until 6 PM."},
{
id: "q2",
title: "Do you offer consultations?",
content: "Yes, our pharmacists are always ready to advise.",
},
id: "q2", title: "Do you offer consultations?", content: "Yes, our pharmacists are always ready to advise."},
{
id: "q3",
title: "Is parking available?",
content: "Yes, convenient parking is nearby.",
},
id: "q3", title: "Do you provide out-of-hours or emergency support?", content: "In case of urgent needs after hours, please visit your local emergency services or contact local on-call pharmacy networks for immediate assistance."},
{
id: "q4", title: "Is parking available?", content: "Yes, convenient parking is nearby."},
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-workplace-medical-stethoscope-laptop-blank-clipboard-pen-light-blue-surface-corona-virus-covid-19-stethoscope-eyeglasses-face-mask-top-view-flat-lay-copy-space_1150-44893.jpg"
mediaAnimation="slide-up"
@@ -260,8 +185,7 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Need help? Call us at 033 20 20 99 or visit our pharmacy in Arris today."
/>
</div>
@@ -272,17 +196,11 @@ export default function LandingPage() {
{
items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}
@@ -292,4 +210,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}