229 lines
11 KiB
TypeScript
229 lines
11 KiB
TypeScript
import type { Metadata } from 'next';
|
|
import Image from 'next/image';
|
|
import { Hero } from '@/components/hero';
|
|
import { SecureUpload } from '@/components/secure-upload';
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
|
|
import { Button } from '@/components/ui/button';
|
|
import { CTASection } from '@/components/cta-section';
|
|
import { Upload, CreditCard, FileText, Shield } from 'lucide-react';
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Client Resources',
|
|
description: 'Secure document upload and payment portal for Hamton Brown CPA clients. Access your account and manage your tax documents safely.',
|
|
openGraph: {
|
|
title: 'Client Resources',
|
|
description: 'Secure document upload and payment portal for Hamton Brown CPA clients.',
|
|
images: ['/images/resources-hero.jpg'],
|
|
},
|
|
};
|
|
|
|
export default function ResourcesPage() {
|
|
return (
|
|
<>
|
|
<Hero
|
|
title="Client Resources & Secure Portal"
|
|
subtitle="Access your account, upload documents securely, and manage payments through our client portal. Your information is protected with bank-level security."
|
|
ctaText="Access Portal"
|
|
ctaHref="#portal"
|
|
imageSrc="/images/resources-hero.jpg"
|
|
imageAlt="Abstract tech-meets-trust visual of a laptop showing a secure upload UI with a subtle lock icon"
|
|
/>
|
|
|
|
<section id="portal" className="bg-cloud py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl text-center">
|
|
<h2 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
|
|
Secure Client Portal
|
|
</h2>
|
|
<p className="mt-6 text-lg leading-8 text-slate">
|
|
Manage your tax documents and payments securely through our encrypted client portal.
|
|
</p>
|
|
</div>
|
|
<div className="mx-auto mt-16 max-w-2xl">
|
|
<SecureUpload />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="bg-sand py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<div className="mx-auto max-w-2xl text-center">
|
|
<h2 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
|
|
Additional Resources
|
|
</h2>
|
|
<p className="mt-6 text-lg leading-8 text-slate">
|
|
Access helpful tools and information to make your tax preparation process easier.
|
|
</p>
|
|
</div>
|
|
<div className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-8 sm:mt-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-navy">
|
|
<CreditCard className="h-5 w-5 text-cloud" />
|
|
</div>
|
|
<CardTitle>Payment Portal</CardTitle>
|
|
<CardDescription>
|
|
Make secure payments for our services online
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-slate mb-4">
|
|
Pay your invoices securely through our encrypted payment portal. We accept all major credit cards and bank transfers.
|
|
</p>
|
|
<Button asChild className="w-full">
|
|
<a href="#payment">
|
|
Make Payment
|
|
</a>
|
|
</Button>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-navy">
|
|
<FileText className="h-5 w-5 text-cloud" />
|
|
</div>
|
|
<CardTitle>Document Checklist</CardTitle>
|
|
<CardDescription>
|
|
Download our tax preparation checklist
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-slate mb-4">
|
|
Get organized with our comprehensive tax document checklist. Know exactly what documents you need for your tax preparation.
|
|
</p>
|
|
<Button asChild className="w-full">
|
|
<a href="#checklist">
|
|
Download Checklist
|
|
</a>
|
|
</Button>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-navy">
|
|
<Shield className="h-5 w-5 text-cloud" />
|
|
</div>
|
|
<CardTitle>Security Information</CardTitle>
|
|
<CardDescription>
|
|
Learn about our security measures
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<p className="text-sm text-slate mb-4">
|
|
Understand how we protect your sensitive information with enterprise-grade encryption and security protocols.
|
|
</p>
|
|
<Button asChild className="w-full">
|
|
<a href="#security">
|
|
Learn More
|
|
</a>
|
|
</Button>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="bg-cloud py-24 sm:py-32">
|
|
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
|
<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>
|
|
<h2 className="text-3xl font-bold tracking-tight text-ink sm:text-4xl">
|
|
Security & Privacy
|
|
</h2>
|
|
<p className="mt-6 text-lg leading-8 text-slate">
|
|
Your privacy and security are our top priorities. We use industry-leading encryption and security measures to protect your sensitive information.
|
|
</p>
|
|
<div className="mt-8 space-y-4">
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" 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>
|
|
</div>
|
|
<p className="ml-3 text-base text-slate">256-bit SSL encryption for all data transmission</p>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" 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>
|
|
</div>
|
|
<p className="ml-3 text-base text-slate">Secure cloud storage with redundant backups</p>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" 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>
|
|
</div>
|
|
<p className="ml-3 text-base text-slate">Access controls and audit logging</p>
|
|
</div>
|
|
<div className="flex items-start">
|
|
<div className="flex-shrink-0">
|
|
<div className="flex h-6 w-6 items-center justify-center rounded-full bg-teal">
|
|
<svg className="h-4 w-4 text-cloud" 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>
|
|
</div>
|
|
<p className="ml-3 text-base text-slate">Compliance with IRS security requirements</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="bg-sand p-8 rounded-lg">
|
|
<h3 className="text-xl font-semibold text-ink mb-4">Need Help?</h3>
|
|
<p className="text-slate mb-6">
|
|
Having trouble accessing the portal or uploading documents? Our support team is here to help.
|
|
</p>
|
|
<div className="space-y-4">
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Technical support available
|
|
</div>
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Step-by-step instructions
|
|
</div>
|
|
<div className="flex items-center text-sm text-slate">
|
|
<div className="w-2 h-2 bg-teal rounded-full mr-3"></div>
|
|
Secure alternative methods
|
|
</div>
|
|
</div>
|
|
<Button asChild className="w-full mt-6">
|
|
<a href="/contact">
|
|
Contact Support
|
|
</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<CTASection
|
|
title="Questions About Our Portal?"
|
|
description="Contact us if you need help accessing your account or have questions about our secure document upload process."
|
|
primaryCta={{
|
|
text: 'Contact Support',
|
|
href: '/contact',
|
|
icon: 'phone',
|
|
}}
|
|
secondaryCta={{
|
|
text: 'Learn About Our Services',
|
|
href: '/services/tax-planning',
|
|
}}
|
|
variant="dark"
|
|
/>
|
|
</>
|
|
);
|
|
}
|