import React from "react";

import { Card, CardContent } from "@/components/ui/card";

import { Button } from "@/components/ui/button";

import { CalendarIcon, MapPin } from "lucide-react";

export default function BlogPage() {

  return (

    <div className="max-w-5xl mx-auto p-6">

      <h1 className="text-4xl font-bold mb-4">Muhafazakar Aileler İçin Kiralık Villada Tatil Rehberi (2025)</h1>

      <p className="text-gray-600 mb-6">

        Gizlilik, konfor ve helal tatil arayışında olan muhafazakar aileler için ideal seçenek:

        kiralık villa tatili. 2025 trendleri, popüler bölgeler ve ipuçları burada!

      </p>

      <Card className="mb-6">

        <CardContent className="p-4">

          <h2 className="text-2xl font-semibold mb-2">Neden Kiralık Villa Tatili?</h2>

          <ul className="list-disc pl-5 space-y-2">

            <li><strong>Gizlilik:</strong> Korunaklı havuz, yüksek duvarlar, size özel yaşam alanı.</li>

            <li><strong>Dini Uygunluk:</strong> Namaz odası, helal mutfak, kadınlara özel alanlar.</li>

            <li><strong>Aile Konforu:</strong> Çocuk dostu bahçeler, barbekü alanları, sinema sistemleri.</li>

          </ul>

        </CardContent>

      </Card>

      <Card className="mb-6">

        <CardContent className="p-4">

          <h2 className="text-2xl font-semibold mb-2">Popüler Bölgeler</h2>

          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">

            <div><MapPin className="inline mr-2" />Kalkan - İslamlar Köyü, Üzümlü</div>

            <div><MapPin className="inline mr-2" />Kaş - Doğa ile iç içe villalar</div>

            <div><MapPin className="inline mr-2" />Fethiye - Ölüdeniz, Saklıkent</div>

            <div><MapPin className="inline mr-2" />Sapanca - Kış tatili için ideal</div>

          </div>

        </CardContent>

      </Card>

      <Card className="mb-6">

        <CardContent className="p-4">

          <h2 className="text-2xl font-semibold mb-2">Villa Seçerken Dikkat Edilmesi Gerekenler</h2>

          <ul className="list-disc pl-5 space-y-2">

            <li>Güvenilir rezervasyon siteleri kullanın.</li>

            <li>Korunaklılık durumu ve havuz görünürlüğünü kontrol edin.</li>

            <li>Helal gıda temini ve mutfak donanımını inceleyin.</li>

          </ul>

        </CardContent>

      </Card>

      <Card className="mb-6">

        <CardContent className="p-4">

          <h2 className="text-2xl font-semibold mb-2">2025 SEO Anahtar Kelimeleri</h2>

          <div className="flex flex-wrap gap-2">

            {["muhafazakar villa tatili", "korunaklı havuzlu villa", "helal tatil", "islami tatil villası", "kadınlara özel havuz", "çocuk dostu villa"].map((tag) => (

              <span key={tag} className="bg-blue-100 text-blue-800 text-sm px-3 py-1 rounded-full">

                {tag}

              </span>

            ))}

          </div>

        </CardContent>

      </Card>

      <div className="text-center">

        <Button className="text-lg px-6 py-3">Erken Rezervasyon İçin Şimdi İncele</Button>

      </div>

    </div>

  );

}