This commit is contained in:
knuthtimo-lab 2025-08-26 15:49:04 +02:00
parent 0e6eca974b
commit 8d2135ead8
12 changed files with 101 additions and 40 deletions

View File

@ -30,8 +30,8 @@ export default function HomePage() {
subtitle="At Hampton, Brown & Associates, we assist our clients with their tax and accounting needs and achieving economic goals. Our primary tool is providing Federal income and estate tax services and financial planning in a manner that permits our clients to control the tax impact on their economic environment to the maximum extent possible."
ctaText="Schedule a Consultation"
ctaHref="/contact"
imageSrc="/images/home-hero.jpg"
imageAlt="Professional desk setup with tax planning documents and organized workspace"
imageSrc="/images/BannerHamptonBrown.png"
imageAlt="Hampton, Brown & Associates professional banner with company branding"
/>
<ProcessSteps />

View File

@ -152,7 +152,7 @@ export default function ReviewsPage() {
<h2 className="text-3xl font-bold tracking-tight text-cloud sm:text-4xl">
Ready to Join Our Satisfied Clients?
</h2>
<p className="mt-6 text-lg leading-8 text-slate-300">
<p className="mt-6 text-lg leading-8 text-cloud/90">
Experience the difference that professional, personalized tax and financial services can make for you and your family.
</p>
<div className="mt-10 flex items-center justify-center gap-x-6">

View File

@ -50,9 +50,24 @@ export default function AdvisoryServicesPage() {
</div>
<p className="text-lg leading-8 text-slate mb-8">
Expert business advisory services to help you make informed decisions and optimize your business performance.
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>
@ -148,12 +163,12 @@ export default function AdvisoryServicesPage() {
<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">
<div className="h-64 w-64 border rounded-lg overflow-hidden">
<Image
src="/images/service-advisory.jpg"
alt="Advisory Services"
width={192}
height={192}
width={256}
height={256}
className="h-full w-full object-cover"
/>
</div>

View File

@ -53,6 +53,21 @@ export default function EstateTaxPlanningPage() {
Comprehensive estate planning strategies to minimize estate taxes and ensure your wealth transfers efficiently to future generations.
</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="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
</svg>
</div>
<div>
<h3 className="text-xl font-semibold text-cloud">Protect and Transfer Your Wealth</h3>
<p className="text-slate-200 mt-1">Comprehensive estate planning strategies for your legacy</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>
@ -148,12 +163,12 @@ export default function EstateTaxPlanningPage() {
<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">
<div className="h-64 w-64 border rounded-lg overflow-hidden">
<Image
src="/images/service-estate-tax.jpg"
alt="Estate Tax Planning"
width={192}
height={192}
width={256}
height={256}
className="h-full w-full object-cover"
/>
</div>

View File

@ -53,6 +53,21 @@ export default function FederalIncomeTaxPage() {
Complete tax preparation services combined with proactive tax planning strategies to minimize your liability and maximize savings.
</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="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
</svg>
</div>
<div>
<h3 className="text-xl font-semibold text-cloud">Tax Preparation & Strategic Planning</h3>
<p className="text-slate-200 mt-1">Complete tax services to minimize liability and maximize savings</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>
@ -120,12 +135,12 @@ export default function FederalIncomeTaxPage() {
<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">
<div className="h-64 w-64 border rounded-lg overflow-hidden">
<Image
src="/images/service-income-tax.jpg"
alt="Federal Income Tax"
width={192}
height={192}
width={256}
height={256}
className="h-full w-full object-cover"
/>
</div>

View File

@ -50,9 +50,24 @@ export default function FinancialPlanningPage() {
</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.
Comprehensive financial planning services to help you build wealth, protect your assets, and achieve your long-term financial goals.
</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="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
</svg>
</div>
<div>
<h3 className="text-xl font-semibold text-cloud">Build and Protect Your Financial Future</h3>
<p className="text-slate-200 mt-1">Comprehensive financial planning for your long-term success</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>
@ -148,12 +163,12 @@ export default function FinancialPlanningPage() {
<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">
<div className="h-64 w-64 border rounded-lg overflow-hidden">
<Image
src="/images/service-financial-planning.jpg"
alt="Financial Planning"
width={192}
height={192}
width={256}
height={256}
className="h-full w-full object-cover"
/>
</div>

View File

@ -147,15 +147,15 @@ export default function ServicesPage() {
))}
{/* Bottom CTA */}
<section className="py-16 sm:py-24">
<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">
<h2 className="text-2xl font-semibold">Ready to Get Started?</h2>
<p className="mt-3">
<h2 className="text-2xl font-semibold text-cloud">Ready to Get Started?</h2>
<p className="mt-3 text-cloud/90">
Contact us today to learn how our services can help you achieve your goals.
</p>
<div className="mt-6 flex flex-col sm:flex-row gap-3 justify-center">
<a href="/contact" className="px-5 py-3 border rounded-md">Schedule Free Consultation</a>
<a href="tel:+13618887711" className="px-5 py-3 border rounded-md">Call (361) 888-7711</a>
<a href="/contact" className="px-5 py-3 border border-cloud text-cloud rounded-md hover:bg-cloud hover:text-navy transition-colors">Schedule Free Consultation</a>
<a href="tel:+13618887711" className="px-5 py-3 border border-cloud text-cloud rounded-md hover:bg-cloud hover:text-navy transition-colors">Call (361) 888-7711</a>
</div>
</div>
</section>

View File

@ -41,7 +41,7 @@ export function CTASection({
<h2 className={`text-3xl font-bold tracking-tight ${textClass} sm:text-4xl`}>
{title}
</h2>
<p className={`mt-6 text-lg leading-8 ${isDark ? 'text-slate-300' : 'text-slate-100'}`}>
<p className={`mt-6 text-lg leading-8 ${isDark ? 'text-cloud/90' : 'text-slate-100'}`}>
{description}
</p>
<div className="mt-8 flex items-center justify-center gap-x-6">

View File

@ -50,13 +50,14 @@ export function Hero({
</div>
</div>
<div className={`mx-auto mt-12 flex max-w-2xl sm:mt-16 lg:ml-8 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none xl:ml-20 ${reverse ? 'lg:order-1' : ''}`}>
<div className="max-w-2xl flex-none sm:max-w-3xl lg:max-w-none">
<div className="max-w-3xl flex-none sm:max-w-4xl lg:max-w-none flex justify-center">
<Image
src={imageSrc}
alt={imageAlt}
width={1200}
height={800}
className="w-[40rem] rounded-md bg-white/5 shadow-2xl ring-1 ring-white/10"
width={1000}
height={500}
className="w-full max-w-2xl object-contain"
priority
/>
</div>
</div>

View File

@ -31,26 +31,26 @@ export function SiteFooter() {
<div className="xl:grid xl:grid-cols-3 xl:gap-8">
<div className="space-y-8">
<div className="text-2xl font-bold">Hampton, Brown & Associates, PC</div>
<p className="text-sm leading-6 text-slate-300">
<p className="text-sm leading-6 text-slate-200">
Expert federal income and estate tax services, financial planning, and goal-oriented strategies in Corpus Christi, Texas.
We assist our clients with their tax and accounting needs and achieving economic goals.
</p>
<div className="space-y-4">
<div className="flex items-center space-x-3">
<MapPin className="h-5 w-5 text-teal" />
<span className="text-sm">Corpus Christi, TX</span>
<span className="text-sm text-slate-200">Corpus Christi, TX</span>
</div>
<div className="flex items-center space-x-3">
<Phone className="h-5 w-5 text-teal" />
<span className="text-sm">(361) 888-7711</span>
<span className="text-sm text-slate-200">(361) 888-7711</span>
</div>
<div className="flex items-center space-x-3">
<Mail className="h-5 w-5 text-teal" />
<span className="text-sm">info@hamptonbrown.com</span>
<span className="text-sm text-slate-200">info@hamptonbrown.com</span>
</div>
<div className="flex items-center space-x-3">
<Clock className="h-5 w-5 text-teal" />
<span className="text-sm">Mon-Fri 9AM-5PM</span>
<span className="text-sm text-slate-200">Mon-Fri 9AM-5PM</span>
</div>
</div>
</div>
@ -61,7 +61,7 @@ export function SiteFooter() {
<ul role="list" className="mt-6 space-y-4">
{navigation.services.map((item) => (
<li key={item.name}>
<Link href={item.href} className="text-sm leading-6 text-slate-300 hover:text-cloud transition-colors">
<Link href={item.href} className="text-sm leading-6 text-slate-200 hover:text-cloud transition-colors">
{item.name}
</Link>
</li>
@ -73,7 +73,7 @@ export function SiteFooter() {
<ul role="list" className="mt-6 space-y-4">
{navigation.company.map((item) => (
<li key={item.name}>
<Link href={item.href} className="text-sm leading-6 text-slate-300 hover:text-cloud transition-colors">
<Link href={item.href} className="text-sm leading-6 text-slate-200 hover:text-cloud transition-colors">
{item.name}
</Link>
</li>
@ -87,7 +87,7 @@ export function SiteFooter() {
<ul role="list" className="mt-6 space-y-4">
{navigation.legal.map((item) => (
<li key={item.name}>
<Link href={item.href} className="text-sm leading-6 text-slate-300 hover:text-cloud transition-colors">
<Link href={item.href} className="text-sm leading-6 text-slate-200 hover:text-cloud transition-colors">
{item.name}
</Link>
</li>
@ -98,12 +98,12 @@ export function SiteFooter() {
<h3 className="text-sm font-semibold leading-6">Resources</h3>
<ul role="list" className="mt-6 space-y-4">
<li>
<Link href="/resources" className="text-sm leading-6 text-slate-300 hover:text-cloud transition-colors">
<Link href="/resources" className="text-sm leading-6 text-slate-200 hover:text-cloud transition-colors">
Secure Upload
</Link>
</li>
<li>
<Link href="/resources" className="text-sm leading-6 text-slate-300 hover:text-cloud transition-colors">
<Link href="/resources" className="text-sm leading-6 text-slate-200 hover:text-cloud transition-colors">
Payment Portal
</Link>
</li>
@ -113,7 +113,7 @@ export function SiteFooter() {
</div>
</div>
<div className="mt-12 border-t border-slate-700 pt-6 sm:mt-16 lg:mt-20">
<p className="text-xs leading-5 text-slate-400">
<p className="text-xs leading-5 text-slate-300">
&copy; {new Date().getFullYear()} Hampton, Brown & Associates, PC. All rights reserved.
</p>
</div>

View File

@ -27,7 +27,7 @@ export function TrustPanel() {
<h2 className="text-3xl font-bold tracking-tight text-cloud sm:text-4xl">
Your Security & Trust Are Our Priority
</h2>
<p className="mt-6 text-lg leading-8 text-slate-300">
<p className="mt-6 text-lg leading-8 text-cloud/90">
We understand the sensitive nature of your financial information. That's why we've implemented the highest security standards to protect your data.
</p>
</div>
@ -42,7 +42,7 @@ export function TrustPanel() {
<CardTitle className="text-cloud">{feature.title}</CardTitle>
</CardHeader>
<CardContent>
<CardDescription className="text-slate-300">
<CardDescription className="text-cloud/90">
{feature.description}
</CardDescription>
</CardContent>

Binary file not shown.

After

Width:  |  Height:  |  Size: 280 KiB