Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dermagraft"
|
||||
/>
|
||||
@@ -55,63 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Advanced Tissue Solutions for Optimal Recovery"
|
||||
description="Dermagraft provides state-of-the-art synthetic and biological skin grafts to support rapid healing and superior aesthetic results for clinical needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consult Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-illustration-subcutaneous-injection_183364-119297.jpg?_wi=1"
|
||||
buttons={[{ text: "Consult Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-illustration-subcutaneous-injection_183364-119297.jpg"
|
||||
imageAlt="Advanced medical skin graft technology"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-making-covid-test-blue-background_23-2148958377.jpg",
|
||||
alt: "Hands making a covid test on blue background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medical-syringe-symbol-vaccination-stop-coronavirus-concept-magenta-background_559531-10290.jpg",
|
||||
alt: "Medical Syringe symbol",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-with-gloves-holding-syringes-his-hand-side-view_176474-1853.jpg",
|
||||
alt: "Doctor with gloves",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/patient-undergoing-microneedling-procedure_23-2149374074.jpg",
|
||||
alt: "Patient microneedling procedure",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-caucasian-doctor-offering-cooperation-with-handshake_181624-51064.jpg",
|
||||
alt: "Happy doctor handshake",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hands-making-covid-test-blue-background_23-2148958377.jpg", alt: "Hands making a covid test on blue background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medical-syringe-symbol-vaccination-stop-coronavirus-concept-magenta-background_559531-10290.jpg", alt: "Medical Syringe symbol" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctor-with-gloves-holding-syringes-his-hand-side-view_176474-1853.jpg", alt: "Doctor with gloves" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/patient-undergoing-microneedling-procedure_23-2149374074.jpg", alt: "Patient microneedling procedure" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-caucasian-doctor-offering-cooperation-with-handshake_181624-51064.jpg", alt: "Happy doctor handshake" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "99.8% Success",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bio-Scaffold Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinical Proven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Healing",
|
||||
},
|
||||
{ type: "text", text: "ISO Certified" },
|
||||
{ type: "text", text: "99.8% Success" },
|
||||
{ type: "text", text: "Bio-Scaffold Tech" },
|
||||
{ type: "text", text: "Clinical Proven" },
|
||||
{ type: "text", text: "Rapid Healing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,28 +82,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sterile Lab",
|
||||
description: "ISO-certified facility ensuring unmatched graft safety.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-conducting-gel-electrophoresis-biological-process-as-part-research_181624-1265.jpg",
|
||||
imageAlt: "sterile lab equipment research",
|
||||
title: "Sterile Lab", description: "ISO-certified facility ensuring unmatched graft safety.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Precision Harvesting",
|
||||
description: "Advanced tech for high-viability tissue integration.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-subcutaneous-injection_183364-119297.jpg?_wi=2",
|
||||
imageAlt: "sterile lab equipment research",
|
||||
title: "Precision Harvesting", description: "Advanced tech for high-viability tissue integration.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Rapid Integration",
|
||||
description: "Minimized recovery times through targeted biological grafting.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Activity,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-admin-writes-ai-code-laptop_482257-91025.jpg?_wi=1",
|
||||
imageAlt: "sterile lab equipment research",
|
||||
title: "Rapid Integration", description: "Minimized recovery times through targeted biological grafting.", bentoComponent: "reveal-icon", icon: Activity,
|
||||
},
|
||||
]}
|
||||
title="Our Proprietary Process"
|
||||
@@ -166,27 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
title: "Success Rate",
|
||||
description: "Graft integration success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-admin-writes-ai-code-laptop_482257-91025.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15k+",
|
||||
title: "Procedures",
|
||||
description: "Successfully completed cases.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nurse-writing-patient-details-symptoms-files-help-doctor_482257-122774.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45%",
|
||||
title: "Recovery",
|
||||
description: "Faster healing cycles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-subcutaneous-injection_183364-119264.jpg",
|
||||
},
|
||||
{ id: "m1", value: "99.8%", title: "Success Rate", description: "Graft integration success.", imageSrc: "http://img.b2bpic.net/free-photo/it-admin-writes-ai-code-laptop_482257-91025.jpg" },
|
||||
{ id: "m2", value: "15k+", title: "Procedures", description: "Successfully completed cases.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-writing-patient-details-symptoms-files-help-doctor_482257-122774.jpg" },
|
||||
{ id: "m3", value: "45%", title: "Recovery", description: "Faster healing cycles.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-illustration-subcutaneous-injection_183364-119264.jpg" },
|
||||
]}
|
||||
title="Clinical Impact at Scale"
|
||||
description="Measurable results in tissue integration and patient satisfaction."
|
||||
@@ -200,49 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$1,200",
|
||||
name: "Essential Graft",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Single Patch Graft",
|
||||
"Follow-up",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
id: "p1", price: "$1,200", name: "Essential Graft", features: ["Consultation", "Single Patch Graft", "Follow-up"],
|
||||
buttons: [{ text: "Select" }],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$2,500",
|
||||
name: "Advanced Tissue",
|
||||
features: [
|
||||
"Enhanced Viability",
|
||||
"Bio-scaffolding",
|
||||
"Extended Care",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
id: "p2", price: "$2,500", name: "Advanced Tissue", features: ["Enhanced Viability", "Bio-scaffolding", "Extended Care"],
|
||||
buttons: [{ text: "Select" }],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$4,000",
|
||||
name: "Clinical Full",
|
||||
features: [
|
||||
"Institutional Rate",
|
||||
"Bulk Access",
|
||||
"Priority Tech",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
id: "p3", price: "$4,000", name: "Clinical Full", features: ["Institutional Rate", "Bulk Access", "Priority Tech"],
|
||||
buttons: [{ text: "Select" }],
|
||||
},
|
||||
]}
|
||||
title="Procedural Packages"
|
||||
@@ -256,46 +141,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna P.",
|
||||
handle: "@anna",
|
||||
testimonial: "The procedure was painless and the healing was remarkably fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiley-woman-saluting_23-2148918767.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
handle: "@msmith",
|
||||
testimonial: "Highly professional team and an incredible clinical outcome.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-waits-medical-checkup_482257-119632.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena",
|
||||
testimonial: "Dermagraft changed my recovery journey completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-feykhoas-healthy-life-written-notepad-grey-surface_140725-63401.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom B.",
|
||||
handle: "@tb",
|
||||
testimonial: "Top-tier technology and care. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-female-doctor-medical-robe-with-stethoscope-sitting-desk-with-office-tools-pointing-herself-isolated-purple-wall-with-copy-space_141793-119594.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dr. Miller",
|
||||
handle: "@dmiller",
|
||||
testimonial: "My clinics have used their grafts for years with great success.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-health-workers_23-2149112529.jpg",
|
||||
},
|
||||
{ id: "1", name: "Anna P.", handle: "@anna", testimonial: "The procedure was painless and the healing was remarkably fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiley-woman-saluting_23-2148918767.jpg" },
|
||||
{ id: "2", name: "Mark S.", handle: "@msmith", testimonial: "Highly professional team and an incredible clinical outcome.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-woman-waits-medical-checkup_482257-119632.jpg" },
|
||||
{ id: "3", name: "Elena R.", handle: "@elena", testimonial: "Dermagraft changed my recovery journey completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-feykhoas-healthy-life-written-notepad-grey-surface_140725-63401.jpg" },
|
||||
{ id: "4", name: "Tom B.", handle: "@tb", testimonial: "Top-tier technology and care. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-female-doctor-medical-robe-with-stethoscope-sitting-desk-with-office-tools-pointing-herself-isolated-purple-wall-with-copy-space_141793-119594.jpg" },
|
||||
{ id: "5", name: "Dr. Miller", handle: "@dmiller", testimonial: "My clinics have used their grafts for years with great success.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-health-workers_23-2149112529.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Patient Success Stories"
|
||||
@@ -307,21 +157,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the graft synthetic?",
|
||||
content: "We offer both synthetic and natural options depending on clinical requirements.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is recovery?",
|
||||
content: "Recovery times vary but are typically 45% faster than traditional healing.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book a consultation?",
|
||||
content: "Yes, please reach out via our contact form to schedule an appointment.",
|
||||
},
|
||||
{ id: "f1", title: "Is the graft synthetic?", content: "We offer both synthetic and natural options depending on clinical requirements." },
|
||||
{ id: "f2", title: "How long is recovery?", content: "Recovery times vary but are typically 45% faster than traditional healing." },
|
||||
{ id: "f3", title: "Can I book a consultation?", content: "Yes, please reach out via our contact form to schedule an appointment." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Clear information about your skin graft procedure."
|
||||
@@ -335,25 +173,10 @@ export default function LandingPage() {
|
||||
title="Start Your Recovery"
|
||||
description="Speak with our clinical team to discuss your treatment options today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your medical needs...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Describe your medical needs...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-doctors-office-with-medical-equipment-tools-empty-cabinet-with-computer-healthcare-instruments-checkup-documents-papers-desk-office-consultation-facility_482257-42645.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -363,16 +186,8 @@ export default function LandingPage() {
|
||||
logoText="Dermagraft"
|
||||
copyrightText="© 2025 | Dermagraft Clinical Tech"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user