258 lines
14 KiB
TypeScript
258 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Shield, Pill, Truck, Users, CheckCircle, Award, MapPin, TrendingUp, Star } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Distribution", id: "distribution" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Products", href: "/products" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ 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: "/contact" },
|
|
{ label: "Careers", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Addis Ababa Office", href: "/contact" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Email: info@pylontrading.et", href: "/contact" },
|
|
{ label: "Phone: +251 11 XXX XXXX", href: "/contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={navItems}
|
|
brandName="Pylon Trading"
|
|
button={{
|
|
text: "Request a Quote", href: "/contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Reliable Pharmaceutical Supply for Ethiopian Healthcare"
|
|
description="Pylon Trading PLC delivers high-quality medicines, medical supplies, and healthcare products to hospitals, pharmacies, and clinics nationwide. Trusted by healthcare institutions for safe, affordable, and dependable distribution."
|
|
tag="Ethiopia's Trusted Pharmaceutical Partner"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{
|
|
text: "Request a Quote", 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/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}
|
|
ratingText="Trusted by 250+ healthcare institutions across Ethiopia"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Pylon Trading PLC - Established Expertise in Pharmaceutical Distribution"
|
|
metrics={[
|
|
{
|
|
icon: Pill,
|
|
label: "Product Categories", value: "500+"},
|
|
{
|
|
icon: Truck,
|
|
label: "Distribution Points", value: "30+"},
|
|
{
|
|
icon: Users,
|
|
label: "Healthcare Partners", value: "250+"},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Regulatory Compliance", value: "100%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Comprehensive Pharmaceutical Product Categories"
|
|
description="We supply a complete range of pharmaceutical products certified for safety and quality. From prescription medications to over-the-counter remedies, all products meet international standards and Ethiopian regulatory requirements."
|
|
tag="Quality Assured"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
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: "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: "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"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="distribution" data-section="distribution">
|
|
<FeatureCardMedia
|
|
title="Distribution & Logistics Excellence"
|
|
description="Our nationwide distribution network ensures timely delivery to healthcare facilities across Ethiopia. We maintain cold chain management, secure storage, and transparent tracking for all pharmaceutical shipments."
|
|
tag="Nationwide Coverage"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
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: "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"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Proven Track Record of Healthcare Excellence"
|
|
description="Our commitment to reliability, quality, and service excellence has earned the trust of Ethiopia's leading healthcare institutions. These metrics reflect our operational impact."
|
|
tag="Industry Leading"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "on-time", value: "99.2%", description: "On-Time Delivery Rate"},
|
|
{
|
|
id: "stock-accuracy", value: "99.8%", description: "Inventory Accuracy"},
|
|
{
|
|
id: "customer-satisfaction", value: "4.9/5", description: "Average Partner Rating"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Healthcare Partners Trust Pylon Trading"
|
|
description="Institutions across Ethiopia rely on our pharmaceutical expertise, logistics reliability, and professional service. Here's what healthcare leaders say about partnering with us."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
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: "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: "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: "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: "250+", label: "Healthcare Partners"},
|
|
{
|
|
value: "98%", label: "Customer Retention"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Pylon Trading PLC"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |