diff --git a/app/health/Components/HealthIntro.jsx b/app/health/Components/HealthIntro.jsx index 1554674..6d58277 100644 --- a/app/health/Components/HealthIntro.jsx +++ b/app/health/Components/HealthIntro.jsx @@ -1,54 +1,16 @@ // components/AboutHealth.js 'use client' -// components/AboutHealth.js import Image from "next/image"; -import Link from "next/link"; -import { useState, useEffect } from "react"; export default function AboutHealth() { - const [currentSlide, setCurrentSlide] = useState(0); - - const slides = [ - { - content: "At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss." - }, - { - content: "At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss." - }, - { - content: "At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss." - } - ]; - - // Auto-advance slides every 5 seconds - useEffect(() => { - const timer = setInterval(() => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }, 5000); - - return () => clearInterval(timer); - }, [slides.length]); - - const goToSlide = (index) => { - setCurrentSlide(index); - }; - - const nextSlide = () => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }; - - const prevSlide = () => { - setCurrentSlide((prev) => (prev - 1 + slides.length) % slides.length); - }; - return (
{/* Left Side - Image */} -
+
Healthcare professional working in modern laboratory
- {/* Content Slider */} + {/* Content */}
-
- {slides[currentSlide].content} -
-
- - {/* Navigation */} -
-
- - - - - {/* Progress Indicators */} -
- {slides.map((_, index) => ( -
+
+ At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss.
diff --git a/app/health/components/HealthIntro.jsx b/app/health/components/HealthIntro.jsx index 1554674..6d58277 100644 --- a/app/health/components/HealthIntro.jsx +++ b/app/health/components/HealthIntro.jsx @@ -1,54 +1,16 @@ // components/AboutHealth.js 'use client' -// components/AboutHealth.js import Image from "next/image"; -import Link from "next/link"; -import { useState, useEffect } from "react"; export default function AboutHealth() { - const [currentSlide, setCurrentSlide] = useState(0); - - const slides = [ - { - content: "At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss." - }, - { - content: "At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss." - }, - { - content: "At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss." - } - ]; - - // Auto-advance slides every 5 seconds - useEffect(() => { - const timer = setInterval(() => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }, 5000); - - return () => clearInterval(timer); - }, [slides.length]); - - const goToSlide = (index) => { - setCurrentSlide(index); - }; - - const nextSlide = () => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }; - - const prevSlide = () => { - setCurrentSlide((prev) => (prev - 1 + slides.length) % slides.length); - }; - return (
{/* Left Side - Image */} -
+
Healthcare professional working in modern laboratory
- {/* Content Slider */} + {/* Content */}
-
- {slides[currentSlide].content} -
-
- - {/* Navigation */} -
-
- - - - - {/* Progress Indicators */} -
- {slides.map((_, index) => ( -
+
+ At Operify Health, we believe every patient deserves answers that are not only accurate — but actionable. By harnessing the power of Next Generation Sequencing (NGS), we transform patient samples into rich genomic insights that enable clinicians and oncologists to make informed, personalized decisions. From rare genetic disorders to complex oncological cases, our solutions help uncover what traditional diagnostics often miss.
diff --git a/app/health/oncology/Components/OncologyIntro.jsx b/app/health/oncology/Components/OncologyIntro.jsx index 9067537..07832b5 100644 --- a/app/health/oncology/Components/OncologyIntro.jsx +++ b/app/health/oncology/Components/OncologyIntro.jsx @@ -1,7 +1,7 @@ 'use client' import Image from "next/image"; import Link from "next/link"; -import { useState, useEffect } from "react"; +import { useState } from "react"; export default function OncologyIntro() { const [currentSlide, setCurrentSlide] = useState(0); @@ -21,15 +21,6 @@ export default function OncologyIntro() { } ]; - // Auto-advance slides every 5 seconds - useEffect(() => { - const timer = setInterval(() => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }, 5000); - - return () => clearInterval(timer); - }, [slides.length]); - const goToSlide = (index) => { setCurrentSlide(index); }; @@ -44,12 +35,12 @@ export default function OncologyIntro() { return (
-
- {/* Left Side - Image */} -
+
+ {/* Image - Top on mobile, Left on desktop */} +
Cancer research and oncology molecular analysis {/* Subtle border */} -
+
- {/* Right Side - Content */} -
-
+ {/* Content - Bottom on mobile, Right on desktop */} +
+
{/* Brand/Title */} -
-

- Turning - Complexity into Clarity +
+

+ Turning + Complexity into Clarity

-
+
{/* Content Slider */} -
-
- {slides[currentSlide].content} +
+
+ {slides[currentSlide].content}
{/* Navigation */}
-
+
{/* Progress Indicators */} -
+
{slides.map((_, index) => (
+ + {/* Slide counter for mobile */} +
+ + {currentSlide + 1} / {slides.length} + +
diff --git a/app/health/oncology/components/OncologyIntro.jsx b/app/health/oncology/components/OncologyIntro.jsx index 9067537..07832b5 100644 --- a/app/health/oncology/components/OncologyIntro.jsx +++ b/app/health/oncology/components/OncologyIntro.jsx @@ -1,7 +1,7 @@ 'use client' import Image from "next/image"; import Link from "next/link"; -import { useState, useEffect } from "react"; +import { useState } from "react"; export default function OncologyIntro() { const [currentSlide, setCurrentSlide] = useState(0); @@ -21,15 +21,6 @@ export default function OncologyIntro() { } ]; - // Auto-advance slides every 5 seconds - useEffect(() => { - const timer = setInterval(() => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }, 5000); - - return () => clearInterval(timer); - }, [slides.length]); - const goToSlide = (index) => { setCurrentSlide(index); }; @@ -44,12 +35,12 @@ export default function OncologyIntro() { return (
-
- {/* Left Side - Image */} -
+
+ {/* Image - Top on mobile, Left on desktop */} +
Cancer research and oncology molecular analysis {/* Subtle border */} -
+
- {/* Right Side - Content */} -
-
+ {/* Content - Bottom on mobile, Right on desktop */} +
+
{/* Brand/Title */} -
-

- Turning - Complexity into Clarity +
+

+ Turning + Complexity into Clarity

-
+
{/* Content Slider */} -
-
- {slides[currentSlide].content} +
+
+ {slides[currentSlide].content}
{/* Navigation */}
-
+
{/* Progress Indicators */} -
+
{slides.map((_, index) => (
+ + {/* Slide counter for mobile */} +
+ + {currentSlide + 1} / {slides.length} + +
diff --git a/app/health/rare-disorders/components/RareIntro.jsx b/app/health/rare-disorders/components/RareIntro.jsx index 1db4d21..bbd67c2 100644 --- a/app/health/rare-disorders/components/RareIntro.jsx +++ b/app/health/rare-disorders/components/RareIntro.jsx @@ -1,7 +1,7 @@ 'use client' import Image from "next/image"; import Link from "next/link"; -import { useState, useEffect } from "react"; +import { useState } from "react"; export default function RareIntro() { const [currentSlide, setCurrentSlide] = useState(0); @@ -15,15 +15,6 @@ export default function RareIntro() { } ]; - // Auto-advance slides every 5 seconds - useEffect(() => { - const timer = setInterval(() => { - setCurrentSlide((prev) => (prev + 1) % slides.length); - }, 5000); - - return () => clearInterval(timer); - }, [slides.length]); - const goToSlide = (index) => { setCurrentSlide(index); }; @@ -38,12 +29,12 @@ export default function RareIntro() { return (
-
- {/* Left Side - Image */} -
+
+ {/* Image - Top on mobile, Left on desktop */} +
DNA sequencing and genetic analysis in modern laboratory {/* Subtle border */} -
+
- {/* Right Side - Content */} -
-
+ {/* Content - Bottom on mobile, Right on desktop */} +
+
{/* Brand/Title */} -
-

- Transforming - Delays into Diagnoses +
+

+ Transforming + Delays into Diagnoses

-
+
{/* Content Slider */} -
-
- {slides[currentSlide].content} +
+
+ {slides[currentSlide].content}
{/* Navigation */}
-
+
{/* Progress Indicators */} -
+
{slides.map((_, index) => (
+ + {/* Slide counter for mobile */} +
+ + {currentSlide + 1} / {slides.length} + +
diff --git a/public/images/flowchart/WGS_flow.svg b/public/images/flowchart/WGS_flow.svg index 5bf191c..5fe0fbd 100644 --- a/public/images/flowchart/WGS_flow.svg +++ b/public/images/flowchart/WGS_flow.svg @@ -1,23 +1,23 @@ - + - - + + - + - - + + - + - - + + - - - + + + - + @@ -27,7 +27,7 @@ - + @@ -37,7 +37,7 @@ - + diff --git a/public/images/flowchart/enrichment_flow.svg b/public/images/flowchart/enrichment_flow.svg index c08b9b5..24109fe 100644 --- a/public/images/flowchart/enrichment_flow.svg +++ b/public/images/flowchart/enrichment_flow.svg @@ -1,29 +1,29 @@ - + - - + + - + - - + + - + - - + + - + - - + + - - - - + + + + - + @@ -33,7 +33,7 @@ - + @@ -43,7 +43,7 @@ - + @@ -53,7 +53,7 @@ - + diff --git a/public/images/flowchart/epigenomic_flow.svg b/public/images/flowchart/epigenomic_flow.svg index c20cb00..1868ec3 100644 --- a/public/images/flowchart/epigenomic_flow.svg +++ b/public/images/flowchart/epigenomic_flow.svg @@ -1,29 +1,29 @@ - + - - + + - + - - + + - + - - + + - + - - + + - - - - + + + + - + @@ -33,7 +33,7 @@ - + @@ -43,7 +43,7 @@ - + @@ -53,7 +53,7 @@ - + diff --git a/public/images/flowchart/genome_mapping_flow.svg b/public/images/flowchart/genome_mapping_flow.svg index b676f28..65101ba 100644 --- a/public/images/flowchart/genome_mapping_flow.svg +++ b/public/images/flowchart/genome_mapping_flow.svg @@ -1,51 +1,51 @@ - - - - + + + + - - - - + + + + - - - - + + + + - - - + + + - + - - + + - + - - + + - + - - + + diff --git a/public/images/health/health.png b/public/images/health/health.png new file mode 100644 index 0000000..b4ebce0 Binary files /dev/null and b/public/images/health/health.png differ diff --git a/public/images/health/health_section.jpg b/public/images/health/health_section.jpg new file mode 100644 index 0000000..0b844fb Binary files /dev/null and b/public/images/health/health_section.jpg differ diff --git a/public/images/health/oncology_section.jpg b/public/images/health/oncology_section.jpg new file mode 100644 index 0000000..7d2a322 Binary files /dev/null and b/public/images/health/oncology_section.jpg differ diff --git a/public/images/health/rare.png b/public/images/health/rare.png new file mode 100644 index 0000000..8c1d4c3 Binary files /dev/null and b/public/images/health/rare.png differ diff --git a/public/images/health/rare_section.jpg b/public/images/health/rare_section.jpg new file mode 100644 index 0000000..37c5798 Binary files /dev/null and b/public/images/health/rare_section.jpg differ