Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-06 06:43:05 +00:00

View File

@@ -34,107 +34,68 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Careers",
id: "#careers",
},
name: "Careers", id: "#careers"},
{
name: "Responsibility",
id: "#responsibility",
},
name: "Responsibility", id: "#responsibility"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Johnson & Johnson"
bottomLeftText="Global Community"
bottomRightText="info@jnj.com"
button={{
text: "Innovate With Us",
href: "#contact",
}}
text: "Innovate With Us", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Driving Health Innovation Forward"
description="For over a century, Johnson & Johnson has been at the forefront of healthcare, delivering innovative solutions that impact lives worldwide."
buttons={[
{
text: "Explore Our Impact",
href: "#about",
},
text: "Explore Our Impact", href: "#about"},
{
text: "Our Products",
href: "#products",
},
text: "Our Products", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/chemist-using-touchpad_1098-19771.jpg"
imageAlt="Diverse group of scientists and healthcare professionals collaborating in a modern lab."
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829903.jpg",
alt: "Healthcare professional smiling",
},
src: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829903.jpg", alt: "Healthcare professional smiling"},
{
src: "http://img.b2bpic.net/free-photo/physician-researcher-dropping-liquid-medical-glassware-using-micropipette-analyzing-coronavirus-vaccine-expertise-biologist-specialist-doctor-working-pharmacology-hospital-laboratory_482257-26491.jpg",
alt: "Medical researcher in lab",
},
src: "http://img.b2bpic.net/free-photo/physician-researcher-dropping-liquid-medical-glassware-using-micropipette-analyzing-coronavirus-vaccine-expertise-biologist-specialist-doctor-working-pharmacology-hospital-laboratory_482257-26491.jpg", alt: "Medical researcher in lab"},
{
src: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
alt: "Patient happily engaging",
},
src: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg", alt: "Patient happily engaging"},
{
src: "http://img.b2bpic.net/free-photo/black-woman-serving-meals-underprivileged-community-outreach-event-charity-workers-food-drive-distributing-nutritious-foods-essentials-poor-homeless-side-view-tripod-shot_482257-70842.jpg",
alt: "Community health worker",
},
src: "http://img.b2bpic.net/free-photo/black-woman-serving-meals-underprivileged-community-outreach-event-charity-workers-food-drive-distributing-nutritious-foods-essentials-poor-homeless-side-view-tripod-shot_482257-70842.jpg", alt: "Community health worker"},
{
src: "http://img.b2bpic.net/free-photo/doctor-writing-medical-instructions_482257-119176.jpg",
alt: "Doctor consulting",
},
src: "http://img.b2bpic.net/free-photo/doctor-writing-medical-instructions_482257-119176.jpg", alt: "Doctor consulting"},
]}
avatarText="Trusted by millions worldwide"
marqueeItems={[
{
type: "text",
text: "Innovation in Healthcare",
type: "text", text: "Innovation in Healthcare"},
{
type: "text-icon", text: "Global Reach", icon: Globe,
},
{
type: "text-icon",
text: "Global Reach",
icon: Globe,
type: "text", text: "Pioneering Research"},
{
type: "text-icon", text: "Patient-Centric", icon: Heart,
},
{
type: "text",
text: "Pioneering Research",
},
{
type: "text-icon",
text: "Patient-Centric",
icon: Heart,
},
{
type: "text",
text: "Sustainable Solutions",
},
type: "text", text: "Sustainable Solutions"},
]}
/>
</div>
@@ -146,22 +107,16 @@ export default function LandingPage() {
description="At Johnson & Johnson, we blend compassion with scientific rigor to address humanity's greatest health challenges. Our commitment to innovation has shaped global health for generations."
metrics={[
{
value: "135+",
title: "Years of Innovation",
},
value: "135+", title: "Years of Innovation"},
{
value: "200+",
title: "Countries Served",
},
value: "200+", title: "Countries Served"},
{
value: "$12B+",
title: "Annual R&D Investment",
},
value: "$12B+", title: "Annual R&D Investment"},
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224190.jpg"
imageAlt="Healthcare professionals interacting with diverse patients in a modern clinic."
mediaAnimation="slide-up"
metricsAnimation="reveal-blur"
metricsAnimation="blur-reveal"
/>
</div>
@@ -172,44 +127,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "consumer",
title: "Consumer Health",
author: "Everyday Wellness",
description: "Empowering people to live healthier lives through science-backed, trusted products.",
tags: [
"Self-Care",
"Wellness",
"Nutrition",
],
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316339.jpg",
imageAlt: "Happy family using Johnson & Johnson consumer health products.",
},
id: "consumer", title: "Consumer Health", author: "Everyday Wellness", description: "Empowering people to live healthier lives through science-backed, trusted products.", tags: [
"Self-Care", "Wellness", "Nutrition"],
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316339.jpg", imageAlt: "Happy family using Johnson & Johnson consumer health products."},
{
id: "pharma",
title: "Pharmaceuticals",
author: "Breakthrough Medicines",
description: "Developing innovative treatments for complex diseases, improving patient outcomes globally.",
tags: [
"Therapeutics",
"Biotech",
"R&D",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laboratory-samples-arrangement_23-2151135013.jpg",
imageAlt: "Scientists working on pharmaceutical research in a modern laboratory.",
},
id: "pharma", title: "Pharmaceuticals", author: "Breakthrough Medicines", description: "Developing innovative treatments for complex diseases, improving patient outcomes globally.", tags: [
"Therapeutics", "Biotech", "R&D"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laboratory-samples-arrangement_23-2151135013.jpg", imageAlt: "Scientists working on pharmaceutical research in a modern laboratory."},
{
id: "medtech",
title: "Medical Technologies",
author: "Advanced Surgical Care",
description: "Revolutionizing surgery and medical procedures with advanced devices and digital solutions.",
tags: [
"Surgery",
"Devices",
"Digital Health",
],
imageSrc: "http://img.b2bpic.net/free-photo/anesthesiologist-keeping-track-vital-functions-body-cardiac-surgery-surgeon-looking-medical-monitor-surgery-doctor-checking-monitor-patient-health-status_657921-81.jpg",
imageAlt: "Surgical tools laid out in a sterile operating room.",
},
id: "medtech", title: "Medical Technologies", author: "Advanced Surgical Care", description: "Revolutionizing surgery and medical procedures with advanced devices and digital solutions.", tags: [
"Surgery", "Devices", "Digital Health"],
imageSrc: "http://img.b2bpic.net/free-photo/anesthesiologist-keeping-track-vital-functions-body-cardiac-surgery-surgeon-looking-medical-monitor-surgery-doctor-checking-monitor-patient-health-status_657921-81.jpg", imageAlt: "Surgical tools laid out in a sterile operating room."},
]}
title="Transforming Health Across Three Segments"
description="From consumer health products to cutting-edge pharmaceuticals and medical technologies, we offer diverse solutions for every stage of life."
@@ -224,65 +152,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "BAND-AID®",
name: "Adhesive Bandages",
price: "$5.99",
rating: 5,
reviewCount: "1.2K",
imageSrc: "http://img.b2bpic.net/free-photo/medical-equipment_23-2148108959.jpg",
imageAlt: "Box of BAND-AID® adhesive bandages.",
},
id: "p1", brand: "BAND-AID®", name: "Adhesive Bandages", price: "$5.99", rating: 5,
reviewCount: "1.2K", imageSrc: "http://img.b2bpic.net/free-photo/medical-equipment_23-2148108959.jpg", imageAlt: "Box of BAND-AID® adhesive bandages."},
{
id: "p2",
brand: "TYLENOL®",
name: "Extra Strength Caplets",
price: "$12.50",
rating: 4,
reviewCount: "800",
imageSrc: "http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643908.jpg",
imageAlt: "Bottle of TYLENOL® Extra Strength Caplets.",
},
id: "p2", brand: "TYLENOL®", name: "Extra Strength Caplets", price: "$12.50", rating: 4,
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/pill-box-arrangement-still-life_23-2149643908.jpg", imageAlt: "Bottle of TYLENOL® Extra Strength Caplets."},
{
id: "p3",
brand: "ACUVUE®",
name: "OASYS 1-Day Contact Lenses",
price: "$65.00",
rating: 5,
reviewCount: "2.5K",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-optics-concept-with-copy-space_23-2148320333.jpg",
imageAlt: "Package of ACUVUE® OASYS 1-Day Contact Lenses.",
},
id: "p3", brand: "ACUVUE®", name: "OASYS 1-Day Contact Lenses", price: "$65.00", rating: 5,
reviewCount: "2.5K", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-optics-concept-with-copy-space_23-2148320333.jpg", imageAlt: "Package of ACUVUE® OASYS 1-Day Contact Lenses."},
{
id: "p4",
brand: "ETHICON®",
name: "Surgical Sutures",
price: "$199.00",
rating: 4,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-choosing-surgical-equipment_23-2149372327.jpg",
imageAlt: "Ethicon surgical sutures and tools.",
},
id: "p4", brand: "ETHICON®", name: "Surgical Sutures", price: "$199.00", rating: 4,
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/doctor-choosing-surgical-equipment_23-2149372327.jpg", imageAlt: "Ethicon surgical sutures and tools."},
{
id: "p5",
brand: "JOHNSON'S®",
name: "Baby Lotion",
price: "$7.25",
rating: 5,
reviewCount: "3.1K",
imageSrc: "http://img.b2bpic.net/free-photo/sunhat-sunscreen-bottle-rake-shovel-toy-against-colored-backdrop_23-2148154013.jpg",
imageAlt: "Bottle of JOHNSON'S® Baby Lotion.",
},
id: "p5", brand: "JOHNSON'S®", name: "Baby Lotion", price: "$7.25", rating: 5,
reviewCount: "3.1K", imageSrc: "http://img.b2bpic.net/free-photo/sunhat-sunscreen-bottle-rake-shovel-toy-against-colored-backdrop_23-2148154013.jpg", imageAlt: "Bottle of JOHNSON'S® Baby Lotion."},
{
id: "p6",
brand: "JANSSEN®",
name: "Specialty Pharmaceuticals",
price: "Varies",
rating: 5,
reviewCount: "1.8K",
imageSrc: "http://img.b2bpic.net/free-photo/various-plastic-bottles-pills_23-2147983048.jpg",
imageAlt: "Janssen pharmaceutical pill bottle.",
},
id: "p6", brand: "JANSSEN®", name: "Specialty Pharmaceuticals", price: "Varies", rating: 5,
reviewCount: "1.8K", imageSrc: "http://img.b2bpic.net/free-photo/various-plastic-bottles-pills_23-2147983048.jpg", imageAlt: "Janssen pharmaceutical pill bottle."},
]}
title="Our Products: Innovating for a Healthier World"
description="Explore our wide range of products, designed to improve health and well-being for individuals and communities globally."
@@ -294,22 +180,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
value: "1 Billion+",
description: "Patients touched by our products annually.",
},
id: "m1", value: "1 Billion+", description: "Patients touched by our products annually."},
{
id: "m2",
value: "140K+",
description: "Employees worldwide driving innovation.",
},
id: "m2", value: "140K+", description: "Employees worldwide driving innovation."},
{
id: "m3",
value: "300+",
description: "Global partnerships for health equity.",
},
id: "m3", value: "300+", description: "Global partnerships for health equity."},
]}
title="Impact in Numbers: A Healthier Tomorrow"
description="Our dedication to health translates into tangible results, reflecting our global reach and unwavering commitment."
@@ -324,26 +202,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Joaquin Duato",
role: "Chief Executive Officer",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-alone-by-table_53876-25166.jpg",
imageAlt: "Portrait of Joaquin Duato, CEO.",
},
id: "t1", name: "Joaquin Duato", role: "Chief Executive Officer", imageSrc: "http://img.b2bpic.net/free-photo/businessman-sitting-alone-by-table_53876-25166.jpg", imageAlt: "Portrait of Joaquin Duato, CEO."},
{
id: "t2",
name: "Dr. Mathai Mammen",
role: "EVP, Pharma R&D",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-scientist-posing-laboratory_23-2148492072.jpg",
imageAlt: "Portrait of Dr. Mathai Mammen, EVP, Pharma R&D.",
},
id: "t2", name: "Dr. Mathai Mammen", role: "EVP, Pharma R&D", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-scientist-posing-laboratory_23-2148492072.jpg", imageAlt: "Portrait of Dr. Mathai Mammen, EVP, Pharma R&D."},
{
id: "t3",
name: "Vanessa Broadhurst",
role: "EVP, Global Corp. Affairs",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-researchers-old-man-posing-modern-laboratory-working-together_482257-132807.jpg",
imageAlt: "Portrait of Vanessa Broadhurst, EVP, Global Corp. Affairs.",
},
id: "t3", name: "Vanessa Broadhurst", role: "EVP, Global Corp. Affairs", imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-researchers-old-man-posing-modern-laboratory-working-together_482257-132807.jpg", imageAlt: "Portrait of Vanessa Broadhurst, EVP, Global Corp. Affairs."},
]}
title="Leading with Vision: Our Global Leadership Team"
description="Meet the diverse minds and compassionate leaders guiding Johnson & Johnson towards a future of improved health outcomes."
@@ -355,41 +218,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "test1",
name: "Dr. Aisha Khan",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-white-uniform-standing-hall_1157-33393.jpg",
imageAlt: "Dr. Aisha Khan, leading physician.",
},
id: "test1", name: "Dr. Aisha Khan", imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-white-uniform-standing-hall_1157-33393.jpg", imageAlt: "Dr. Aisha Khan, leading physician."},
{
id: "test2",
name: "Michael S.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lesbian-couple-outdoors_23-2150276415.jpg",
imageAlt: "Michael S., satisfied patient.",
},
id: "test2", name: "Michael S.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lesbian-couple-outdoors_23-2150276415.jpg", imageAlt: "Michael S., satisfied patient."},
{
id: "test3",
name: "Prof. David Lee",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-smiling-yellow-background-medic-human-pandemic-covid_179666-11683.jpg",
imageAlt: "Professor David Lee, biomedical researcher.",
},
id: "test3", name: "Prof. David Lee", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-doctor-smiling-yellow-background-medic-human-pandemic-covid_179666-11683.jpg", imageAlt: "Professor David Lee, biomedical researcher."},
{
id: "test4",
name: "Maria Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg",
imageAlt: "Maria Rodriguez, community health advocate.",
},
id: "test4", name: "Maria Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg", imageAlt: "Maria Rodriguez, community health advocate."},
{
id: "test5",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
imageAlt: "John Doe, hospital administrator.",
},
id: "test5", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", imageAlt: "John Doe, hospital administrator."},
{
id: "test6",
name: "Sarah Chen",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg",
imageAlt: "Smiling medical professional.",
},
id: "test6", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/doctor-clinic-interior_1398-732.jpg", imageAlt: "Smiling medical professional."},
]}
cardTitle="Voices of Trust: What Our Partners Say"
cardTag="Trusted Worldwide"
@@ -402,14 +241,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"World Health Organization",
"UNICEF",
"American Red Cross",
"Global Health Foundation",
"Oxford University",
"Stanford Medicine",
"CDC",
]}
"World Health Organization", "UNICEF", "American Red Cross", "Global Health Foundation", "Oxford University", "Stanford Medicine", "CDC"]}
title="Collaborating for Global Health"
description="We partner with leading organizations, institutions, and governments to expand access to care and drive sustainable health solutions."
/>
@@ -419,8 +251,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
tag="Connect With Us"
title="How Can We Help You?"
description="Whether you have a question about our products, a career inquiry, or want to explore a partnership, we're here to listen."
@@ -435,58 +266,35 @@ export default function LandingPage() {
logoText="Johnson & Johnson"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#careers",
},
label: "Careers", href: "#careers"},
{
label: "Investors",
href: "#",
},
label: "Investors", href: "#"},
{
label: "Media",
href: "#",
},
label: "Media", href: "#"},
],
},
{
title: "Our Solutions",
items: [
title: "Our Solutions", items: [
{
label: "Consumer Health",
href: "#products",
},
label: "Consumer Health", href: "#products"},
{
label: "Pharmaceuticals",
href: "#products",
},
label: "Pharmaceuticals", href: "#products"},
{
label: "Medical Devices",
href: "#products",
},
label: "Medical Devices", href: "#products"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Sustainability",
href: "#responsibility",
},
label: "Sustainability", href: "#responsibility"},
{
label: "Research & Development",
href: "#",
},
label: "Research & Development", href: "#"},
],
},
]}