bender/a89f4dbf-3f8c-4551-9793-990a8eb8aab8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-22 12:36:43 +00:00
parent c03597ce9a
commit 60a896d4e3
1 changed files with 141 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

487
src/app/page.tsx
View File

@@ -28,361 +28,156 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="MedEquip Pro"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="MedEquip Pro"
button={{ text: "Request Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="Empowering Excellence in Medical Care"
description="Supplying advanced machinery, hospital furniture, and precision surgical instruments to global healthcare facilities."
buttons={[
{
text: "Request Quote",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-43088.jpg"
imageAlt="modern medical clinic equipment"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "gradient-bars" }}
title="Empowering Excellence in Medical Care"
description="Supplying advanced machinery, hospital furniture, and precision surgical instruments to global healthcare facilities."
buttons={[{ text: "Request Quote", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/shock-wave-therapy-device-with-male-doctor-hands-rubber-gloves_169016-43088.jpg"
imageAlt="modern medical clinic equipment"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Committed to Quality and Compliance"
description="We understand that in medicine, precision is vital. Our products adhere to the highest international safety and performance standards."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "500+",
title: "Hospitals Served",
},
{
value: "100%",
title: "ISO Certified",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-dentist-their-clinic_23-2149206233.jpg"
imageAlt="medical quality compliance"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Committed to Quality and Compliance"
description="We understand that in medicine, precision is vital. Our products adhere to the highest international safety and performance standards."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "500+", title: "Hospitals Served" },
{ value: "100%", title: "ISO Certified" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-dentist-their-clinic_23-2149206233.jpg"
imageAlt="medical quality compliance"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "MedTech",
name: "Imaging X-Ray System",
price: "Contact for pricing",
rating: 5,
reviewCount: "100+",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-patient-getting-ct-scan_23-2149341510.jpg",
},
{
id: "p2",
brand: "BioMonitor",
name: "Patient Monitoring Unit",
price: "Contact for pricing",
rating: 5,
reviewCount: "120+",
imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-using-greenscreen-monitor-cabinet-patient-with-physical-disability-analyzing-blank-mockup-template-with-isolated-copyspace-chromakey-display-tripod-shot_482257-51214.jpg",
},
{
id: "p3",
brand: "CareFurn",
name: "Ergonomic Hospital Bed",
price: "Contact for pricing",
rating: 4,
reviewCount: "80+",
imageSrc: "http://img.b2bpic.net/free-photo/armchair-with-cushion_1203-743.jpg",
},
{
id: "p4",
brand: "Precision",
name: "Surgical Instrument Set",
price: "Contact for pricing",
rating: 5,
reviewCount: "200+",
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744722.jpg",
},
{
id: "p5",
brand: "CarryWell",
name: "Clinical Equipment Cart",
price: "Contact for pricing",
rating: 4,
reviewCount: "90+",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pills-stethoscope-arrangement_23-2149341646.jpg",
},
{
id: "p6",
brand: "EchoPro",
name: "Portable Ultrasound System",
price: "Contact for pricing",
rating: 5,
reviewCount: "150+",
imageSrc: "http://img.b2bpic.net/free-photo/care-diagnoses-illness-research-science-hospital_1291-179.jpg",
},
]}
title="Essential Medical Solutions"
description="A comprehensive range of high-performance medical equipment and hospital furniture."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "MedTech", name: "Imaging X-Ray System", price: "Contact for pricing", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-patient-getting-ct-scan_23-2149341510.jpg" },
{ id: "p2", brand: "BioMonitor", name: "Patient Monitoring Unit", price: "Contact for pricing", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-using-greenscreen-monitor-cabinet-patient-with-physical-disability-analyzing-blank-mockup-template-with-isolated-copyspace-chromakey-display-tripod-shot_482257-51214.jpg" },
{ id: "p3", brand: "CareFurn", name: "Ergonomic Hospital Bed", price: "Contact for pricing", rating: 4, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/armchair-with-cushion_1203-743.jpg" },
{ id: "p4", brand: "Precision", name: "Surgical Instrument Set", price: "Contact for pricing", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744722.jpg" },
{ id: "p5", brand: "CarryWell", name: "Clinical Equipment Cart", price: "Contact for pricing", rating: 4, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pills-stethoscope-arrangement_23-2149341646.jpg" },
{ id: "p6", brand: "EchoPro", name: "Portable Ultrasound System", price: "Contact for pricing", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/care-diagnoses-illness-research-science-hospital_1291-179.jpg" }
]}
title="Essential Medical Solutions"
description="A comprehensive range of high-performance medical equipment and hospital furniture."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Rigorous Certification",
description: "Every device meets strict global medical safety and performance protocols.",
tag: "Trusted",
imageSrc: "http://img.b2bpic.net/free-photo/medical-crutches-couch-used-by-person-with-physical-disability-empty-living-room-with-walking-support-sticks-wheelchair-give-aid-accessibility-transportation_482257-39028.jpg",
},
{
id: "f2",
title: "24/7 Technical Support",
description: "Our experts ensure your medical facilities maintain uptime and operational efficiency.",
tag: "Reliable",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-with-horizontal-green-screen-desk-while-doctor-nurse-talking-medical-team-using-monitor-with-mockup-template-isolated-background-chroma-key_482257-42648.jpg",
},
{
id: "f3",
title: "Global Supply Chain",
description: "Reliable logistics and delivery network for your hospital's critical needs.",
tag: "Efficient",
imageSrc: "http://img.b2bpic.net/free-photo/modern-healthcare-experts-working-with-advanced-technology-generated-by-ai_188544-26158.jpg",
},
]}
title="Why Choose Us"
description="Delivering excellence beyond equipment through dedicated service and global compliance."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Rigorous Certification", description: "Every device meets strict global medical safety and performance protocols.", tag: "Trusted", imageSrc: "http://img.b2bpic.net/free-photo/medical-crutches-couch-used-by-person-with-physical-disability-empty-living-room-with-walking-support-sticks-wheelchair-give-aid-accessibility-transportation_482257-39028.jpg" },
{ id: "f2", title: "24/7 Technical Support", description: "Our experts ensure your medical facilities maintain uptime and operational efficiency.", tag: "Reliable", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-with-horizontal-green-screen-desk-while-doctor-nurse-talking-medical-team-using-monitor-with-mockup-template-isolated-background-chroma-key_482257-42648.jpg" },
{ id: "f3", title: "Global Supply Chain", description: "Reliable logistics and delivery network for your hospital's critical needs.", tag: "Efficient", imageSrc: "http://img.b2bpic.net/free-photo/modern-healthcare-experts-working-with-advanced-technology-generated-by-ai_188544-26158.jpg" }
]}
title="Why Choose Us"
description="Delivering excellence beyond equipment through dedicated service and global compliance."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15,000",
title: "Machines Installed",
description: "Across world-class healthcare centers.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-featuring-modern-equipment-vitamins_482257-126492.jpg",
},
{
id: "m2",
value: "99.9%",
title: "System Reliability",
description: "Proven performance in critical environments.",
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621097.jpg",
},
{
id: "m3",
value: "24/7",
title: "Service Access",
description: "Always here to support our clients.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644078.jpg",
},
]}
title="By The Numbers"
description="Our impact on clinical excellence globally."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15,000", title: "Machines Installed", description: "Across world-class healthcare centers.", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-featuring-modern-equipment-vitamins_482257-126492.jpg" },
{ id: "m2", value: "99.9%", title: "System Reliability", description: "Proven performance in critical environments.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-hospital-health-care-illustration_23-2151621097.jpg" },
{ id: "m3", value: "24/7", title: "Service Access", description: "Always here to support our clients.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-hospital-healthcare-scene_23-2151644078.jpg" }
]}
title="By The Numbers"
description="Our impact on clinical excellence globally."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Dr. Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-with-arms-crossed_23-2148501022.jpg",
},
{
id: "t2",
name: "James Henderson",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-hospital-premises_107420-84762.jpg",
},
{
id: "t3",
name: "Dr. Elena Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-lab-coat_23-2152005920.jpg",
},
{
id: "t4",
name: "Mark Thornton",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-doctor-physician-appointment-looking-happy-confident-wearing-white-coat-ste_1258-120098.jpg",
},
{
id: "t5",
name: "Dr. Lisa Wong",
imageSrc: "http://img.b2bpic.net/free-photo/covid-coronavirus-outbreak-healthcare-workers-pandemic-concept-relieved-excited-male-doctor-chan_1258-107946.jpg",
},
]}
cardTitle="Trusted by Healthcare Leaders"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Dr. Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/male-nurse-with-arms-crossed_23-2148501022.jpg" },
{ id: "t2", name: "James Henderson", imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-hospital-premises_107420-84762.jpg" },
{ id: "t3", name: "Dr. Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/doctor-lab-coat_23-2152005920.jpg" },
{ id: "t4", name: "Mark Thornton", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-doctor-physician-appointment-looking-happy-confident-wearing-white-coat-ste_1258-120098.jpg" },
{ id: "t5", name: "Dr. Lisa Wong", imageSrc: "http://img.b2bpic.net/free-photo/covid-coronavirus-outbreak-healthcare-workers-pandemic-concept-relieved-excited-male-doctor-chan_1258-107946.jpg" }
]}
cardTitle="Trusted by Healthcare Leaders"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you provide installation services?",
content: "Yes, we provide full on-site installation and staff training for all machinery.",
},
{
id: "q2",
title: "Are all products ISO certified?",
content: "Yes, every product we supply is certified to international medical safety standards.",
},
{
id: "q3",
title: "How do I request a formal quote?",
content: "Simply fill out our contact form and our sales team will get back to you promptly.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/scientist-analyzing-blood-sample-vacutainer-with-researching-team-looking-through-microscope_482257-8521.jpg"
title="Questions Answered"
description="Get clarity on our products, compliance, and support services."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you provide installation services?", content: "Yes, we provide full on-site installation and staff training for all machinery." },
{ id: "q2", title: "Are all products ISO certified?", content: "Yes, every product we supply is certified to international medical safety standards." },
{ id: "q3", title: "How do I request a formal quote?", content: "Simply fill out our contact form and our sales team will get back to you promptly." }
]}
imageSrc="http://img.b2bpic.net/free-photo/scientist-analyzing-blood-sample-vacutainer-with-researching-team-looking-through-microscope_482257-8521.jpg"
title="Questions Answered"
description="Get clarity on our products, compliance, and support services."
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Request a Quote"
description="Contact our B2B team to discuss your facility needs."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{
name: "company",
type: "text",
placeholder: "Company/Clinic Name",
},
]}
textarea={{
name: "message",
placeholder: "Requirements...",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-white-couch-coffee-table_188544-18668.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Request a Quote"
description="Contact our B2B team to discuss your facility needs."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
{ name: "company", type: "text", placeholder: "Company/Clinic Name" }
]}
textarea={{ name: "message", placeholder: "Requirements...", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-white-couch-coffee-table_188544-18668.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-hospital-office-room-equipped-with-medical-professional-equipment-ready-patient-consultation-computer-standing-table-having-human-body-skeleton-screen-medicine-concept_482257-38412.jpg"
logoText="MedEquip Pro"
columns={[
{
title: "Products",
items: [
{
label: "Diagnostic Imaging",
href: "#products",
},
{
label: "Patient Monitors",
href: "#products",
},
{
label: "Hospital Furniture",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "24/7 Technical Support",
href: "#",
},
{
label: "Compliance",
href: "#",
},
{
label: "Request Quote",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-hospital-office-room-equipped-with-medical-professional-equipment-ready-patient-consultation-computer-standing-table-having-human-body-skeleton-screen-medicine-concept_482257-38412.jpg"
logoText="MedEquip Pro"
columns={[
{ title: "Products", items: [{ label: "Diagnostic Imaging", href: "#products" }, { label: "Patient Monitors", href: "#products" }, { label: "Hospital Furniture", href: "#products" }] },
{ title: "Support", items: [{ label: "24/7 Technical Support", href: "#" }, { label: "Compliance", href: "#" }, { label: "Request Quote", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}