From 36ecc5e9594e5a7bdb855811173b1cc18aa4a0a1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 20 May 2026 21:42:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 269 ++++++++---------------------------------------
 1 file changed, 42 insertions(+), 227 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b9333c7..3c55981 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1