chaulmark/finlion-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update to 1.2

Browse source
This commit is contained in:
TheMaddax 2024-12-07 14:29:40 -06:00
parent eb2561300a
commit 335e90e06f
14 changed files with 100 additions and 205 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 MiB

BIN
public/images/2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 MiB

BIN
public/images/3.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.8 MiB

BIN
public/images/mark-old.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
public/images/mark.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 2.3 MiB

60
src/app/about/page.tsx
View file

@ -4,33 +4,59 @@ export default function AboutPage() {
return (
<div className="bg-white">
<div className="max-w-7xl mx-auto px-6 py-24 lg:px-8">
<h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl text-center mb-16">
About FINLION
</h1>
<div className="grid grid-cols-1 gap-x-8 gap-y-16 lg:grid-cols-2">
<div className="flex flex-col justify-center">
{/* Company Section */}
<div className="mb-24">
<h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl text-center mb-16">
About FINLION
</h1>
<div className="max-w-3xl mx-auto text-center">
<p className="text-lg leading-8 text-gray-600 mb-8">
A business & financial consulting firm since 1978
</p>
<div className="space-y-6 text-base leading-7 text-gray-600">
<p>
FINLION has been serving the needs of individuals and small businesses since 1978. Originally formed as an income tax practice in Los Angeles, California, the firm specializes in business startups, accounting and income taxes, financial management, and personal financial planning.
</p>
<p>
Led by Mark Apodaca, MBA, PRP, our firm combines decades of experience with modern financial tools and methodologies to deliver exceptional service to our clients.
<div className="text-base leading-7 text-gray-600">
<p className="mb-6">
FINLION, which is short for Finance Lion, was originally established in 1978 as MDA Tax Service. When FINLION was incorporated in 1999, accounting, bookkeeping and financial management were added.
</p>
</div>
</div>
<div className="relative">
</div>
{/* Divider */}
<div className="relative my-16">
<div className="absolute inset-0 flex items-center" aria-hidden="true">
<div className="w-full border-t border-gray-200" />
</div>
<div className="relative flex justify-center">
<span className="bg-white px-6 text-sm text-gray-500">Our Leadership</span>
</div>
</div>
{/* Leadership Section */}
<div className="grid grid-cols-1 gap-x-12 gap-y-16 lg:grid-cols-2 items-start">
<div className="relative lg:order-2">
<Image
src="/images/mark.jpg"
alt="Mark Apodaca, MBA, PRP"
width={600}
height={400}
className="rounded-2xl object-cover"
alt="Mark Apodaca standing indoors in front of green plants and a window with wooden blinds, wearing a brown checked blazer, a white shirt, and a patterned tie. He is smiling confidently, and a small lapel pin is visible on his blazer."
width={1365}
height={2048}
className="rounded-2xl object-cover shadow-xl aspect-[2/3] w-full"
priority
/>
</div>
<div className="flex flex-col justify-start space-y-6 lg:order-1">
<div className="space-y-6 text-base leading-7 text-gray-600">
<h2 className="text-3xl font-bold text-gray-900 mb-4">Mark Apodaca, MBA</h2>
<p>
With over 45 years of distinguished experience in Accounting and Finance, Mark Apodaca has established a remarkable career across corporate, educational, and nonprofit sectors. His executive tenure includes 16 years as Head of Finance at Hughes Aircraft Company's Radar System Group, where he demonstrated exceptional financial leadership. Subsequently, he served as Director of Finance for a combined 13 years at the Greater Los Angeles Agency on Deafness and Communication Service for the Deaf. Mark culminated his public service career after 18 years as Director of Finance and Chief Procurement Officer at the New Mexico School for the Deaf. Currently, he serves as Chief Financial Officer for both Global Technical Communications LLC and TDIforAccess, Inc., while also drawing from his experience as a former financial accounting instructor at UCLA.
</p>
<p>
A native Californian, Mark holds an impressive academic portfolio: an Associate in Arts from Golden West College, a Bachelor of Science in Business Administration and MBA from Pepperdine University, complemented by a graduate Certificate in Accounting from UCLA and a Certificate in Government Contract Management. His expertise extends to finance and nonprofit organization management. He maintains professional affiliations with the Institute of Management Accountants and National Association of Tax Professionals.
</p>
<p>
When not engaged in professional activities, Mark pursues his passion for chess, maintains an active reading schedule across various subjects, and dedicates time to serving on nonprofit boards and committees.
</p>
</div>
</div>
</div>
</div>
</div>

2
src/app/contact/page.tsx
View file

@ -60,7 +60,7 @@ export default function ContactPage() {
</div>
<div className="mt-10 flex flex-col items-center gap-4 text-base text-gray-600">
<p>Serving clients nationwide from Albuquerque, New Mexico headquarters</p>
<p>Serving clients nationwide from Santa Fe, New Mexico headquarters</p>
</div>
</div>
</div>

4
src/app/page.tsx
View file

@ -1,13 +1,11 @@
import Hero from '../components/home/Hero';
import Services from '../components/home/Services';
import Contact from '../components/home/Contact';
export default function Home() {
return (
<>
<Hero />
<Services />
<Contact />
</>
);
}
}

17
src/app/services/page.tsx
View file

@ -1,6 +1,7 @@
import ServiceCard from '@/components/ServiceCard'
import { services } from '@/data/services'
import { ServiceInfo } from '@/types/services'
import Image from 'next/image'
export default function ServicesPage() {
return (
@ -11,10 +12,22 @@ export default function ServicesPage() {
Our Services
</h1>
<p className="mt-6 text-lg leading-8 text-gray-600">
Comprehensive financial and business consulting solutions <br /> tailored to your needs
Comprehensive business, financial, accounting, and income tax services <br /> tailored to your needs
</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{/* Featured Image */}
<div className="mb-16 relative h-[400px] rounded-2xl overflow-hidden">
<Image
src="/images/2.jpg"
alt="Hands typing on a laptop keyboard in a neon-lit environment with overlaid financial graphics, including a line graph labeled with months, bar charts, and numerical data, symbolizing financial analysis and technology."
fill
className="object-cover"
priority
/>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{services.map((service: ServiceInfo) => (
<ServiceCard key={service.id} {...service} />
))}

81
src/components/home/Contact.tsx
View file

@ -1,81 +0,0 @@
import { Phone, Mail, MapPin } from 'lucide-react';
export default function Contact() {
return (
<section className="relative bg-white py-24 sm:py-32">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl space-y-16 divide-y divide-gray-100 lg:mx-0 lg:max-w-none">
<div className="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-3">
<div>
<h2 className="text-3xl font-bold tracking-tight text-gray-900">Get in Touch</h2>
<p className="mt-4 leading-7 text-gray-600">
Ready to elevate your financial strategy? Let's discuss how we can help you achieve your goals.
</p>
</div>
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8">
<div className="rounded-2xl bg-gray-50 p-10">
<h3 className="text-base font-semibold leading-7 text-gray-900">Nationwide Financial Services</h3>
<dl className="mt-3 space-y-1 text-sm leading-6 text-gray-600">
<div className="flex gap-x-4">
<dt className="flex-none">
<span className="sr-only">Coverage</span>
<MapPin className="h-5 w-5 text-gray-400" aria-hidden="true" />
</dt>
<dd>Headquartered in Albuquerque, New Mexico<br/>Serving clients across all 50 states</dd>
</div>
</dl>
</div>
<form className="rounded-2xl bg-gray-50 p-10">
<div className="grid grid-cols-1 gap-y-6">
<div>
<label htmlFor="name" className="block text-sm font-medium text-gray-900">
Name
</label>
<input
type="text"
name="name"
id="name"
className="mt-2 block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-800 sm:text-sm sm:leading-6"
/>
</div>
<div>
<label htmlFor="email" className="block text-sm font-medium text-gray-900">
Email
</label>
<input
type="email"
name="email"
id="email"
className="mt-2 block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-800 sm:text-sm sm:leading-6"
/>
</div>
<div>
<label htmlFor="message" className="block text-sm font-medium text-gray-900">
Message
</label>
<textarea
name="message"
id="message"
rows={4}
className="mt-2 block w-full rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-blue-800 sm:text-sm sm:leading-6"
/>
</div>
<div>
<button
type="submit"
className="block w-full rounded-md bg-blue-800 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-800"
>
Send Message
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
);
}

25
src/components/home/Hero.tsx
View file

@ -12,28 +12,27 @@ export default function Hero() {
Financial Excellence Since 1978
</h1>
<p className="mt-6 text-lg leading-8 text-gray-600">
Specialized expertise in financial consulting, accounting, and nonprofit organization services.
Specialized expertise in financial analysis, accounting, and income tax services.
Providing professional guidance for your business success.
</p>
<div className="mt-10">
<Link
href="/contact"
className="inline-flex rounded-md bg-blue-800 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-colors items-center gap-2"
>
Schedule Consultation
<ArrowRight className="h-4 w-4" />
</Link>
<Link
href="/contact"
className="inline-flex rounded-md bg-blue-800 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 transition-colors items-center gap-2"
>
Schedule Consultation
<ArrowRight className="h-4 w-4" />
</Link>
</div>
</div>
</div>
<div className="relative lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0">
<Image
className="aspect-[3/2] w-full bg-gray-50 object-cover lg:absolute lg:inset-0 lg:aspect-auto lg:h-full"
src="/images/mark.jpg"
alt="Mark Apodaca, MBA, PRP - Financial Consultant"
width={1000}
height={1000}
src="/images/3.jpg"
alt="Close-up of a person writing in a notebook at a desk, surrounded by a laptop, a white calculator, and financial documents with charts and graphs, symbolizing accounting and financial analysis."
width={2048}
height={1365}
priority
/>
</div>

18
src/components/home/Services.tsx
View file

@ -1,6 +1,7 @@
import { services } from '@/data/services'
import ServiceCard from '@/components/ServiceCard'
import { ServiceInfo } from '@/types/services'
import Image from 'next/image'
export default function Services() {
return (
@ -11,10 +12,23 @@ export default function Services() {
Professional Services
</h2>
<p className="mt-6 text-lg leading-8 text-gray-600">
Comprehensive financial and business consulting solutions tailored to your needs
Comprehensive business, financial, accounting, and income tax services tailored to your needs
</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{/* Featured Image */}
<div className="mb-16 relative h-[400px] rounded-2xl overflow-hidden">
<Image
src="/images/1.jpg"
alt="Hands typing on a laptop keyboard with digital overlays showing the word 'BUDGET' and icons representing business concepts like security, growth, optimization, and analysis."
fill
className="object-cover"
priority
/>
</div>
{/* Services Cards */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{services.map((service: ServiceInfo) => (
<ServiceCard key={service.id} {...service} />
))}

13
src/components/layout/Footer.tsx
View file

@ -26,7 +26,7 @@ export default function Footer() {
</p>
<div className="flex items-center gap-2 pt-2">
<MapPin size={18} />
<p>Nationwide Services | Based in <br /> Albuquerque, NM</p>
<p>Nationwide Services | Based in <br /> Santa Fe, NM</p>
</div>
</div>
@ -36,16 +36,12 @@ export default function Footer() {
<div className="space-y-2">
<div className="flex items-center gap-2">
<Calculator size={18} />
<span>QuickBooks & Xero Certified</span>
<span>QuickBooks & Xero</span>
</div>
<div className="flex items-center gap-2">
<Building2 size={18} />
<span>Business & Financial Analysis</span>
</div>
<div className="flex items-center gap-2">
<Users size={18} />
<span>Nonprofit Organization Specialist</span>
</div>
</div>
</div>
@ -68,11 +64,6 @@ export default function Footer() {
Business Consulting
</Link>
</li>
<li>
<Link href="/services#nonprofit" className="hover:text-gold-400">
Nonprofit Organization
</Link>
</li>
</ul>
</div>
</div>

85
src/data/services.ts
View file

@ -2,11 +2,7 @@ import { ServiceInfo } from '../types/services'
import * as React from 'react'
import {
Calculator,
LineChart,
Building2,
Target,
Briefcase,
Users
LineChart
} from 'lucide-react'
export const services: ServiceInfo[] = [
@ -18,86 +14,25 @@ export const services: ServiceInfo[] = [
longDescription: "With over four decades of experience across corporate, nonprofit, and government sectors, we provide expert accounting services using modern tools like QuickBooks and Xero. Our approach combines technical expertise with practical insights to deliver optimal financial outcomes.",
expertise: [
"Advanced financial record keeping and reconciliation",
"Strategic tax planning and preparation",
"Tax preparation",
"QuickBooks and Xero system implementation",
"Multi-sector regulatory compliance",
"Complex financial statements preparation",
"Financial statements preparation",
"Internal control systems development"
]
},
{
id: 2,
title: "Financial Analysis & Planning",
title: "Financial Analysis",
icon: React.createElement(LineChart, { className: "w-12 h-12 text-blue-900" }),
shortDescription: "Strategic financial analysis and planning for sustainable growth",
longDescription: "Drawing from extensive experience in corporate finance and investment management, we deliver sophisticated financial analysis and planning services. Our approach integrates both traditional and modern analytical methods to provide actionable insights.",
shortDescription: "Strategic analysis and planning for sustainable growth",
longDescription: "Drawing from extensive experience in corporate finance and financial management, we deliver sophisticated analysis and planning services. Our approach integrates both traditional and modern analytical methods to provide actionable insights.",
expertise: [
"Investment portfolio analysis and management",
"Budget development and forecasting",
"Financial modeling and projections",
"Financial analysis and management",
"Budget development",
"Financial modeling",
"Cash flow optimization",
"Performance metrics development",
"Risk assessment and management"
]
},
{
id: 3,
title: "Business Development",
icon: React.createElement(Building2, { className: "w-12 h-12 text-blue-900" }),
shortDescription: "Comprehensive business planning and growth strategies",
longDescription: "Leveraging decades of experience in multiple business sectors, we help organizations develop robust business plans and implement effective growth strategies. Our approach focuses on creating sustainable, scalable business models.",
expertise: [
"Business plan development and execution",
"Market analysis and positioning",
"Revenue stream diversification",
"Operational efficiency optimization",
"Growth strategy development",
"Business model innovation"
]
},
{
id: 4,
title: "Strategic Planning",
icon: React.createElement(Target, { className: "w-12 h-12 text-blue-900" }),
shortDescription: "Long-term strategic planning and organizational development",
longDescription: "Our strategic planning services combine analytical rigor with practical implementation expertise. We help organizations develop clear, actionable strategies that align with their mission and values while ensuring sustainable growth.",
expertise: [
"Mission and vision development",
"Strategic goal setting and execution",
"Organizational structure optimization",
"Change management strategies",
"Performance measurement systems",
"Stakeholder engagement planning"
]
},
{
id: 5,
title: "Small Business Consulting",
icon: React.createElement(Briefcase, { className: "w-12 h-12 text-blue-900" }),
shortDescription: "Specialized consulting services for small business success",
longDescription: "With a proven track record in business development and financial management, we provide targeted consulting services to help small businesses thrive. Our approach combines strategic thinking with practical, implementable solutions.",
expertise: [
"Business structure optimization",
"Financial systems implementation",
"Growth strategy development",
"Process improvement",
"Resource allocation optimization",
"Risk management strategies"
]
},
{
id: 6,
title: "Nonprofit Organization Consulting",
icon: React.createElement(Users, { className: "w-12 h-12 text-blue-900" }),
shortDescription: "Specialized consulting for nonprofit organizations",
longDescription: "Drawing from extensive experience with numerous national and local nonprofit organizations, we provide comprehensive consulting services tailored to the unique needs of the nonprofit sector. Our expertise spans board development, financial management, and strategic planning.",
expertise: [
"Board governance and development",
"Nonprofit financial management",
"Grant writing and management",
"Strategic planning for nonprofits",
"Compliance and regulatory guidance",
"Volunteer program development"
"Financial risk management"
]
}
]