hamptonbrown/app/services/advisory/page.tsx

202 lines
11 KiB
TypeScript

import type { Metadata } from 'next';
import { CTASection } from '@/components/cta-section';
import Image from 'next/image';
export const metadata: Metadata = {
title: 'Advisory Services',
description: 'Strategic advisory services to help you achieve your business and economic goals.',
openGraph: {
title: 'Advisory Services',
description: 'Strategic advisory services to help you achieve your business and economic goals.',
images: ['/images/service-advisory.jpg'],
},
};
export default function AdvisoryServicesPage() {
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">
Advisory Services
</h1>
<p className="text-xl text-cloud/90 max-w-3xl mx-auto mb-8">
Expert business advisory services to help you make informed decisions and optimize your business performance.
</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="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</div>
<div>
<h1 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
Advisory Services
</h1>
<p className="text-lg text-teal">Strategic Business Guidance</p>
</div>
</div>
<p className="text-lg leading-8 text-slate mb-8">
Strategic business advisory services to help you make informed decisions, optimize performance, and achieve your business objectives.
</p>
{/* Blue Banner Section */}
<div className="bg-navy rounded-lg p-6 mb-8">
<div className="flex items-center">
<div className="flex h-12 w-12 items-center justify-center rounded-lg bg-teal 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="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</div>
<div>
<h3 className="text-xl font-semibold text-cloud">Strategic Business Guidance</h3>
<p className="text-slate-200 mt-1">Data-driven advice to optimize your business performance</p>
</div>
</div>
</div>
<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">Business valuation services</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">Financial analysis and reporting</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">Strategic planning facilitation</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">Performance improvement consulting</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">Merger and acquisition support</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 management</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">Data-driven business decisions</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 operational efficiency</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">Enhanced business value</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">Strategic competitive advantage</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 Advisory Services
<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-64 w-64 border rounded-lg overflow-hidden">
<Image
src="/images/service-advisory.jpg"
alt="Advisory Services"
width={256}
height={256}
className="h-full w-full object-cover"
/>
</div>
</div>
<h2 className="text-2xl font-bold text-ink text-center mb-2">Advisory Services</h2>
<p className="text-teal text-center">Strategic Business Guidance</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"
/>
</>
);
}