187 lines
9.7 KiB
TypeScript
Executable File
187 lines
9.7 KiB
TypeScript
Executable File
import type { Metadata } from 'next';
|
|
import { CTASection } from '@/components/cta-section';
|
|
import Image from 'next/image';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Financial Planning Services',
|
|
description: 'Comprehensive financial planning to help you achieve your economic goals and control your financial environment.',
|
|
openGraph: {
|
|
title: 'Financial Planning Services',
|
|
description: 'Comprehensive financial planning to help you achieve your economic goals and control your financial environment.',
|
|
images: ['/images/service-financial-planning.jpg'],
|
|
},
|
|
};
|
|
|
|
export default function FinancialPlanningPage() {
|
|
return (
|
|
<>
|
|
{/* Hero */}
|
|
<section className="bg-navy py-16 sm:py-24">
|
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
<h1 className="text-4xl font-bold tracking-tight text-cloud sm:text-5xl mb-6">
|
|
Financial Planning Services
|
|
</h1>
|
|
<p className="text-xl text-cloud/90 max-w-3xl mx-auto mb-8">
|
|
Comprehensive financial planning services to help you achieve your long-term goals and build lasting wealth.
|
|
</p>
|
|
<button className="bg-cloud text-navy px-8 py-3 rounded-lg font-semibold hover:bg-cloud/90 transition-colors border-2 border-cloud">
|
|
Schedule a Consultation
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="bg-cloud py-16 sm:py-20">
|
|
<div className="mx-auto max-w-7xl px-4 lg:px-6">
|
|
<div className="mx-auto max-w-2xl lg:max-w-none">
|
|
<div className="grid grid-cols-1 gap-16 lg:grid-cols-2 lg:gap-24">
|
|
<div>
|
|
<div className="flex items-center mb-6">
|
|
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-navy mr-4">
|
|
<svg className="h-6 w-6 text-cloud" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h1 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
|
|
Financial Planning
|
|
</h1>
|
|
<p className="text-lg text-teal">Build and Protect Your Financial Future</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p className="text-lg leading-8 text-slate mb-8">
|
|
Comprehensive financial planning services to help you achieve your long-term goals and build lasting wealth.
|
|
</p>
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
<div>
|
|
<h3 className="text-lg font-semibold text-ink mb-4">What We Do</h3>
|
|
<ul className="space-y-3">
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-2 w-2 items-center justify-center rounded-full bg-teal mt-2 mr-3"></div>
|
|
</div>
|
|
<span className="text-slate">Retirement planning and projections</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-2 w-2 items-center justify-center rounded-full bg-teal mt-2 mr-3"></div>
|
|
</div>
|
|
<span className="text-slate">Investment strategy development</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-2 w-2 items-center justify-center rounded-full bg-teal mt-2 mr-3"></div>
|
|
</div>
|
|
<span className="text-slate">Cash flow analysis and budgeting</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-2 w-2 items-center justify-center rounded-full bg-teal mt-2 mr-3"></div>
|
|
</div>
|
|
<span className="text-slate">Risk management and insurance planning</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-2 w-2 items-center justify-center rounded-full bg-teal mt-2 mr-3"></div>
|
|
</div>
|
|
<span className="text-slate">Education funding strategies</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-2 w-2 items-center justify-center rounded-full bg-teal mt-2 mr-3"></div>
|
|
</div>
|
|
<span className="text-slate">Debt management and optimization</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 className="text-lg font-semibold text-ink mb-4">Outcomes</h3>
|
|
<ul className="space-y-3">
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<svg className="h-5 w-5 text-green-500 mt-0.5 mr-3" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
<span className="text-slate">Clear path to retirement goals</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<svg className="h-5 w-5 text-green-500 mt-0.5 mr-3" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
<span className="text-slate">Optimized investment portfolio</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<svg className="h-5 w-5 text-green-500 mt-0.5 mr-3" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
<span className="text-slate">Improved cash flow management</span>
|
|
</li>
|
|
<li className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<svg className="h-5 w-5 text-green-500 mt-0.5 mr-3" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
<span className="text-slate">Protected against financial risks</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-8">
|
|
<button className="bg-navy text-cloud px-6 py-3 rounded-lg font-semibold hover:bg-navy/90 transition-colors flex items-center">
|
|
Learn More About Financial Planning
|
|
<svg className="ml-2 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="relative">
|
|
<div className="bg-sand p-8 rounded-lg shadow-lg">
|
|
<div className="flex items-center justify-center mb-6">
|
|
<div className="h-48 w-48 border rounded-lg overflow-hidden">
|
|
<Image
|
|
src="/images/service-financial-planning.jpg"
|
|
alt="Financial Planning"
|
|
width={192}
|
|
height={192}
|
|
className="h-full w-full object-cover"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<h2 className="text-2xl font-bold text-ink text-center mb-2">Financial Planning</h2>
|
|
<p className="text-teal text-center">Build and Protect Your Financial Future</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<CTASection
|
|
title="Ready to Get Started?"
|
|
description="Contact Hampton, Brown & Associates today to discuss your needs and learn how our comprehensive CPA services can help you achieve your financial goals."
|
|
primaryCta={{
|
|
text: 'Schedule Free Consultation',
|
|
href: '/contact',
|
|
icon: 'phone',
|
|
}}
|
|
secondaryCta={{
|
|
text: 'Call (361) 888-7711',
|
|
href: 'tel:+1-361-888-7711',
|
|
}}
|
|
variant="dark"
|
|
/>
|
|
</>
|
|
);
|
|
}
|