import { Head, Link } from '@inertiajs/react'; import { motion } from 'framer-motion'; import { Activity, Salad, MessageCircle, AlertTriangle, Home, Info, Target, HeartPulse } from 'lucide-react'; import { useState } from 'react'; export default function Welcome({ auth = {} }) { // State untuk active tab const [activeTab, setActiveTab] = useState('beranda'); // Navigasi Menu const navLinks = [ { name: 'Beranda', shortName: 'Beranda', href: '#beranda', id: 'beranda', icon: Home }, { name: 'Tentang Hipertensi', shortName: 'Hipertensi', href: '#hipertensi', id: 'hipertensi', icon: Info }, { name: 'Diet DASH', shortName: 'Diet DASH', href: '#diet', id: 'diet', icon: Salad }, { name: 'Aktivitas Fisik', shortName: 'Aktivitas', href: '#aktivitas', id: 'aktivitas', icon: Activity }, { name: 'Konseling', shortName: 'Konseling', href: '#konseling', id: 'konseling', icon: MessageCircle }, ]; const fadeUp = { hidden: { opacity: 0, y: 30 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6 } } }; return (
{/* --- NAVBAR ATAS (Desktop) --- */} {/* --- BOTTOM NAVIGATION BAR (Khusus Mobile) --- */}
{navLinks.map((link) => { const Icon = link.icon; const isActive = activeTab === link.id; return ( setActiveTab(link.id)} className="flex flex-col items-center gap-1 w-14 relative"> {isActive &&
} {link.shortName} ); })}
{/* 1. BERANDA */}
Tujuan Edukasi & Monitoring

Pantau Asupan
Garammu
Hari Ini!

Media Blog Edukatif berbasis website untuk membantu memantau tingkat kepatuhan diet, asupan natrium harian, dan kebiasaan makan pasien hipertensi secara praktis.

{auth?.user ? ( Mulai Kuis Kepatuhan ) : ( Mulai Kuis Kepatuhan )}
Healthy Food

Live Insight

Estimasi Natrium Harian Terpantau
{/* 2. TENTANG HIPERTENSI */}

Tentang Hipertensi

Hipertensi merupakan peningkatan tekanan darah di atas batas normal (≥140/90 mmHg). Kondisi ini tidak dapat disembuhkan, namun dapat dikendalikan.

Faktor Risiko

Terdiri dari faktor yang tak dapat diubah (usia, genetik) dan yang bisa diubah (konsumsi garam berlebih, obesitas, stres, merokok, dan kurang olahraga).

Gejala Fisik

Seringkali tanpa keluhan, namun dapat ditandai dengan pusing, rasa berat di tengkuk, telinga berdenging, mudah lelah, hingga pandangan berkunang-kunang.

Dampak Lanjutan

Jika hipertensi berlangsung lama tanpa penanganan, dapat merusak organ tubuh dan memicu penyakit jantung koroner, gagal ginjal, serta stroke.

{/* 3. DIET DASH & 4. AKTIVITAS FISIK (Grid 2 Kolom) */}
{/* Diet DASH */}

Diet Rendah Garam
(Diet DASH)

Dietary Approaches to Stop Hypertension (DASH) terbukti efektif memodifikasi dan mengontrol tekanan darah secara alami.

Prinsip Pola Makan:

Tingkatkan asupan serat dan kalium dari buah/sayur segar, penuhi asupan protein, serta batasi lemak jenuh dari produk hewani.

Pembatasan Natrium (Garam):

Bergantung derajat hipertensi. Mulai dari maksimal 1 sendok teh (4 gram) per hari, hingga pengolahan makanan tanpa penambahan garam dapur sama sekali.

 {/* Aktivitas Fisik */}

Aktivitas
Fisik Sehat

Olahraga secara teratur sangat bermanfaat untuk menurunkan tekanan perifer pembuluh darah, namun tidak dianjurkan melakukan olahraga berat.

Contoh Aktivitas Harian:

  • ● Jalan Kaki Santai: Lakukan secara rutin dan konsisten selama 30 menit.
  • ● Peregangan: Senam aerobik ringan atau pernapasan untuk melenturkan otot.
  • ● Bersepeda: Gowes santai dengan rute dekat di pagi hari.
{/* 5. KONSELING GIZI ONLINE */}

Konseling Gizi Online

Konseling gizi bertujuan membantu pemecahan masalah agar Anda dapat mengubah perilaku dan mematuhi diet rendah garam. Sampaikan keluhan Anda kepada petugas kami.

); }