Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -26,32 +26,32 @@ export default function HomePage() {
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Products", href: "/" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Product Categories", href: "/" },
|
||||
{ label: "Distribution Network", href: "/" },
|
||||
{ label: "Quality Assurance", href: "/" },
|
||||
{ label: "Compliance", href: "/" },
|
||||
{ label: "Product Categories", href: "/products" },
|
||||
{ label: "Distribution Network", href: "/products" },
|
||||
{ label: "Quality Assurance", href: "/products" },
|
||||
{ label: "Compliance", href: "/products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Partnership Inquiries", href: "/contact" },
|
||||
{ label: "Support", href: "/contact" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Careers", href: "/" },
|
||||
{ label: "FAQ", href: "/contact" },
|
||||
{ label: "Careers", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Addis Ababa Office", href: "/" },
|
||||
{ label: "Addis Ababa Office", href: "/contact" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Email: info@pylontrading.et", href: "/" },
|
||||
{ label: "Phone: +251 11 XXX XXXX", href: "/" },
|
||||
{ label: "Email: info@pylontrading.et", href: "/contact" },
|
||||
{ label: "Phone: +251 11 XXX XXXX", href: "/contact" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -74,9 +74,7 @@ export default function HomePage() {
|
||||
navItems={navItems}
|
||||
brandName="Pylon Trading"
|
||||
button={{
|
||||
text: "Request a Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Request a Quote", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,24 +88,16 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request a Quote", href: "/contact"},
|
||||
{
|
||||
text: "Partner With Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Partner With Us", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-7842.jpg",
|
||||
imageAlt: "Professional pharmacy medicine cabinet with organized pharmaceutical products",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-7842.jpg", imageAlt: "Professional pharmacy medicine cabinet with organized pharmaceutical products"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-female-paramedic-face-protective-medical-mask-standing-front-ambulance-car_627829-4899.jpg",
|
||||
imageAlt: "Healthcare delivery van distributing medicines to medical facilities",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-female-paramedic-face-protective-medical-mask-standing-front-ambulance-car_627829-4899.jpg", imageAlt: "Healthcare delivery van distributing medicines to medical facilities"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -121,24 +111,16 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Pill,
|
||||
label: "Product Categories",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Product Categories", value: "500+"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Distribution Points",
|
||||
value: "30+",
|
||||
},
|
||||
label: "Distribution Points", value: "30+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Healthcare Partners",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Healthcare Partners", value: "250+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Regulatory Compliance",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Regulatory Compliance", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -154,44 +136,18 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Catalog",
|
||||
href: "/",
|
||||
},
|
||||
text: "View Full Catalog", href: "/products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "antibiotics",
|
||||
name: "Antibiotics & Anti-Infectives",
|
||||
price: "Licensed & Certified",
|
||||
variant: "Broad-spectrum coverage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643887.jpg?_wi=1",
|
||||
imageAlt: "Antibiotic medication bottles and packaging",
|
||||
},
|
||||
id: "antibiotics", name: "Antibiotics & Anti-Infectives", price: "Licensed & Certified", variant: "Broad-spectrum coverage", imageSrc: "http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643887.jpg?_wi=1", imageAlt: "Antibiotic medication bottles and packaging"},
|
||||
{
|
||||
id: "vitamins",
|
||||
name: "Vitamins & Supplements",
|
||||
price: "Premium Quality",
|
||||
variant: "All ages supported",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150689697.jpg?_wi=1",
|
||||
imageAlt: "Vitamin bottles and nutritional supplements",
|
||||
},
|
||||
id: "vitamins", name: "Vitamins & Supplements", price: "Premium Quality", variant: "All ages supported", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150689697.jpg?_wi=1", imageAlt: "Vitamin bottles and nutritional supplements"},
|
||||
{
|
||||
id: "chronic",
|
||||
name: "Chronic Disease Management",
|
||||
price: "Evidence-Based",
|
||||
variant: "Hypertension, Diabetes, more",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-giving-effervescent-vitamin-patient-medical-office_482257-124337.jpg?_wi=1",
|
||||
imageAlt: "Chronic disease medication packages",
|
||||
},
|
||||
id: "chronic", name: "Chronic Disease Management", price: "Evidence-Based", variant: "Hypertension, Diabetes, more", imageSrc: "http://img.b2bpic.net/free-photo/specialist-giving-effervescent-vitamin-patient-medical-office_482257-124337.jpg?_wi=1", imageAlt: "Chronic disease medication packages"},
|
||||
{
|
||||
id: "paediatric",
|
||||
name: "Paediatric Formulations",
|
||||
price: "Safety Certified",
|
||||
variant: "Child-safe dosages",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-medical-template_23-2149860063.jpg?_wi=1",
|
||||
imageAlt: "Pediatric medication formulations",
|
||||
},
|
||||
id: "paediatric", name: "Paediatric Formulations", price: "Safety Certified", variant: "Child-safe dosages", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-medical-template_23-2149860063.jpg?_wi=1", imageAlt: "Pediatric medication formulations"},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
@@ -209,36 +165,16 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Network",
|
||||
href: "/",
|
||||
},
|
||||
text: "Learn About Our Network", href: "/products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "cold-chain",
|
||||
title: "Temperature-Controlled Logistics",
|
||||
description: "Maintains strict cold chain management for temperature-sensitive pharmaceuticals from warehouse to healthcare facility.",
|
||||
tag: "Quality Control",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-cheese-factory-switzerland-typical-italian-cheese-parmigiano-reggiano-thousands-forms-parmigiano-reggiano-largest-parmesan-cheese-storage-forms-cheese-ripening_645730-354.jpg?_wi=1",
|
||||
imageAlt: "Temperature-controlled pharmaceutical storage facility",
|
||||
},
|
||||
id: "cold-chain", title: "Temperature-Controlled Logistics", description: "Maintains strict cold chain management for temperature-sensitive pharmaceuticals from warehouse to healthcare facility.", tag: "Quality Control", imageSrc: "http://img.b2bpic.net/free-photo/photo-cheese-factory-switzerland-typical-italian-cheese-parmigiano-reggiano-thousands-forms-parmigiano-reggiano-largest-parmesan-cheese-storage-forms-cheese-ripening_645730-354.jpg?_wi=1", imageAlt: "Temperature-controlled pharmaceutical storage facility"},
|
||||
{
|
||||
id: "tracking",
|
||||
title: "Real-Time Shipment Tracking",
|
||||
description: "Healthcare institutions receive full visibility into their orders with real-time GPS tracking and delivery confirmation.",
|
||||
tag: "Transparency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg?_wi=1",
|
||||
imageAlt: "Digital tracking system interface for pharmaceutical shipments",
|
||||
},
|
||||
id: "tracking", title: "Real-Time Shipment Tracking", description: "Healthcare institutions receive full visibility into their orders with real-time GPS tracking and delivery confirmation.", tag: "Transparency", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg?_wi=1", imageAlt: "Digital tracking system interface for pharmaceutical shipments"},
|
||||
{
|
||||
id: "emergency",
|
||||
title: "Emergency Supply Services",
|
||||
description: "Priority expedited delivery for urgent pharmaceutical needs. We maintain buffer stock of critical medications for rapid response.",
|
||||
tag: "24/7 Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-volunteer-going-through-checklist-while-working-charitable-foundation_637285-10743.jpg?_wi=1",
|
||||
imageAlt: "Emergency pharmaceutical delivery vehicle",
|
||||
},
|
||||
id: "emergency", title: "Emergency Supply Services", description: "Priority expedited delivery for urgent pharmaceutical needs. We maintain buffer stock of critical medications for rapid response.", tag: "24/7 Available", imageSrc: "http://img.b2bpic.net/free-photo/closeup-volunteer-going-through-checklist-while-working-charitable-foundation_637285-10743.jpg?_wi=1", imageAlt: "Emergency pharmaceutical delivery vehicle"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -256,20 +192,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "on-time",
|
||||
value: "99.2%",
|
||||
description: "On-Time Delivery Rate",
|
||||
},
|
||||
id: "on-time", value: "99.2%", description: "On-Time Delivery Rate"},
|
||||
{
|
||||
id: "stock-accuracy",
|
||||
value: "99.8%",
|
||||
description: "Inventory Accuracy",
|
||||
},
|
||||
id: "stock-accuracy", value: "99.8%", description: "Inventory Accuracy"},
|
||||
{
|
||||
id: "customer-satisfaction",
|
||||
value: "4.9/5",
|
||||
description: "Average Partner Rating",
|
||||
},
|
||||
id: "customer-satisfaction", value: "4.9/5", description: "Average Partner Rating"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -287,67 +214,31 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Abebe Getnet",
|
||||
role: "Procurement Director",
|
||||
company: "St. Paul Hospital, Addis Ababa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Dr. Abebe Getnet", role: "Procurement Director", company: "St. Paul Hospital, Addis Ababa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-doctor-with-uniform-using-laptop-cabinet-working-checkup-appointments-desk-health-specialist-with-stethoscope-helping-with-prescription-medicine-treatment_482257-39448.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Almaz Tadesse",
|
||||
role: "Pharmacy Manager",
|
||||
company: "City Clinic Network",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-writing-receipt-book_114579-14165.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Almaz Tadesse", role: "Pharmacy Manager", company: "City Clinic Network", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-writing-receipt-book_114579-14165.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Yared Kebede",
|
||||
role: "Supply Chain Manager",
|
||||
company: "Regional Medical Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886812.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Yared Kebede", role: "Supply Chain Manager", company: "Regional Medical Center", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886812.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dr. Marta Habtamu",
|
||||
role: "Hospital Administrator",
|
||||
company: "Mercy Health Facilities",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-desk-looking-camera_23-2148285720.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Dr. Marta Habtamu", role: "Hospital Administrator", company: "Mercy Health Facilities", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-desk-looking-camera_23-2148285720.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tekle Worku",
|
||||
role: "Operations Manager",
|
||||
company: "Addis Pharmacy Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "Tekle Worku", role: "Operations Manager", company: "Addis Pharmacy Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg?_wi=1"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dr. Hirut Lemma",
|
||||
role: "Clinical Director",
|
||||
company: "Ethiopian Health Foundation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg?_wi=1",
|
||||
},
|
||||
id: "6", name: "Dr. Hirut Lemma", role: "Clinical Director", company: "Ethiopian Health Foundation", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg?_wi=1"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15+ Years",
|
||||
label: "Industry Experience",
|
||||
},
|
||||
value: "15+ Years", label: "Industry Experience"},
|
||||
{
|
||||
value: "250+",
|
||||
label: "Healthcare Partners",
|
||||
},
|
||||
value: "250+", label: "Healthcare Partners"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Customer Retention",
|
||||
},
|
||||
value: "98%", label: "Customer Retention"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
|
||||
Reference in New Issue
Block a user