[V0_FILE]typescriptreact:file="components/staff-section.tsx" isMerged="true" import { Card } from "@/components/ui/card" import Image from "next/image" export function StaffSection() { return (

スタッフ紹介

経験豊富なスタッフが、心を込めてケアいたします

所長挨拶

管理者・看護師

訪問看護ステーション青井のページをご覧いただき、ありがとうございます。私たちは、ご利用者様お一人おひとりに寄り添い、その方らしい生活を支えることを大切にしています。医療と介護の両面から、安心してご自宅で過ごせるよう、心を込めてサポートさせていただきます。

20年+

看護経験

1000件+

訪問実績

) } [V0_FILE]typescriptreact:file="components/faq-section.tsx" isMerged="true" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" const faqs = [ { question: "どんな人が訪問看護を利用できますか？", answer: "主治医が訪問看護の必要性を認めた方であれば、年齢に関係なくご利用いただけます。要介護認定を受けている方は介護保険で、がん末期や重度の医療処置が必要な方は医療保険でのご利用となります。", }, { question: "費用はどのくらいかかりますか？", answer: "介護保険をご利用の場合は1割〜3割の自己負担、医療保険の場合も同様に1割〜3割の自己負担となります。詳しい金額は、ご利用内容や回数によって異なりますので、お問い合わせください。", }, { question: "緊急時はどうすればよいですか？", answer: "24時間365日、緊急時のオンコール体制を整えております。緊急時には専用の電話番号にご連絡いただければ、看護師が対応いたします。必要に応じて訪問も可能です。", }, { question: "介護保険と医療保険、どちらが適用されるのでしょうか？", answer: "ご利用者様の病状や状態によって異なります。基本的には、要介護認定を受けている方は介護保険、がん末期や重度の医療処置が必要な方は医療保険となります。どちらが適用されるかは、私たちが無料でご案内いたしますので、お気軽にご相談ください。", }, { question: "訪問エリアはどこまでですか？", answer: "青井を中心に、車で約15分圏内のエリアを訪問しております。詳しいエリアについては、お問い合わせの際にご確認ください。エリア外の場合でもご相談に応じますので、まずはお気軽にお問い合わせください。", }, ] export function FaqSection() { return (

よくある質問

お客様からよくいただくご質問にお答えします

