Gayrimenkul ROI Hesaplayıcı









Hesaplanan Getiri

Aylık Kredi Ödemesi

€0

Toplam ROI

%0

import React, { useState } from ‘react’;
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ı

{marketData.map(market => (

))}

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

{/* Progress Bar */}

{/* Timeline Dots */}

{timelineSteps.map((step, index) => ( <div
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