Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ff0cb8bfbc | |||
| aa10b01952 | |||
| 57c4c68400 | |||
| 5c37e39b82 | |||
| 584b739133 |
323
src/app/page.tsx
323
src/app/page.tsx
@@ -32,74 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "services" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HealthyCare Pharmacy"
|
||||
brandName="GreenTrust Pharmacy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Neighborhood Wellness Partner"
|
||||
description="Providing quality healthcare and medication with personalized care. Visit us for expert medical advice and genuine supplies."
|
||||
tag="Trusted Pharmacy"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Our Store",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Community Wellness Partner"
|
||||
description="Providing genuine, trusted medical supplies and personalized health consultations. Visit us offline for expert care."
|
||||
tag="GreenTrust Pharmacy"
|
||||
buttons={[{ text: "Visit Our Store", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-checking-medicines-drugstore_259150-57962.jpg",
|
||||
imageAlt: "professional pharmacy interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg",
|
||||
imageAlt: "healthy medical supplies display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-drugstore-employee-helping-senior-person-with-prescription-refill-recommending-pills_482257-135083.jpg",
|
||||
imageAlt: "pharmacy desk bottles medicine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-pharmacy-wearing-coat_1303-26269.jpg",
|
||||
imageAlt: "medical facility interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-people-asking-professional-advice-from-financial-expert_482257-116036.jpg",
|
||||
imageAlt: "health pharmacy supplies display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-taking-medications-from-shelf_1157-42175.jpg",
|
||||
imageAlt: "pharmacy retail store",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-checking-medicines-drugstore_259150-57962.jpg", imageAlt: "Pharmacy interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medicine-pharmaceutics-health-care-people-concept-female-pharmacist-taking-medications-from-shelf_1157-42175.jpg", imageAlt: "Medical supplies" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,182 +60,70 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Services"
|
||||
title="Professional Care & Consultations"
|
||||
description="Our licensed pharmacists are dedicated to providing clear instructions and compassionate care. We ensure every customer understands their prescribed medication."
|
||||
subdescription="In-store consultations available daily from 9:00 AM to 9:00 PM."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-with-sore-throat-asking-pharmacist-pills-cure-pain-woman-showing-medicaments-shelves-consultant-helping-male-client-with-illness-pharmaceutical-healthcare-products_482257-61125.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="pharmacist consultation medical advice"
|
||||
tag="About Us"
|
||||
title="Trusted Offline Selling"
|
||||
description="Our store is founded on trust, transparency, and personal care. We focus on local accessibility to ensure every customer receives professional advice in person."
|
||||
subdescription="Serving our community with integrity since our inception."
|
||||
icon={Activity}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-with-sore-throat-asking-pharmacist-pills-cure-pain-woman-showing-medicaments-shelves-consultant-helping-male-client-with-illness-pharmaceutical-healthcare-products_482257-61125.jpg"
|
||||
imageAlt="Professional medical consultation"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Quality Medical Essentials"
|
||||
description="Explore our curated selection of health supplements, genuine medications, and wellness essentials."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CareHealth",
|
||||
name: "Generic Medicine",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-package-pills_23-2147691504.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BioVit",
|
||||
name: "Vitamin C Supplement",
|
||||
price: "$25.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brain-booster-pills-still-life_23-2150769477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "SafeAid",
|
||||
name: "First Aid Bandages",
|
||||
price: "$10.00",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-medical-still-life-elements_23-2148854053.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "PureGel",
|
||||
name: "Hand Sanitizer",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-using-disinfectant_23-2148814239.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "MediCheck",
|
||||
name: "Digital Thermometer",
|
||||
price: "$30.00",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nurse-holding-typing-tablet-standing-stomatologic-clinic-while-doctor-is-working-with-patient-background-using-monitor-with-chroma-key-izolated-pc-key-mockup-pc-display_482257-13473.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "CoughCare",
|
||||
name: "Relief Syrup",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-scientist-holding-plant-with-tweezers-laboratory_839833-26630.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "GreenTrust", name: "Vitamin C Complex", price: "$19.99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/open-package-pills_23-2147691504.jpg" },
|
||||
{ id: "p2", brand: "Wellness", name: "First Aid Kit", price: "$29.99", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-medical-still-life-elements_23-2148854053.jpg" },
|
||||
{ id: "p3", brand: "Pure", name: "Hand Sanitizer", price: "$4.99", rating: 4, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-using-disinfectant_23-2148814239.jpg" }
|
||||
]}
|
||||
title="Essential Medical Supplies"
|
||||
description="Wide range of genuine medications, health supplements, and medical equipment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Meet Our Staff"
|
||||
description="Our licensed pharmacists and health experts are here to help."
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Senior Pharmacist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Store Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-barista-apron-looks-surprised-points-with-hand-stares-amazed-camera-works_1258-199428.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
role: "Pharmacy Assistant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara Lee",
|
||||
role: "Healthcare Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-doing-his-job_23-2150348137.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. Alice Green", role: "Lead Pharmacist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-doing-his-job_23-2150348137.jpg" },
|
||||
{ id: "t2", name: "Bob Smith", role: "Pharmacy Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-with-stethoscope_23-2149143849.jpg" }
|
||||
]}
|
||||
title="Meet Our Pharmacists"
|
||||
description="Your health is in safe hands with our certified professional team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
description="Community health data."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
title="Community Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Served over 10,000+ local residents.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Products Stocked",
|
||||
description: "Broad inventory for all medical needs.",
|
||||
icon: Box,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Over 15 years in medical service.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Healthy Residents", description: "Served our neighborhood.", icon: Users },
|
||||
{ id: "m2", value: "12k+", title: "Genuine Products", description: "Available in-store.", icon: Box },
|
||||
{ id: "m3", value: "20", title: "Years Service", description: "Dedicated to quality.", icon: Award }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Reliable community healthcare serving thousands of families."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The staff here is incredibly helpful. They always take the time to explain everything about my medications. Highly recommended!"
|
||||
useInvertedBackground={false}
|
||||
testimonial="Finally, a local pharmacy that treats you like family! They always provide clear instructions and genuine products."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-senior-tourist-woman-beach_23-2148620237.jpg",
|
||||
alt: "happy customer healthy smile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expert-african-american-assistant-provide-medical-services-patient_482257-126367.jpg",
|
||||
alt: "customer pharmacy service positive",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-pharmacist-working-drugstore_23-2151684851.jpg",
|
||||
alt: "satisfied pharmacy customer face",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-pharmacist-assisting-senior-woman_329181-19458.jpg",
|
||||
alt: "happy medical store client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-pharmacist-helping-patient_23-2150348171.jpg",
|
||||
alt: "customer happy drugstore service",
|
||||
},
|
||||
]}
|
||||
author="Jane Doe"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-female-pharmacist-working-drugstore_23-2151684851.jpg", alt: "Customer" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -290,85 +131,37 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
description="Frequently asked questions."
|
||||
title="Common In-Store Queries"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a prescription?",
|
||||
content: "Yes, for prescribed medications, please bring your valid doctor's prescription.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you deliver?",
|
||||
content: "We currently focus on offline store sales to ensure quality consultation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "We are open Monday to Sunday, 9:00 AM to 9:00 PM.",
|
||||
},
|
||||
{ id: "f1", title: "Do you focus on local sales?", content: "Yes, we emphasize offline, in-store sales for the highest level of trust and expert service." },
|
||||
{ id: "f2", title: "How do I reach the store?", content: "Visit us during our business hours for personal support and product availability checks." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your medical supply and pharmacy queries."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Visit Our Store Today"
|
||||
description="Stop by our pharmacy for your medication needs or a quick consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit GreenTrust Pharmacy"
|
||||
description="We look forward to serving your healthcare needs locally."
|
||||
buttons={[{ text: "View Location", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="GreenTrust"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-client-navigates-pharmacy-shelves-full-drugs-vitamins-relying-medicaments-boxes_482257-134290.jpg"
|
||||
logoText="HealthyCare"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Prescriptions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | HealthyCare Pharmacy"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "#" }, { label: "Contact", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user