Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="HealthMed"
|
||||
/>
|
||||
@@ -60,41 +50,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Trusted Community Pharmacy"
|
||||
description="Providing quality healthcare products and expert advice with care. Visit us for all your wellness needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Products", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7912.jpg",
|
||||
imageAlt: "Pharmacy interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7912.jpg", imageAlt: "Pharmacy interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-pharmacist-checking-woman-s-blood-pressure_23-2150359158.jpg",
|
||||
imageAlt: "Pharmacist assistance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-pharmacist-checking-woman-s-blood-pressure_23-2150359158.jpg", imageAlt: "Pharmacist assistance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-person-with-mask-gloves-buying-food-supermarket_342744-1152.jpg",
|
||||
imageAlt: "Medicine inventory",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-person-with-mask-gloves-buying-food-supermarket_342744-1152.jpg", imageAlt: "Medicine inventory"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-employee-assisting-male-client-with-style-choices_482257-118502.jpg",
|
||||
imageAlt: "Professional team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-employee-assisting-male-client-with-style-choices_482257-118502.jpg", imageAlt: "Professional team"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-pharmacy-counter-desk-filled-with-pharmaceutical-products-computer-health-space-waiting-customers-come-buy-pills-drugstore-shelves-were-stocked-with-drugs-packages_482257-63536.jpg",
|
||||
imageAlt: "Health supplements",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-pharmacy-counter-desk-filled-with-pharmaceutical-products-computer-health-space-waiting-customers-come-buy-pills-drugstore-shelves-were-stocked-with-drugs-packages_482257-63536.jpg", imageAlt: "Health supplements"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-pharmacist-checking-senior-man-s-blood-pressure_23-2150359148.jpg",
|
||||
imageAlt: "Customer service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-pharmacist-checking-senior-man-s-blood-pressure_23-2150359148.jpg", imageAlt: "Customer service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,47 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Multivitamin Complex",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yellow-pills-with-plastic-flask-green-blue-background_179666-22450.jpg",
|
||||
imageAlt: "multivitamin supplement bottle medical",
|
||||
},
|
||||
id: "1", name: "Multivitamin Complex", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yellow-pills-with-plastic-flask-green-blue-background_179666-22450.jpg", imageAlt: "multivitamin supplement bottle medical"},
|
||||
{
|
||||
id: "2",
|
||||
name: "First Aid Kit Pro",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/first-aid-kit-with-pills-vials-swabs_9975-133708.jpg",
|
||||
imageAlt: "first aid kit medical box",
|
||||
},
|
||||
id: "2", name: "First Aid Kit Pro", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/first-aid-kit-with-pills-vials-swabs_9975-133708.jpg", imageAlt: "first aid kit medical box"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Digital Thermometer",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-examination-tools-standing-table-empty-modern-doctor-office-ready-health-care-consultation-hospital-workplace-equipped-with-professional-instruments-medicine-support_482257-39805.jpg",
|
||||
imageAlt: "thermometer medical device professional",
|
||||
},
|
||||
id: "3", name: "Digital Thermometer", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-examination-tools-standing-table-empty-modern-doctor-office-ready-health-care-consultation-hospital-workplace-equipped-with-professional-instruments-medicine-support_482257-39805.jpg", imageAlt: "thermometer medical device professional"},
|
||||
{
|
||||
id: "4",
|
||||
name: "BP Monitor Advanced",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-notes-from-her-friend-s-doctor_23-2148944853.jpg",
|
||||
imageAlt: "blood pressure monitor clinic",
|
||||
},
|
||||
id: "4", name: "BP Monitor Advanced", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-notes-from-her-friend-s-doctor_23-2148944853.jpg", imageAlt: "blood pressure monitor clinic"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Surgical Masks 50pc",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/container-with-alcohol-gel-gloves-surgical-mask-light-blue_58702-1111.jpg",
|
||||
imageAlt: "surgical face masks medical",
|
||||
},
|
||||
id: "5", name: "Surgical Masks 50pc", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/container-with-alcohol-gel-gloves-surgical-mask-light-blue_58702-1111.jpg", imageAlt: "surgical face masks medical"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Antiseptic Gel 500ml",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hand-container-with-alcohol-gel-light-blue_58702-1109.jpg",
|
||||
imageAlt: "hand sanitizer bottle professional",
|
||||
},
|
||||
id: "6", name: "Antiseptic Gel 500ml", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/man-hand-container-with-alcohol-gel-light-blue_58702-1109.jpg", imageAlt: "hand sanitizer bottle professional"},
|
||||
]}
|
||||
title="Health Essentials"
|
||||
description="Premium healthcare products at your fingertips."
|
||||
@@ -170,28 +115,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Consultation",
|
||||
description: "Speak with our certified pharmacists for personalized advice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sliced-oranges-with-black-grapes-healthy-life-writing-white-surface-citrus-juice-ripe-fresh-fruit_140725-118121.jpg",
|
||||
imageAlt: "multivitamin supplement bottle medical",
|
||||
},
|
||||
title: "Expert Consultation", description: "Speak with our certified pharmacists for personalized advice.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sliced-oranges-with-black-grapes-healthy-life-writing-white-surface-citrus-juice-ripe-fresh-fruit_140725-118121.jpg", imageAlt: "multivitamin supplement bottle medical"},
|
||||
{
|
||||
title: "Quick Refills",
|
||||
description: "Manage and request refills online in just a few clicks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pills-container-with-blue-background_23-2149870468.jpg",
|
||||
imageAlt: "first aid kit medical box",
|
||||
},
|
||||
title: "Quick Refills", description: "Manage and request refills online in just a few clicks.", imageSrc: "http://img.b2bpic.net/free-photo/pills-container-with-blue-background_23-2149870468.jpg", imageAlt: "first aid kit medical box"},
|
||||
{
|
||||
title: "Local Delivery",
|
||||
description: "Free home delivery for local prescriptions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-water-with-stethoscope_23-2148430043.jpg",
|
||||
imageAlt: "thermometer medical device professional",
|
||||
},
|
||||
title: "Local Delivery", description: "Free home delivery for local prescriptions.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-water-with-stethoscope_23-2148430043.jpg", imageAlt: "thermometer medical device professional"},
|
||||
]}
|
||||
title="Why Choose HealthMed?"
|
||||
description="Experience superior pharmacy services designed for your comfort."
|
||||
@@ -205,20 +139,11 @@ export default function LandingPage() {
|
||||
tag="Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "20+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Satisfied Patients",
|
||||
},
|
||||
id: "m2", value: "50k+", description: "Satisfied Patients"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Certified Products",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Certified Products"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -229,35 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg",
|
||||
imageAlt: "happy customer healthy medical service",
|
||||
},
|
||||
id: "1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg", imageAlt: "happy customer healthy medical service"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pediatrician-giving-bottle-pills-parent-small-kid-with-illness-after-checkup-examination-medic-giving-prescription-medicine-flask-woman-child-helping-with-recovery_482257-40747.jpg",
|
||||
imageAlt: "reliable pharmacy customer smile",
|
||||
},
|
||||
id: "2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/pediatrician-giving-bottle-pills-parent-small-kid-with-illness-after-checkup-examination-medic-giving-prescription-medicine-flask-woman-child-helping-with-recovery_482257-40747.jpg", imageAlt: "reliable pharmacy customer smile"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-doing-his-job_23-2150348251.jpg",
|
||||
imageAlt: "satisfied health customer smiling",
|
||||
},
|
||||
id: "3", name: "Charlie Davis", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-doing-his-job_23-2150348251.jpg", imageAlt: "satisfied health customer smiling"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Prince",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-black-female-doctor-after-consultations-clinic-focus-is-doctor_637285-1160.jpg",
|
||||
imageAlt: "positive health store experience",
|
||||
},
|
||||
id: "4", name: "Diana Prince", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-black-female-doctor-after-consultations-clinic-focus-is-doctor_637285-1160.jpg", imageAlt: "positive health store experience"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan Wright",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineers-coming-with-energy-innovations_23-2148820119.jpg",
|
||||
imageAlt: "professional customer testimonial portrait",
|
||||
},
|
||||
id: "5", name: "Evan Wright", imageSrc: "http://img.b2bpic.net/free-photo/young-engineers-coming-with-energy-innovations_23-2148820119.jpg", imageAlt: "professional customer testimonial portrait"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trust"
|
||||
@@ -270,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept insurance?",
|
||||
content: "Yes, we work with most major insurance providers.",
|
||||
},
|
||||
id: "q1", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I transfer prescriptions?",
|
||||
content: "You can bring your current prescription details to our store.",
|
||||
},
|
||||
id: "q2", title: "How can I transfer prescriptions?", content: "You can bring your current prescription details to our store."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you deliver medication?",
|
||||
content: "Yes, we offer free local delivery within a 5-mile radius.",
|
||||
},
|
||||
id: "q3", title: "Do you deliver medication?", content: "Yes, we offer free local delivery within a 5-mile radius."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -294,8 +190,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Have Questions? Get in Touch."
|
||||
description="Reach out to us today for any health inquiries or medication support."
|
||||
@@ -309,42 +204,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user