Gayrimenkul ROI Hesaplayıcı
Hesaplanan Getiri
Aylık Kredi Ödemesi
€0
Toplam ROI
%0
import { Card, CardHeader, CardTitle, CardContent } from ‘@/components/ui/card’;
import { LineChart, Line, BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from ‘recharts’;
const MarketComparisonTool = () => {
// Örnek veriler
const marketData = [
{
name: ‘İstanbul’,
performanceData: [
{ year: ‘2020’, value: 100 },
{ year: ‘2021’, value: 125 },
{ year: ‘2022’, value: 158 },
{ year: ‘2023’, value: 190 },
],
rentalYield: 4.8,
appreciation: 25.3
},
{
name: ‘Ankara’,
performanceData: [
{ year: ‘2020’, value: 100 },
{ year: ‘2021’, value: 118 },
{ year: ‘2022’, value: 142 },
{ year: ‘2023’, value: 170 },
],
rentalYield: 5.2,
appreciation: 19.8
},
{
name: ‘İzmir’,
performanceData: [
{ year: ‘2020’, value: 100 },
{ year: ‘2021’, value: 122 },
{ year: ‘2022’, value: 150 },
{ year: ‘2023’, value: 180 },
],
rentalYield: 5.0,
appreciation: 22.1
}
];
const [selectedMarkets, setSelectedMarkets] = useState([‘İstanbul’, ‘Ankara’, ‘İzmir’]);
const toggleMarket = (market) => {
setSelectedMarkets(prev =>
prev.includes(market)
? prev.filter(m => m !== market)
: […prev, market]
);
};
const yieldsData = marketData.map(market => ({
name: market.name,
‘Kira Getirisi (%)’: market.rentalYield,
‘Değer Artışı (%)’: market.appreciation
}));
return (
Gayrimenkul Piyasası Karşılaştırma Aracı
))}
Piyasa Performansı
{marketData
.filter(market => selectedMarkets.includes(market.name))
.map((market, index) => (
))}
Kira Getirisi ve Değer Artışı
selectedMarkets.includes(item.name))}
margin={{ top: 20, right: 30, left: 20, bottom: 20 }}
>
);
};
export default MarketComparisonTool;
import React, { useState } from ‘react’;import { StepForward, StepBack, CheckCircle, Clock } from ‘lucide-react’;
const InvestmentTimeline = () => {
const [currentStep, setCurrentStep] = useState(0);
const timelineSteps = [
{
title: “Initial Consultation”,
description: “Meet with financial advisor to discuss investment goals, risk tolerance, and investment strategy.”,
duration: “1-2 weeks”
},
{
title: “Market Research”,
description: “Comprehensive analysis of property markets, identifying potential investment opportunities.”,
duration: “2-3 weeks”
},
{
title: “Financial Pre-qualification”,
description: “Assess financial readiness, review credit score, and determine investment budget.”,
duration: “1 week”
},
{
title: “Property Sourcing”,
description: “Identify and evaluate potential properties matching investment criteria.”,
duration: “3-4 weeks”
},
{
title: “Due Diligence”,
description: “Detailed property inspection, legal checks, and financial analysis.”,
duration: “2-3 weeks”
},
{
title: “Offer & Negotiation”,
description: “Prepare and submit purchase offer, negotiate terms with seller.”,
duration: “1-2 weeks”
},
{
title: “Financing Finalization”,
description: “Secure investment property mortgage, complete financial arrangements.”,
duration: “2-3 weeks”
},
{
title: “Property Acquisition”,
description: “Close the deal, transfer ownership, and complete the investment process.”,
duration: “1 week”
}
];
const handleNext = () => {
setCurrentStep(prevStep =>
prevStep < timelineSteps.length – 1 ? prevStep + 1 : prevStep ); }; const handlePrevious = () => {
setCurrentStep(prevStep =>
prevStep > 0 ? prevStep – 1 : prevStep
);
};
return (
Investment Property Acquisition Timeline
{/* Timeline Dots */}
key={index}
className={`w-8 h-8 rounded-full flex items-center justify-center
${index <= currentStep ? ‘bg-blue-500 text-white’ : ‘bg-gray-200 text-gray-500’}`} >
{index <= currentStep ? : }
))}
{/* Current Step Details */}
{timelineSteps[currentStep].title}
{timelineSteps[currentStep].description}
Estimated Duration: {timelineSteps[currentStep].duration}
{/* Navigation Buttons */}
);
};
export default InvestmentTimeline;
Emlak Yatırım Maliyet Hesaplayıcı
Peşinat
–
Kredi Tutarı
–
Aylık Mortgage
–
Aylık Bakım Maliyeti
–
Aylık Emlak Vergisi
–
Toplam Maliyet Özeti
Aylık Toplam Maliyet
–
Yıllık Toplam Maliyet
–


