알려요

[은나래]

<!-- 네이버 블로그용 HTML 코드 전체 파일 (줄바꿈 포함) -->
<pre style="white-space:pre-wrap; font-family:sans-serif; color:#1e3a8a; max-width:800px; margin:auto;">
&lt;div style=&quot;font-family:sans-serif; color:#1e3a8a; max-width:800px; margin:auto;&quot;&gt;
  &lt;header style=&quot;text-align:center; padding:20px 0; background:#e0f7fa; border-bottom:1px solid #c0e8f0;&quot;&gt;
    &lt;h1 style=&quot;font-size:24px; font-weight:bold; margin:0;&quot;&gt;가람은나래노인복지센터&lt;/h1&gt;
    &lt;p style=&quot;font-size:14px; color:#0f4c75; margin:5px 0 0 0;&quot;&gt;방문요양 전문기관&lt;/p&gt;
  &lt;/header&gt;

  &lt;section style=&quot;padding:30px 20px; text-align:center; background:linear-gradient(to bottom, #e0f7fa, #ffffff);&quot;&gt;
    &lt;h2 style=&quot;font-size:22px; font-weight:bold; color:#0f4c75;&quot;&gt;집에서 누리는 돌봄, &lt;span style=&quot;color:#06b6d4;&quot;&gt;방문요양&lt;/span&gt;으로 편안하게&lt;/h2&gt;
    &lt;p style=&quot;margin-top:10px; color:#555;&quot;&gt;30~60대 보호자님이 믿고 맡길 수 있는 가정방문 돌봄 서비스. 일상지원·정서케어·안전관리를 한 번에, 우리 집에서 편안하게 받아보세요.&lt;/p&gt;
    &lt;div style=&quot;margin-top:20px;&quot;&gt;
      &lt;a href=&quot;#contact&quot; style=&quot;display:inline-block; margin:5px; padding:10px 20px; background:#06b6d4; color:white; text-decoration:none; border-radius:12px;&quot;&gt;상담 신청&lt;/a&gt;
      &lt;a href=&quot;https://blog.naver.com/long-termcare&quot; target=&quot;_blank&quot; style=&quot;display:inline-block; margin:5px; padding:10px 20px; background:#facc15; color:white; text-decoration:none; border-radius:12px;&quot;&gt;네이버 블로그&lt;/a&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;section style=&quot;padding:30px 20px; background:#ffffff;&quot;&gt;
    &lt;h2 style=&quot;font-size:20px; font-weight:bold; color:#0f4c75; text-align:center;&quot;&gt;오시는 길&lt;/h2&gt;
    &lt;p style=&quot;text-align:center; color:#555; margin-top:5px;&quot;&gt;서울시 양천구 남부순환로 327&lt;/p&gt;
    &lt;div style=&quot;text-align:center; margin-top:15px;&quot;&gt;
      &lt;a href=&quot;tel:02-2693-0233&quot; style=&quot;display:inline-block; margin:5px; padding:10px 20px; background:#06b6d4; color:white; text-decoration:none; border-radius:12px;&quot;&gt;전화 걸기&lt;/a&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;section style=&quot;padding:30px 20px; background:#e0f7fa; text-align:center;&quot;&gt;
    &lt;h2 style=&quot;font-size:20px; font-weight:bold; color:#0f4c75;&quot;&gt;상담 문의&lt;/h2&gt;
    &lt;div style=&quot;margin-top:15px;&quot;&gt;
      &lt;p style=&quot;margin-bottom:5px; color:#555;&quot;&gt;전화 상담: 평일 09:00 ~ 18:00&lt;/p&gt;
      &lt;a href=&quot;tel:02-2693-0233&quot; style=&quot;display:inline-block; margin:5px; padding:10px 20px; background:#06b6d4; color:white; text-decoration:none; border-radius:12px;&quot;&gt;전화 걸기&lt;/a&gt;
      &lt;p style=&quot;margin:10px 0 5px 0; color:#555;&quot;&gt;온라인 문의&lt;/p&gt;
      &lt;a href=&quot;mailto:info@example.com&quot; style=&quot;display:inline-block; margin:5px; padding:10px 20px; background:#ffffff; border:1px solid #06b6d4; color:#06b6d4; text-decoration:none; border-radius:12px;&quot;&gt;이메일 보내기&lt;/a&gt;
      &lt;p style=&quot;margin:10px 0 5px 0; color:#555;&quot;&gt;카카오톡 상담 (곧 채널 개설 예정)&lt;/p&gt;
      &lt;a href=&quot;#&quot; style=&quot;display:inline-block; margin:5px; padding:10px 20px; background:#facc15; color:white; text-decoration:none; border-radius:12px;&quot;&gt;카카오톡 상담&lt;/a&gt;
      &lt;p style=&quot;margin-top:5px; font-size:12px; color:#888;&quot;&gt;설정 후 버튼 링크를 카카오톡 채널 URL로 교체하세요.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/section&gt;

  &lt;footer style=&quot;padding:20px; background:#c0e8f0; text-align:center; color:#555; font-size:12px;&quot;&gt;
    &lt;div&gt;가람은나래노인복지센터 | 서울시 양천구 남부순환로 327&lt;/div&gt;
    &lt;div&gt;대표전화: &lt;a href=&quot;tel:02-2693-0233&quot; style=&quot;color:#0f4c75; text-decoration:none;&quot;&gt;02-2693-0233&lt;/a&gt;&lt;/div&gt;
  &lt;/footer&gt;
&lt;/div&gt;
</pre>




import React from "react";

export default function HomePage() {
  return (
    <div className="font-sans text-[#1e3a8a] max-w-4xl mx-auto leading-relaxed p-6">
      <header className="text-center my-6">
        <h1 className="text-3xl font-bold">가람은나래노인복지센터</h1>
        <p className="text-sm text-[#0f4c75] mt-2">방문요양 전문기관</p>
      </header>

      <section className="text-center my-8">
        <h2 className="text-2xl font-bold text-[#0f4c75]">
          집에서 누리는 돌봄, <span className="text-[#06b6d4]">방문요양</span>
        </h2>
        <p className="text-gray-600 mt-4">
          30~60대 보호자님이 믿고 맡길 수 있는 가정방문 돌봄 서비스.<br />
          일상지원 · 정서케어 · 안전관리까지 집에서 편안하게.
        </p>
      </section>

      <div className="flex justify-center gap-4 my-6">
        <a
          href="tel:02-2693-0233"
          className="px-6 py-3 bg-[#06b6d4] text-white rounded-2xl shadow hover:bg-[#0891b2]"
        >
          전화 상담
        </a>
        <a
          href="https://blog.naver.com/long-termcare"
          target="_blank"
          rel="noopener noreferrer"
          className="px-6 py-3 bg-yellow-400 text-white rounded-2xl shadow hover:bg-yellow-500"
        >
          네이버 블로그
        </a>
      </div>

      <section className="text-center my-10">
        <h2 className="text-xl font-bold text-[#0f4c75]">오시는 길</h2>
        <p className="text-gray-600 mt-2">서울시 양천구 남부순환로 327</p>
      </section>

      <section className="text-center my-10">
        <h2 className="text-xl font-bold text-[#0f4c75]">상담 문의</h2>
        <p className="text-gray-600 mt-2">
          대표전화: <a href="tel:02-2693-0233" className="text-[#06b6d4]">02-2693-0233</a><br />
          평일 09:00 ~ 18:00
        </p>
        <p className="text-gray-600">카카오톡 상담 (채널 개설 예정)</p>
      </section>

      <footer className="mt-12 text-center text-sm text-gray-500">
        가람은나래노인복지센터 | 서울시 양천구 남부순환로 327
      </footer>
    </div>


import React from "react";

export default function HomePage() {
  return (
    <div className="font-sans text-[#1e3a8a] max-w-4xl mx-auto leading-relaxed p-6">
      <header className="text-center my-6">
        <h1 className="text-3xl font-bold">가람은나래노인복지센터</h1>
        <p className="text-sm text-[#0f4c75] mt-2">방문요양 전문기관</p>
      </header>

      <section className="text-center my-8">
        <h2 className="text-2xl font-bold text-[#0f4c75]">
          집에서 누리는 돌봄, <span className="text-[#06b6d4]">방문요양</span>
        </h2>
        <p className="text-gray-600 mt-4">
          30~60대 보호자님이 믿고 맡길 수 있는 가정방문 돌봄 서비스.<br />
          일상지원 · 정서케어 · 안전관리까지 집에서 편안하게.
        </p>
      </section>

      <div className="flex justify-center gap-4 my-6">
        <a
          href="tel:02-2693-0233"
          className="px-6 py-3 bg-[#06b6d4] text-white rounded-2xl shadow hover:bg-[#0891b2]"
        >
          전화 상담
        </a>
        <a
          href="https://blog.naver.com/long-termcare"
          target="_blank"
          rel="noopener noreferrer"
          className="px-6 py-3 bg-yellow-400 text-white rounded-2xl shadow hover:bg-yellow-500"
        >
          네이버 블로그
        </a>
      </div>

      <section className="text-center my-10">
        <h2 className="text-xl font-bold text-[#0f4c75]">오시는 길</h2>
        <p className="text-gray-600 mt-2">서울시 양천구 남부순환로 327</p>
      </section>

      <section className="text-center my-10">
        <h2 className="text-xl font-bold text-[#0f4c75]">상담 문의</h2>
        <p className="text-gray-600 mt-2">
          대표전화: <a href="tel:02-2693-0233" className="text-[#06b6d4]">02-2693-0233</a><br />
          평일 09:00 ~ 18:00
        </p>
        <p className="text-gray-600">카카오톡 상담 (채널 개설 예정)</p>
      </section>

      <footer className="mt-12 text-center text-sm text-gray-500">
        가람은나래노인복지센터 | 서울시 양천구 남부순환로 327
      </footer>
    </div>
  );
}

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>가람은나래노인복지센터</title>
  <style>
    body { font-family: sans-serif; color: #1e3a8a; max-width: 720px; margin: 0 auto; line-height: 1.6; padding: 20px; }
    header { text-align: center; margin: 30px 0; }
    header h1 { font-size: 28px; font-weight: bold; }
    header p { font-size: 14px; color: #0f4c75; margin-top: 8px; }
    section { text-align: center; margin: 40px 0; }
    section h2 { font-size: 22px; font-weight: bold; color: #0f4c75; }
    section p { color: #555; margin-top: 12px; }
    .btns { display: flex; justify-content: center; gap: 15px; margin: 25px 0; }
    .btn { padding: 12px 24px; border-radius: 20px; text-decoration: none; color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
    .btn-blue { background-color: #06b6d4; }
    .btn-blue:hover { background-color: #0891b2; }
    .btn-yellow { background-color: #facc15; }
    .btn-yellow:hover { background-color: #eab308; }
    footer { margin-top: 50px; text-align: center; font-size: 14px; color: #777; }
  </style>
</head>
<body>
  <header>
    <h1>가람은나래노인복지센터</h1>
    <p>방문요양 전문기관</p>
  </header>

  <section>
    <h2>집에서 누리는 돌봄, <span style="color:#06b6d4">방문요양</span></h2>
    <p>30~60대 보호자님이 믿고 맡길 수 있는 가정방문 돌봄 서비스.<br>
    일상지원 · 정서케어 · 안전관리까지 집에서 편안하게.</p>
  </section>

  <div class="btns">
    <a href="tel:02-2693-0233" class="btn btn-blue">전화 상담</a>
    <a href="https://blog.naver.com/long-termcare" target="_blank" class="btn btn-yellow">네이버 블로그</a>
  </div>

  <section>
    <h2>오시는 길</h2>
    <p>서울시 양천구 남부순환로 327</p>
  </section>

  <section>
    <h2>상담 문의</h2>
    <p>대표전화: <a href="tel:02-2693-0233" style="color:#06b6d4">02-2693-0233</a><br>
    평일 09:00 ~ 18:00</p>
    <p>카카오톡 상담 (채널 개설 예정)</p>
  </section>

  <footer>
    가람은나래노인복지센터 | 서울시 양천구 남부순환로 327
  </footer>
</body>
</html>