{faqs.map((faq, index) => ( {faq.question} {faq.answer} ))}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import { Heart } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); /* Pink rose theme inspired by the rose garden image */ :root { --background: oklch(0.99 0.005 340); --foreground: oklch(0.25 0.02 340); --card: oklch(1 0 0); --card-foreground: oklch(0.25 0.02 340); --popover: oklch(1 0 0); --popover-foreground: oklch(0.25 0.02 340); --primary: oklch(0.65 0.18 345); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.96 0.02 340); --secondary-foreground: oklch(0.35 0.02 340); --muted: oklch(0.97 0.01 340); --muted-foreground: oklch(0.55 0.02 340); --accent: oklch(0.92 0.03 345); --accent-foreground: oklch(0.35 0.02 340); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(1 0 0); --border: oklch(0.92 0.02 340); --input: oklch(0.95 0.02 340); --ring: oklch(0.65 0.18 345); --chart-1: oklch(0.7 0.2 350); --chart-2: oklch(0.75 0.15 10); --chart-3: oklch(0.55 0.22 340); --chart-4: oklch(0.8 0.12 355); --chart-5: oklch(0.65 0.18 330); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.25 0.02 340); --sidebar-primary: oklch(0.65 0.18 345); --sidebar-primary-foreground: oklch(1 0 0); --sidebar-accent: oklch(0.96 0.02 340); --sidebar-accent-foreground: oklch(0.35 0.02 340); --sidebar-border: oklch(0.92 0.02 340); --sidebar-ring: oklch(0.65 0.18 345); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.75 0.18 345); --primary-foreground: oklch(0.145 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.985 0 0); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.75 0.18 345); --chart-1: oklch(0.7 0.2 350); --chart-2: oklch(0.75 0.15 10); --chart-3: oklch(0.55 0.22 340); --chart-4: oklch(0.8 0.12 355); --chart-5: oklch(0.65 0.18 330); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.75 0.18 345); --sidebar-primary-foreground: oklch(0.145 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.75 0.18 345); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]png:file="public/images/e6-89-80-e9-95-b7-e3-82-a4-e3-83-a9-e3-82-b9-e3-83-88.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E6%89%80%E9%95%B7%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88-QGYbzRsL6EXesfCf9CHYWBrK3frxiK.png" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "訪問看護ステーション青井 | 地域の安心を支える訪問看護", description: "訪問看護ステーション青井は、医療と生活の架け橋として、ご自宅での安心を支えます。医療法人社団眞仁会が運営する地域密着型の訪問看護サービスです。", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Menu, X } from "lucide-react" export function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false) const navItems = [ { label: "当ステーションについて", href: "#about" }, { label: "サービス内容", href: "#services" }, { label: "スタッフ紹介", href: "#staff" }, { label: "当ステーションの強み", href: "#strengths" }, { label: "医療保険と介護保険", href: "#insurance" }, { label: "よくある質問", href: "#faq" }, { label: "施設情報", href: "#facility-info" }, { label: "お問い合わせ", href: "#contact" }, ] const externalLinks = [ { label: "眞仁会トップページ", href: "https://www.shinjinkai.net/index.html" }, { label: "綾瀬循環器内科", href: "https://www.shinjinkai.net/ayase.html" }, { label: "青井診療所", href: "https://www.shinjinkai.net/clinic-aoi.html" }, { label: "花の木", href: "https://www.shinjinkai.net/hananoki.html" }, { label: "梅の木", href: "https://umenoki-shinjinkai-lp.vercel.app/" }, { label: "ステラ", href: "https://www.shinjinkai.net/stela.html" }, { label: "青井在宅支援事業所", href: "https://v0-aoikyotaku-shinjinkai-lp.vercel.app/" }, ] return (

訪問看護ステーション青井

医療法人社団眞仁会

{/* Desktop Navigation */} {/* Mobile Menu Button */}

{/* Mobile Menu */} {isMenuOpen && (

ページ内リンク

{navItems.map((item) => ( setIsMenuOpen(false)} > {item.label} ))}

お問い合わせ

ご相談・ご質問など、お気軽にお問い合わせください

お名前 *

電話番号 *

メールアドレス

ご相談内容 *

</div>

<Button type="submit" size="lg" className="w-full text-lg py-6">
              メールを送信
            </Button>

<p className="text-sm text-muted-foreground text-center">
              お問い合わせいただいた内容については 担当者より折り返しご連絡させていただきます
            </p>
          </form>
        </Card>

<div className="mt-12 text-center space-y-4">
          <div className="inline-block p-8 bg-accent/50 rounded-2xl">
            <p className="text-sm text-muted-foreground mb-2">お急ぎの方はお電話で</p>
            <a
              href="tel:0358888671"
              className="text-2xl md:text-3xl font-bold text-primary hover:text-primary/80 transition-colors"
            >
              03-5888-8671
            </a>
            <p className="text-sm text-muted-foreground mt-2">受付時間：月〜金 9:00〜17:00</p>
          </div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]jpg:file="public/images/e3-83-90-e3-83-a9-e5-85-ac-e5-9c-92.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%83%90%E3%83%A9%E5%85%AC%E5%9C%92-r4qOmvaq4XtyA0kE7UNaVM3bFqasDj.jpg" isMerged="true"
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true"
import { Header } from "@/components/header"
import { HeroSection } from "@/components/hero-section"
import { ServicesSection } from "@/components/services-section"
import { StaffSection } from "@/components/staff-section"
import { InsuranceSection } from "@/components/insurance-section"
import { FaqSection } from "@/components/faq-section"
import { FacilityInfoSection } from "@/components/facility-info-section"
import { ContactSection } from "@/components/contact-section"
import { Footer } from "@/components/footer"

export default function HomePage() {
  return (
    <main className="min-h-screen">
      <Header />
      <HeroSection />
      <ServicesSection />
      <StaffSection />
      <InsuranceSection />
      <FaqSection />
      <FacilityInfoSection />
      <ContactSection />
      <Footer />
    </main>
  )
}
[V0_FILE]typescriptreact:file="components/services-section.tsx" isEdit="true" isMerged="true"
"use client"

import { ChevronDown } from "lucide-react"
import { useState } from "react"
import { Card } from "@/components/ui/card"
import { Activity, Pill, Stethoscope, Phone, Heart, Dumbbell } from "lucide-react"

const services = [
  {
    icon: Stethoscope,
    title: "病状観察",
    description: "血圧・体温・脈拍などのバイタルチェック、病状の観察",
    details:
      "定期的なバイタルサインの測定や、病状の変化を細かく観察し、医師と連携しながら適切なケアを提供します。異常の早期発見により、重症化を防ぎます。",
  },
  {
    icon: Pill,
    title: "内服管理",
    description: "お薬の管理、服薬指導、飲み忘れ防止のサポート",
    details:
      "薬の効果や副作用の観察、正しい服薬方法の指導を行います。お薬カレンダーの活用など、飲み忘れ防止の工夫もサポートします。",
  },
  {
    icon: Activity,
    title: "医療処置",
    description: "点滴、褥瘡ケア、カテーテル管理など専門的な医療処置",
    details: "在宅での点滴管理、褥瘡（床ずれ）の予防とケア、胃ろう・カテーテル・人工肛門などの管理を専門的に行います。",
  },
  {
    icon: Dumbbell,
    title: "リハビリテーション",
    description: "日常生活動作の維持・向上のための機能訓練",
    details:
      "理学療法士と連携し、歩行訓練や関節可動域訓練など、日常生活動作の維持・向上を目指したリハビリテーションを提供します。",
  },
  {
    icon: Heart,
    title: "終末期ケア",
    description: "ご自宅で最期まで過ごしたい方への看取りケア",
    details:
      "ご本人とご家族の意思を尊重し、痛みや苦痛を和らげながら、穏やかに最期の時を過ごせるよう支援します。24時間体制で寄り添います。",
  },
  {
    icon: Phone,
    title: "24時間オンコール",
    description: "緊急時も安心、24時間365日対応可能な体制",
    details:
      "夜間や休日も、緊急時には24時間対応いたします。いつでも電話相談が可能で、必要に応じて訪問看護師が駆けつけます。",
  },
]

export function ServicesSection() {
  const [isExpanded, setIsExpanded] = useState(false)

return (
    <section id="services" className="py-12 bg-secondary/30">
      <div className="container px-4 max-w-7xl mx-auto">
        <button
          onClick={() => setIsExpanded(!isExpanded)}
          className="w-full flex items-center justify-between p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-all"
        >
          <h2 className="text-2xl md:text-3xl font-bold text-foreground">サービス内容</h2>
          <ChevronDown className={`w-6 h-6 text-primary transition-transform ${isExpanded ? "rotate-180" : ""}`} />
        </button>

{isExpanded && (
          <div className="mt-8 space-y-8">
            <p className="text-lg text-muted-foreground text-center text-pretty">
              医療から生活まで、幅広いサポートを提供します
            </p>

<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
              {services.map((service, index) => {
                const Icon = service.icon
                return (
                  <Card key={index} className="p-8 hover:shadow-xl transition-all">
                    <div className="w-14 h-14 rounded-2xl bg-primary/10 flex items-center justify-center mb-4">
                      <Icon className="w-7 h-7 text-primary" />
                    </div>
                    <h3 className="text-xl font-semibold mb-3 text-foreground">{service.title}</h3>
                    <p className="text-muted-foreground leading-relaxed mb-4">{service.description}</p>
                    <div className="pt-4 border-t border-border">
                      <p className="text-sm text-foreground/80 leading-relaxed">{service.details}</p>
                    </div>
                  </Card>
                )
              })}
            </div>
          </div>
        )}
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/insurance-section.tsx" isEdit="true" isMerged="true"
"use client"

import { Card } from "@/components/ui/card"
import { ArrowRight, CheckCircle2, ChevronDown } from "lucide-react"
import { useState } from "react"

export function InsuranceSection() {
  const [isExpanded, setIsExpanded] = useState(false)

return (
    <section id="insurance" className="py-12 bg-background">
      <div className="container px-4 max-w-7xl mx-auto">
        <button
          onClick={() => setIsExpanded(!isExpanded)}
          className="w-full flex items-center justify-between p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-all"
        >
          <h2 className="text-2xl md:text-3xl font-bold text-foreground">医療保険と介護保険について</h2>
          <ChevronDown className={`w-6 h-6 text-primary transition-transform ${isExpanded ? "rotate-180" : ""}`} />
        </button>

{isExpanded && (
          <div className="mt-8 space-y-8">
            <p className="text-lg text-muted-foreground text-center text-pretty">
              訪問看護は"医療保険"と"介護保険"のどちらでも利用できます
            </p>

<div className="grid lg:grid-cols-2 gap-8 mb-12">
              {/* 介護保険 */}
              <Card className="p-8 md:p-10 bg-gradient-to-br from-accent/50 to-accent/30 border-2 border-primary/20">
                <div className="mb-6">
                  <div className="inline-block px-4 py-2 bg-primary text-primary-foreground rounded-full text-sm font-semibold mb-4">
                    介護保険
                  </div>
                  <h3 className="text-2xl font-bold text-foreground mb-4">日常生活のサポート</h3>
                </div>

<div className="space-y-6">
                  <div>
                    <h4 className="font-semibold text-lg mb-3 text-foreground">対象者</h4>
                    <ul className="space-y-2">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">要介護1〜5の方</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">要支援1・2の方（介護予防訪問看護）</span>
                      </li>
                    </ul>
                  </div>

<div>
                    <h4 className="font-semibold text-lg mb-3 text-foreground">特徴</h4>
                    <ul className="space-y-2">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">ケアプランに沿って利用</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">回数はケアマネージャーが調整</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">生活支援・健康管理・リハビリも可能</span>
                      </li>
                    </ul>
                  </div>

<div className="pt-4">
                    <h4 className="font-semibold text-lg mb-4 text-foreground">依頼の流れ</h4>
                    <div className="flex items-center gap-3 bg-white/80 rounded-xl p-4 flex-wrap">
                      <div className="flex items-center gap-2">
                        <span className="text-sm font-medium whitespace-nowrap">ご家族</span>
                        <ArrowRight className="w-4 h-4 text-primary" />
                      </div>
                      <div className="flex items-center gap-2">
                        <span className="text-sm font-medium whitespace-nowrap">ケアマネ</span>
                        <ArrowRight className="w-4 h-4 text-primary" />
                      </div>
                      <div className="flex items-center gap-2">
                        <span className="text-sm font-medium whitespace-nowrap">主治医</span>
                        <ArrowRight className="w-4 h-4 text-primary" />
                      </div>
                      <span className="text-sm font-bold text-primary">青井</span>
                    </div>
                  </div>
                </div>
              </Card>

{/* 医療保険 */}
              <Card className="p-8 md:p-10 bg-gradient-to-br from-primary/10 to-primary/5 border-2 border-primary/30">
                <div className="mb-6">
                  <div className="inline-block px-4 py-2 bg-primary text-primary-foreground rounded-full text-sm font-semibold mb-4">
                    医療保険
                  </div>
                  <h3 className="text-2xl font-bold text-foreground mb-4">専門的な医療ケア</h3>
                </div>

<div className="space-y-6">
                  <div>
                    <h4 className="font-semibold text-lg mb-3 text-foreground">対象者</h4>
                    <p className="text-sm text-muted-foreground mb-3">介護保険で対応できない医療ニーズが高い方</p>
                    <ul className="space-y-2">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">がん末期の方</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">在宅酸素、人工呼吸器使用中</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">中心静脈栄養、気管切開</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">重度褥瘡のある方</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">要介護認定のない方もOK</span>
                      </li>
                    </ul>
                  </div>

<div>
                    <h4 className="font-semibold text-lg mb-3 text-foreground">特徴</h4>
                    <ul className="space-y-2">
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">主治医が「医療保険による訪問看護が必要」と判断</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">週3回以上の訪問も可能</span>
                      </li>
                      <li className="flex items-start gap-2">
                        <CheckCircle2 className="w-5 h-5 text-primary flex-shrink-0 mt-0.5" />
                        <span className="text-foreground/90">特別指示期間は毎日も可能</span>
                      </li>
                    </ul>
                  </div>

<div className="pt-4">
                    <h4 className="font-semibold text-lg mb-4 text-foreground">依頼の流れ</h4>
                    <div className="flex items-center gap-3 bg-white/80 rounded-xl p-4 flex-wrap">
                      <div className="flex items-center gap-2">
                        <span className="text-sm font-medium whitespace-nowrap">ご家族</span>
                        <ArrowRight className="w-4 h-4 text-primary" />
                      </div>
                      <div className="flex items-center gap-2">
                        <span className="text-sm font-medium whitespace-nowrap">主治医</span>
                        <ArrowRight className="w-4 h-4 text-primary" />
                      </div>
                      <span className="text-sm font-bold text-primary">青井</span>
                    </div>
                  </div>
                </div>
              </Card>
            </div>

<Card className="p-8 md:p-10 text-center bg-primary text-primary-foreground">
              <p className="text-lg md:text-xl font-semibold mb-2">病状・状態により適用保険が変わります</p>
              <p className="text-base md:text-lg opacity-95">
                青井が無料でご案内いたしますので、お気軽にご相談ください
              </p>
            </Card>
          </div>
        )}
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/facility-info-section.tsx" isMerged="true"
import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { MapPin, Phone, Mail, Clock, FileText, Table } from "lucide-react"

export function FacilityInfoSection() {
  return (
    <section id="facility-info" className="py-24 bg-accent/30">
      <div className="container px-4 max-w-6xl mx-auto">
        <div className="text-center mb-16 space-y-4">
          <h2 className="text-3xl md:text-4xl font-bold text-foreground">施設情報</h2>
          <p className="text-lg text-muted-foreground text-pretty">訪問看護ステーション青井の基本情報とアクセス方法</p>
        </div>

<div className="space-y-4">
              <div className="flex items-start gap-4">
                <MapPin className="h-6 w-6 text-primary mt-1 flex-shrink-0" />
                <div>
                  <p className="font-semibold text-foreground mb-1">所在地</p>
                  <p className="text-muted-foreground">
                    〒121-0012
                    <br />
                    東京都足立区青井4-29-23
                    <br />
                    （介護老人保健施設 梅の木併設）
                  </p>
                </div>
              </div>

<div className="flex items-start gap-4">
                <Mail className="h-6 w-6 text-primary mt-1 flex-shrink-0" />
                <div>
                  <p className="font-semibold text-foreground mb-1">メールアドレス</p>
                  <a href="mailto:houmonkango.aoi111512@gmail.com" className="text-primary hover:underline break-all">
                    houmonkango.aoi111512@gmail.com
                  </a>
                </div>
              </div>

<Card className="p-8 space-y-6">
            <h3 className="text-2xl font-bold text-foreground mb-4">訪問提供エリア</h3>

<div className="space-y-4">
              <div>
                <p className="font-semibold text-foreground mb-2">対応地域</p>
                <ul className="space-y-2 text-muted-foreground">
                  <li className="flex items-center gap-2">
                    <span className="h-2 w-2 rounded-full bg-primary flex-shrink-0" />
                    <span>足立区</span>
                  </li>
                  <li className="flex items-center gap-2">
                    <span className="h-2 w-2 rounded-full bg-primary flex-shrink-0" />
                    <span>葛飾区の一部</span>
                  </li>
                </ul>
              </div>

<div className="bg-accent/50 p-4 rounded-lg">
                <p className="text-sm text-muted-foreground">
                  ※詳細なエリアについては お気軽にお問い合わせください
                  <br />
                  状況により その他の地域にも対応可能な場合がございます
                </p>
              </div>
            </div>

<div className="mt-6">
              <h4 className="font-semibold text-foreground mb-3">アクセス</h4>
              <div className="space-y-2 text-sm text-muted-foreground">
                <p className="flex items-start gap-2">
                  <span className="font-semibold text-foreground min-w-16">電車:</span>
                  <span>
                    つくばエクスプレス「青井駅」北口より徒歩3分
                    <br />
                    東武スカイツリーライン「五反野駅」北口より徒歩15分
                  </span>
                </p>
                <p className="flex items-start gap-2">
                  <span className="font-semibold text-foreground min-w-16">バス:</span>
                  <span>
                    東京メトロ千代田線「綾瀬駅」より
                    <br />
                    はるかぜ1（都バス）「梅の木」下車徒歩1分
                  </span>
                </p>
              </div>
            </div>
          </Card>
        </div>

{/* 運営規定・料金表ボタン */}
        <div className="flex flex-col sm:flex-row gap-4 justify-center mb-12">
          <Button
            asChild
            size="lg"
            className="bg-primary hover:bg-primary/90 text-primary-foreground"
          >
            <a
              href="https://drive.google.com/file/d/16O4lYoZCvEqTgszxr4u2fUhUTQ8ErmwS/view?usp=sharing"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center gap-2"
            >
              <FileText className="h-5 w-5" />
              運営規定を見る
            </a>
          </Button>
          <Button
            asChild
            size="lg"
            variant="outline"
            className="border-primary text-primary hover:bg-primary/10 bg-transparent"
          >
            <a
              href="https://docs.google.com/spreadsheets/d/1iOs8Kc2I-uVeHclBjKvnf8qfugfAqBuKLGM4lzNfM2Y/edit?usp=sharing"
              target="_blank"
              rel="noopener noreferrer"
              className="flex items-center gap-2"
            >
              <Table className="h-5 w-5" />
              料金表を見る
            </a>
          </Button>
        </div>

<Card className="p-4 overflow-hidden">
          <div className="aspect-video w-full">
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3236.9847063349516!2d139.81740807544986!3d35.77575202477648!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188fd1465006fb%3A0xcb01a0557393e265!2z6Kiq5ZWP55yL6K2344K544OG44O844K344On44Oz44O76Z2S5LqV!5e0!3m2!1sja!2sjp!4v1764150486593!5m2!1sja!2sjp"
              width="100%"
              height="100%"
              style={{ border: 0 }}
              allowFullScreen
              loading="lazy"
              referrerPolicy="no-referrer-when-downgrade"
              title="訪問看護ステーション青井の地図"
            />
          </div>
        </Card>
      </div>
    </section>
  )
}
[V0_FILE]jpg:file="public/images/facility-exterior.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E6%96%BD%E8%A8%AD%E6%AD%A3%E9%9D%A2%E3%82%A2%E3%83%83%E3%83%97-4ZbY5UiltPExgFhEVNJtYSZKDKlVML.jpg" isMerged="true"
[V0_FILE]png:file="public/images/facility-hall.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/%E3%83%9B%E3%83%BC%E3%83%AB%E5%86%99%E7%9C%9F4x-6ejY8B3xglYbEbEycJnRC5TthcTPTu.png" isMerged="true"
[V0_FILE]typescriptreact:file="components/hero-section.tsx"
"use client"

import { Button } from "@/components/ui/button"
import { useState, useEffect } from "react"

export function HeroSection() {
  const [currentImageIndex, setCurrentImageIndex] = useState(0)
  const images = [
    "/images/facility-exterior.jpg",
    "/images/facility-hall.png",
  ]

useEffect(() => {
    const interval = setInterval(() => {
      setCurrentImageIndex((prevIndex) => (prevIndex + 1) % images.length)
    }, 30000) // 30秒ごとに切り替え

return () => clearInterval(interval)
  }, [])

return (
    <section className="relative min-h-screen flex items-center justify-center overflow-hidden">
      {/* Background Image Carousel */}
      <div className="absolute inset-0 z-0">
        {images.map((image, index) => (
          <div
            key={index}
            className="absolute inset-0 bg-cover bg-center transition-opacity duration-1000"
            style={{
              backgroundImage: `url("${image}")`,
              opacity: currentImageIndex === index ? 1 : 0,
            }}
          />
        ))}
        <div className="absolute inset-0 bg-white/30" />
      </div>

{/* Content */}
      <div className="container relative z-10 px-4 py-32 mt-24">
        <div className="max-w-4xl mx-auto text-center space-y-8">
          <div className="inline-block px-6 py-3 bg-white/90 backdrop-blur-sm rounded-full text-base font-medium text-primary mb-4 shadow-lg">
            医療法人社団 眞仁会
          </div>

<h1 className="text-4xl md:text-6xl lg:text-7xl font-bold text-foreground text-balance leading-tight drop-shadow-[0_2px_4px_rgba(255,255,255,0.9)] [text-shadow:_1px_1px_2px_rgb(255_255_255_/_80%)]">
            地域の安心を支える
            <br />
            <span className="text-primary">訪問看護ステーション青井</span>
          </h1>

<div className="bg-white/95 backdrop-blur-sm rounded-2xl p-8 shadow-xl max-w-3xl mx-auto">
            <h2 className="text-2xl md:text-3xl font-bold mb-6 text-foreground">私たちの理念</h2>
            <div className="space-y-4 text-left">
              <p className="text-foreground/90 leading-relaxed text-lg">
                訪問看護ステーション青井（あおい）は、平成14年に開設しています。ご利用者様が住み慣れた地域で、その方らしい生活を続けられるよう、医療と生活の両面から支援いたします。
              </p>
              <p className="text-foreground/90 leading-relaxed text-lg">
                24時間365日、安心してお過ごしいただけるよう、きめ細やかな看護サービスを提供し、地域の皆様の健康と笑顔を守ります。
              </p>
            </div>
          </div>

<div className="flex flex-col sm:flex-row gap-4 justify-center pt-8">
            <Button size="lg" className="text-lg px-10 py-7 shadow-xl" asChild>
              <a href="#contact">お問い合わせはこちら</a>
            </Button>
            <Button
              size="lg"
              variant="outline"
              className="text-lg px-10 py-7 shadow-xl bg-white/95 hover:bg-white"
              asChild
            >
              <a href="#services">サービス内容を見る</a>
            </Button>
          </div>

<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-6 text-base">
            <div className="flex items-center gap-2 bg-white/95 backdrop-blur-sm px-6 py-4 rounded-xl shadow-lg">
              <span className="text-2xl">📞</span>
              <div className="text-left">
                <p className="text-sm text-muted-foreground">お電話でのお問い合わせ</p>
                <a href="tel:0358888671" className="text-xl font-bold text-primary hover:underline">
                  03-5888-8671
                </a>
              </div>
            </div>
            <div className="text-foreground font-medium bg-white/95 backdrop-blur-sm px-6 py-4 rounded-xl shadow-lg">
              受付時間：月〜金 9:00〜17:00
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}</article></body></html>