Merge version_1 into main #2
306
src/app/page.tsx
306
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="PharmaSupply"
|
||||
/>
|
||||
@@ -52,87 +40,37 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Streamlined Pharmaceutical Distribution"
|
||||
description="The simplest platform for wholesale medicine distributors to connect, manage stock, and fulfill orders with unmatched efficiency."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/isolated-green-screen-laptop-fintech-monthly-reports-ensuring-strategy_482257-136143.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/isolated-green-screen-laptop-fintech-monthly-reports-ensuring-strategy_482257-136143.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "Portrait of man in black suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Young Businesswoman Portrait in Office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "Portrait of a young female dentist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Closeup of Confident Asian Man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152403.jpg",
|
||||
alt: "Medium shot woman working as a lawyer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Portrait of man in black suit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Young Businesswoman Portrait in Office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Portrait of a young female dentist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Closeup of Confident Asian Man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152403.jpg", alt: "Medium shot woman working as a lawyer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Sync",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bulk Ordering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Billing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Compliance",
|
||||
},
|
||||
{ type: "text", text: "Real-time Sync" },
|
||||
{ type: "text", text: "Verified Logistics" },
|
||||
{ type: "text", text: "Bulk Ordering" },
|
||||
{ type: "text", text: "Automated Billing" },
|
||||
{ type: "text", text: "Secure Compliance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual stock tracking",
|
||||
"Slow ordering process",
|
||||
"Unreliable logistics chains",
|
||||
"Complex order forms",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time inventory sync",
|
||||
"One-click bulk ordering",
|
||||
"Verified logistical tracking",
|
||||
"Simple automated invoicing",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Manual stock tracking", "Slow ordering process", "Unreliable logistics chains", "Complex order forms"] }}
|
||||
positiveCard={{ items: ["Real-time inventory sync", "One-click bulk ordering", "Verified logistical tracking", "Simple automated invoicing"] }}
|
||||
title="Why Choose PharmaSupply?"
|
||||
description="Simplify your distribution workflow with features tailored for high-volume medicine trading."
|
||||
/>
|
||||
@@ -145,42 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Analgesic Pack",
|
||||
price: "$120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vials-medicine-arrangement_23-2149341594.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Antibiotic Vials",
|
||||
price: "$85.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pharmacist-work_23-2150348168.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Standard Aspirin",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-counting-covid-vaccines_23-2148747825.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vitamin Complex",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packings-pills-capsules-medicines_1339-2415.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anti-Inflammatory",
|
||||
price: "$90.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-stainless-steel-syringe-otoscope-medical-equipment-s-wooden-desk_23-2148050563.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "First Aid Kit Pro",
|
||||
price: "$210.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills-box-arrangement_23-2149870435.jpg",
|
||||
},
|
||||
{ id: "1", name: "Analgesic Pack", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/view-vials-medicine-arrangement_23-2149341594.jpg" },
|
||||
{ id: "2", name: "Antibiotic Vials", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pharmacist-work_23-2150348168.jpg" },
|
||||
{ id: "3", name: "Standard Aspirin", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-counting-covid-vaccines_23-2148747825.jpg" },
|
||||
{ id: "4", name: "Vitamin Complex", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/packings-pills-capsules-medicines_1339-2415.jpg" },
|
||||
{ id: "5", name: "Anti-Inflammatory", price: "$90.00", imageSrc: "http://img.b2bpic.net/free-photo/vintage-stainless-steel-syringe-otoscope-medical-equipment-s-wooden-desk_23-2148050563.jpg" },
|
||||
{ id: "6", name: "First Aid Kit Pro", price: "$210.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills-box-arrangement_23-2149870435.jpg" },
|
||||
]}
|
||||
title="Top Wholesale Products"
|
||||
description="Browse our catalog of essential medications and pharmaceutical supplies ready for rapid distribution."
|
||||
@@ -193,36 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Distributors Joined",
|
||||
items: [
|
||||
"Verified partners",
|
||||
"Global reach",
|
||||
"Industry leader",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Order Accuracy",
|
||||
items: [
|
||||
"Perfect fulfillment",
|
||||
"Reliable tracking",
|
||||
"Zero errors",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Avg Delivery",
|
||||
items: [
|
||||
"Rapid dispatch",
|
||||
"Logistics speed",
|
||||
"Reliability first",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Distributors Joined", items: ["Verified partners", "Global reach", "Industry leader"] },
|
||||
{ id: "m2", value: "99.9%", title: "Order Accuracy", items: ["Perfect fulfillment", "Reliable tracking", "Zero errors"] },
|
||||
{ id: "m3", value: "24h", title: "Avg Delivery", items: ["Rapid dispatch", "Logistics speed", "Reliability first"] },
|
||||
]}
|
||||
title="Verified Performance"
|
||||
description="Trusted by distributors across the nation for speed, accuracy, and reliability."
|
||||
@@ -234,61 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah",
|
||||
date: "Jan 2025",
|
||||
title: "Head of Procurement",
|
||||
quote: "The simplest medicine distribution method I have used. Highly recommended.",
|
||||
tag: "Verified User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-green-screen-laptop-fintech-monthly-reports-ensuring-strategy_482257-136143.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Dec 2024",
|
||||
title: "Chief Pharmacist",
|
||||
quote: "Seamless ordering, reduced my inventory workload by half.",
|
||||
tag: "Verified User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vials-medicine-arrangement_23-2149341594.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Nov 2024",
|
||||
title: "Wholesale Owner",
|
||||
quote: "Fantastic software that brings efficiency back to pharma wholesale.",
|
||||
tag: "Verified User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600147.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pharmacist-work_23-2150348168.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2024",
|
||||
title: "Logistics Lead",
|
||||
quote: "The dashboard is intuitive and powerful. Exactly what we needed.",
|
||||
tag: "Verified User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-counting-covid-vaccines_23-2148747825.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
date: "Sept 2024",
|
||||
title: "Distributor Manager",
|
||||
quote: "PharmaSupply transformed our operations in under a month.",
|
||||
tag: "Verified User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packings-pills-capsules-medicines_1339-2415.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait",
|
||||
},
|
||||
{ id: "1", name: "Dr. Sarah", date: "Jan 2025", title: "Head of Procurement", quote: "The simplest medicine distribution method I have used. Highly recommended.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", imageSrc: "http://img.b2bpic.net/free-photo/isolated-green-screen-laptop-fintech-monthly-reports-ensuring-strategy_482257-136143.jpg", imageAlt: "professional headshot portrait" },
|
||||
{ id: "2", name: "Michael Chen", date: "Dec 2024", title: "Chief Pharmacist", quote: "Seamless ordering, reduced my inventory workload by half.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-vials-medicine-arrangement_23-2149341594.jpg", imageAlt: "professional headshot portrait" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "Nov 2024", title: "Wholesale Owner", quote: "Fantastic software that brings efficiency back to pharma wholesale.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600147.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pharmacist-work_23-2150348168.jpg", imageAlt: "professional headshot portrait" },
|
||||
{ id: "4", name: "David Kim", date: "Oct 2024", title: "Logistics Lead", quote: "The dashboard is intuitive and powerful. Exactly what we needed.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-counting-covid-vaccines_23-2148747825.jpg", imageAlt: "professional headshot portrait" },
|
||||
{ id: "5", name: "Anna Smith", date: "Sept 2024", title: "Distributor Manager", quote: "PharmaSupply transformed our operations in under a month.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg", imageSrc: "http://img.b2bpic.net/free-photo/packings-pills-capsules-medicines_1339-2415.jpg", imageAlt: "professional headshot portrait" },
|
||||
]}
|
||||
title="Trusted by the Industry"
|
||||
description="Hear what fellow distributors and pharmacies say about the PharmaSupply system."
|
||||
@@ -301,30 +132,11 @@ export default function LandingPage() {
|
||||
title="Start Selling Today"
|
||||
description="Get in touch to join our network of pharmaceutical wholesale distributors."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your requirements",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your requirements", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shelves-with-medicines-pharmacy_1161-230.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -332,45 +144,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "About", href: "#" }, { label: "Features", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
logoText="PharmaSupply"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user