|
|
|
|
@@ -6,7 +6,16 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
|
|
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
|
import { Calculator, Zap, Info } from 'lucide-react';
|
|
|
|
|
import { Calculator, Zap, Info, CheckCircle, Clock, FileText } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
const formatIndianRupee = (amount: number): string => {
|
|
|
|
|
return new Intl.NumberFormat('en-IN', {
|
|
|
|
|
style: 'currency',
|
|
|
|
|
currency: 'INR',
|
|
|
|
|
minimumFractionDigits: 0,
|
|
|
|
|
maximumFractionDigits: 0,
|
|
|
|
|
}).format(amount);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -64,7 +73,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="calculator" data-section="calculator">
|
|
|
|
|
<FeatureCardTwentyThree
|
|
|
|
|
title="Premium Calculator"
|
|
|
|
|
description="Select your vehicle details and coverage preferences. Watch as your premium estimate updates instantly with a detailed cost breakdown."
|
|
|
|
|
description="Select your vehicle details and coverage preferences. Watch as your premium estimate updates instantly with a detailed cost breakdown in Indian Rupees."
|
|
|
|
|
tag="Interactive Calculator"
|
|
|
|
|
tagIcon={Calculator}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -105,7 +114,7 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "live-breakdown", title: "Live Premium Breakdown", tags: [
|
|
|
|
|
"Base Premium + GST (18%) + NCB Discount + Add-ons", "Updates instantly as you adjust inputs"
|
|
|
|
|
"Base Premium + GST (18%) + NCB Discount + Add-ons", "Updates instantly as you adjust inputs - All prices in INR"
|
|
|
|
|
],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-icons-set-web-project-plan-interface-design-marketing-research_126523-1105.jpg?_wi=4", imageAlt: "Premium cost breakdown display"
|
|
|
|
|
}
|
|
|
|
|
@@ -113,10 +122,44 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="success-timeline" data-section="success-timeline">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
title="Your Claim Journey"
|
|
|
|
|
description="Track the status of your claim from submission to settlement. Our transparent timeline shows you exactly where your claim stands and what happens next."
|
|
|
|
|
tag="Claim Process"
|
|
|
|
|
tagIcon={Clock}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
animationType="smooth"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "claim-submitted", title: "Claim Submitted - Reference: CLM-2024-001234", content: "Your claim has been successfully received on January 15, 2024 at 2:30 PM. Our claims team has started reviewing your documents. You can use your reference number CLM-2024-001234 to track progress at any time."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "documents-verified", title: "Documents Verified - Processing", content: "All required documents have been verified and validated. Your claim is now in our processing queue and will be assigned to a dedicated claims adjuster within 24 hours. Expected assignment: January 16, 2024."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "survey-scheduled", title: "Vehicle Survey Scheduled", content: "A survey appointment has been scheduled for January 17, 2024 at 10:00 AM. Our authorized surveyor will visit your location to assess the vehicle damage. Survey location: Mumbai Service Center."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "survey-completed", title: "Survey Completed - Damage Assessed", content: "The vehicle survey has been completed. Estimated damage cost: ₹45,000. The surveyor's report is being processed and will be finalized within 48 hours."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "approval-pending", title: "Claim Approval Pending", content: "Your claim is in the final review stage. Our underwriters are reviewing the survey report and all supporting documentation. Approval is expected by January 18, 2024."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "claim-approved", title: "Claim Approved - Settlement Initiated", content: "Great news! Your claim has been approved for ₹43,500 (after considering deductible of ₹1,500). The approved amount has been transferred to your registered bank account. Settlement completed on January 18, 2024."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing-breakdown" data-section="pricing-breakdown">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
title="Why This Price?"
|
|
|
|
|
description="Understand how your insurance premium is calculated. Expand each section to see the breakdown and factors affecting your quote."
|
|
|
|
|
description="Understand how your insurance premium is calculated. Expand each section to see the breakdown and factors affecting your quote. All amounts shown in Indian Rupees."
|
|
|
|
|
tag="Transparency"
|
|
|
|
|
tagIcon={Info}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -126,22 +169,22 @@ export default function LandingPage() {
|
|
|
|
|
animationType="smooth"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "base-premium", title: "What is the Base Premium?", content: "The base premium is calculated based on your vehicle's make, model, year, and engine capacity. Newer vehicles and higher engine capacity typically have different base premiums. This forms the foundation of your insurance cost before any discounts or taxes are applied."
|
|
|
|
|
id: "base-premium", title: "What is the Base Premium?", content: `The base premium is calculated based on your vehicle's make, model, year, and engine capacity. For example, a 2023 Maruti Swift with 1200cc engine in Mumbai starts at ${formatIndianRupee(4500)}. Newer vehicles and higher engine capacity typically have different base premiums. This forms the foundation of your insurance cost before any discounts or taxes are applied.`
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "gst-calculation", title: "Why is GST 18% charged?", content: "GST (Goods and Services Tax) at 18% is a mandatory government tax on insurance premiums in India. This is added to your base premium after discounts. It's a regulatory requirement and applies to all insurance products."
|
|
|
|
|
id: "gst-calculation", title: "Why is GST 18% charged?", content: `GST (Goods and Services Tax) at 18% is a mandatory government tax on insurance premiums in India. For a ${formatIndianRupee(4500)} base premium, GST adds ${formatIndianRupee(810)}. This is added to your base premium after discounts. It's a regulatory requirement and applies to all insurance products.`
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "ncb-discount", title: "How does NCB Discount work?", content: "No Claim Bonus (NCB) is a reward for not making claims in previous years. You can accumulate up to 50% discount by maintaining a clean claim history. The NCB percentage you select is deducted from the premium before GST is applied."
|
|
|
|
|
id: "ncb-discount", title: "How does NCB Discount work?", content: `No Claim Bonus (NCB) is a reward for not making claims in previous years. You can accumulate up to 50% discount by maintaining a clean claim history. For example, 20% NCB on a ${formatIndianRupee(4500)} premium saves you ${formatIndianRupee(900)}. The NCB percentage you select is deducted from the premium before GST is applied.`
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "add-ons", title: "What are Add-ons?", content: "Add-ons are optional coverage extensions you can choose to enhance your base plan. Common add-ons include: Zero Depreciation, Return to Invoice, Roadside Assistance, Personal Accident, and Engine Protection. Each add-on has an additional cost."
|
|
|
|
|
id: "add-ons", title: "What are Add-ons?", content: `Add-ons are optional coverage extensions you can choose to enhance your base plan. Common add-ons include: Zero Depreciation (${formatIndianRupee(1200)}), Return to Invoice (${formatIndianRupee(800)}), Roadside Assistance (${formatIndianRupee(400)}), Personal Accident (${formatIndianRupee(350)}), and Engine Protection (${formatIndianRupee(500)}). Each add-on has an additional cost.`
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "coverage-difference", title: "What's the difference between coverage types?", content: "Third-Party coverage is mandatory and covers damage/liability you cause to others. Comprehensive coverage includes your own vehicle's damages from accidents, theft, natural disasters, and more. Comprehensive is more expensive but offers better protection."
|
|
|
|
|
id: "coverage-difference", title: "What's the difference between coverage types?", content: `Third-Party coverage (mandatory, approx. ${formatIndianRupee(2500)}) covers damage/liability you cause to others. Comprehensive coverage (approx. ${formatIndianRupee(4500)}) includes your own vehicle's damages from accidents, theft, natural disasters, and more. Comprehensive is more expensive but offers better protection.`
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "location-impact", title: "How does location affect pricing?", content: "Urban areas with higher traffic and accident rates typically have higher premiums than rural areas. Your city selection factors in local claim history, traffic density, and theft rates, which directly impact the risk assessment and your final premium."
|
|
|
|
|
id: "location-impact", title: "How does location affect pricing?", content: `Urban areas with higher traffic and accident rates typically have higher premiums than rural areas. Your city selection factors in local claim history, traffic density, and theft rates, which directly impact the risk assessment and your final premium. Premium difference: Mumbai (${formatIndianRupee(4500)}) vs. Pune (${formatIndianRupee(4200)}) for same vehicle.`
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
|