bender/a5cdbac4-dd68-4e5e-b31f-ea0b5f42a0a4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-12 01:32:18 +00:00
parent 77d9f61611 07c1d4afaf
commit 4537c334cd
4 changed files with 69 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/about/page.tsx
View File

@@ -19,8 +19,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Monthly Bookkeeping", href: "/services" },
{ label: "Financial Reports", href: "/services" },
{ label: "Book Cleanup", href: "/services" },
@@ -28,8 +27,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Reviews", href: "/reviews" },
{ label: "Contact", href: "/contact" },
@@ -37,8 +35,7 @@ export default function AboutPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Email", href: "mailto:hello@bookkeepwithus.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },
@@ -54,7 +51,7 @@ export default function AboutPage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="large"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -77,18 +74,15 @@ export default function AboutPage() {
description="Most business owners struggle with messy books, unclear financial reports, hours spent on spreadsheets, and unresponsive accountants. BookKeepwithUs removes the stress. Upload your statements each month and receive clear, organized financial reports without the headache."
metrics={[
{
value: "7+",
title: "Years of Service",
},
value: "7+", title: "Years of Service"},
{
value: "100+",
title: "Business Owners Served",
},
value: "100+", title: "Business Owners Served"},
]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-shot-blonde-female-having-business-conversation-with-colleague_273609-4708.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/indoor-shot-blonde-female-having-business-conversation-with-colleague_273609-4708.jpg"
imageAlt="Financial clarity and organization"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -101,34 +95,22 @@ export default function AboutPage() {
features={[
{
icon: FileText,
title: "Monthly Bookkeeping",
description: "Accurate monthly reconciliation and categorized transactions so your books are always current and audit-ready.",
},
title: "Monthly Bookkeeping", description: "Accurate monthly reconciliation and categorized transactions so your books are always current and audit-ready."},
{
icon: BarChart3,
title: "Financial Reports",
description: "Clear monthly reports that show exactly how your business is performing and where your money goes.",
},
title: "Financial Reports", description: "Clear monthly reports that show exactly how your business is performing and where your money goes."},
{
icon: Users,
title: "Dedicated Support",
description: "Talk to real humans who respond quickly and help you understand your finances without jargon.",
},
title: "Dedicated Support", description: "Talk to real humans who respond quickly and help you understand your finances without jargon."},
{
icon: Target,
title: "Business Owner Friendly",
description: "Perfect for entrepreneurs, realtors, Amazon sellers, and small business owners who value their time.",
},
title: "Business Owner Friendly", description: "Perfect for entrepreneurs, realtors, Amazon sellers, and small business owners who value their time."},
{
icon: TrendingUp,
title: "Book Cleanup",
description: "Behind on your books? We organize past months or years of financial records to get you current.",
},
title: "Book Cleanup", description: "Behind on your books? We organize past months or years of financial records to get you current."},
{
icon: Lock,
title: "Secure & Confidential",
description: "Your financial data is protected with enterprise-grade security and complete confidentiality.",
},
title: "Secure & Confidential", description: "Your financial data is protected with enterprise-grade security and complete confidentiality."},
]}
textboxLayout="default"
animationType="slide-up"

27
src/app/contact/page.tsx
View File

@@ -19,8 +19,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Monthly Bookkeeping", href: "/services" },
{ label: "Financial Reports", href: "/services" },
{ label: "Book Cleanup", href: "/services" },
@@ -28,8 +27,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Reviews", href: "/reviews" },
{ label: "Contact", href: "/contact" },
@@ -37,8 +35,7 @@ export default function ContactPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Email", href: "mailto:hello@bookkeepwithus.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },
@@ -54,7 +51,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="large"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -73,29 +70,23 @@ export default function ContactPage() {
<HeroBillboard
title="Get in Touch with BookKeepwithUs"
description="Ready to simplify your bookkeeping? Fill out the form below or schedule a free consultation with our team. We're here to answer your questions and help you get started."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
tag="5.0 Rating - Trusted by Business Owners"
tagIcon={Star}
buttons={[
{ text: "Schedule Consultation", href: "/contact" },
{ text: "Back to Home", href: "/" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-working-with-laptop-taking-notes-desktop-office_231208-5894.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-working-with-laptop-taking-notes-desktop-office_231208-5894.jpg"
imageAlt="Professional bookkeeping setup with laptop and financial documents"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275677.jpg",
alt: "Jeff Burrows",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275677.jpg", alt: "Jeff Burrows"},
{
src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
alt: "Danielle Gordon",
},
src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Danielle Gordon"},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg",
alt: "Jeffrey Thomas Brown",
},
src: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg", alt: "Jeffrey Thomas Brown"},
]}
avatarText="Trusted by 100+ business owners"
/>

96
src/app/page.tsx
View File

@@ -22,7 +22,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="mediumSmall"
sizing="large"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -49,14 +49,14 @@ export default function HomePage() {
<HeroBillboard
title="Bookkeeping Made Simple, Fast, and Personal"
description="Stop wrestling with spreadsheets. Upload your statements monthly and let our responsive team handle the numbers—so you can focus on growing your business."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
tag="5.0 Rating - Trusted by Business Owners"
tagIcon={Star}
buttons={[
{ text: "Start Your Free Consultation", href: "/contact" },
{ text: "See Our Services", href: "/services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-working-with-laptop-taking-notes-desktop-office_231208-5894.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-working-with-laptop-taking-notes-desktop-office_231208-5894.jpg"
imageAlt="Professional bookkeeping setup with laptop and financial documents"
mediaAnimation="blur-reveal"
avatars={[
@@ -79,10 +79,11 @@ export default function HomePage() {
{ value: "7+", title: "Years of Service" },
{ value: "100+", title: "Business Owners Served" },
]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-shot-blonde-female-having-business-conversation-with-colleague_273609-4708.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/indoor-shot-blonde-female-having-business-conversation-with-colleague_273609-4708.jpg"
imageAlt="Financial clarity and organization"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -96,34 +97,22 @@ export default function HomePage() {
features={[
{
icon: FileText,
title: "Monthly Bookkeeping",
description: "Accurate monthly reconciliation and categorized transactions so your books are always current and audit-ready.",
},
title: "Monthly Bookkeeping", description: "Accurate monthly reconciliation and categorized transactions so your books are always current and audit-ready."},
{
icon: BarChart3,
title: "Financial Reports",
description: "Clear monthly reports that show exactly how your business is performing and where your money goes.",
},
title: "Financial Reports", description: "Clear monthly reports that show exactly how your business is performing and where your money goes."},
{
icon: Users,
title: "Dedicated Support",
description: "Talk to real humans who respond quickly and help you understand your finances without jargon.",
},
title: "Dedicated Support", description: "Talk to real humans who respond quickly and help you understand your finances without jargon."},
{
icon: Target,
title: "Business Owner Friendly",
description: "Perfect for entrepreneurs, realtors, Amazon sellers, and small business owners who value their time.",
},
title: "Business Owner Friendly", description: "Perfect for entrepreneurs, realtors, Amazon sellers, and small business owners who value their time."},
{
icon: TrendingUp,
title: "Book Cleanup",
description: "Behind on your books? We organize past months or years of financial records to get you current.",
},
title: "Book Cleanup", description: "Behind on your books? We organize past months or years of financial records to get you current."},
{
icon: Lock,
title: "Secure & Confidential",
description: "Your financial data is protected with enterprise-grade security and complete confidentiality.",
},
title: "Secure & Confidential", description: "Your financial data is protected with enterprise-grade security and complete confidentiality."},
]}
textboxLayout="default"
animationType="slide-up"
@@ -177,45 +166,17 @@ export default function HomePage() {
tagIcon={Heart}
products={[
{
id: "responsive",
brand: "Core Value",
name: "Responsive",
price: "Real People",
rating: 5,
reviewCount: "Fast",
imageSrc: "http://img.b2bpic.net/free-photo/call-center-manager-providing-guidance-intern-close-up_482257-118001.jpg?_wi=1",
imageAlt: "fast response support customer service phone communication",
},
id: "responsive", brand: "Core Value", name: "Responsive", price: "Real People", rating: 5,
reviewCount: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/call-center-manager-providing-guidance-intern-close-up_482257-118001.jpg", imageAlt: "fast response support customer service phone communication"},
{
id: "reliable",
brand: "Core Value",
name: "Reliable",
price: "On Time",
rating: 5,
reviewCount: "Accurate",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-26431.jpg?_wi=1",
imageAlt: "reliable trustworthy business professional strong handshake",
},
id: "reliable", brand: "Core Value", name: "Reliable", price: "On Time", rating: 5,
reviewCount: "Accurate", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-26431.jpg", imageAlt: "reliable trustworthy business professional strong handshake"},
{
id: "friendly",
brand: "Core Value",
name: "Friendly",
price: "Personal",
rating: 5,
reviewCount: "Professional",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173709.jpg?_wi=1",
imageAlt: "friendly team smiling business professional approachable",
},
id: "friendly", brand: "Core Value", name: "Friendly", price: "Personal", rating: 5,
reviewCount: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173709.jpg", imageAlt: "friendly team smiling business professional approachable"},
{
id: "affordable",
brand: "Core Value",
name: "Affordable",
price: "No Surprises",
rating: 5,
reviewCount: "Transparent",
imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45557.jpg?_wi=1",
imageAlt: "affordable pricing transparent cost business value",
},
id: "affordable", brand: "Core Value", name: "Affordable", price: "No Surprises", rating: 5,
reviewCount: "Transparent", imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45557.jpg", imageAlt: "affordable pricing transparent cost business value"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -232,15 +193,7 @@ export default function HomePage() {
tag="Social Proof"
tagIcon={Award}
names={[
"Realtors & Real Estate Professionals",
"E-Commerce Entrepreneurs",
"Service-Based Contractors",
"Consulting & Tech Startups",
"Amazon Sellers & Online Retailers",
"Freelancers & Independent Professionals",
"Small Business Owners",
"Accounting Firms & CPAs",
]}
"Realtors & Real Estate Professionals", "E-Commerce Entrepreneurs", "Service-Based Contractors", "Consulting & Tech Startups", "Amazon Sellers & Online Retailers", "Freelancers & Independent Professionals", "Small Business Owners", "Accounting Firms & CPAs"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -269,8 +222,7 @@ export default function HomePage() {
copyrightText="© 2025 BookKeepwithUs. All rights reserved."
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Monthly Bookkeeping", href: "/services" },
{ label: "Financial Reports", href: "/services" },
{ label: "Book Cleanup", href: "/services" },
@@ -278,16 +230,14 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Reviews", href: "/reviews" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Email", href: "mailto:hello@bookkeepwithus.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },

58
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,39 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontWeight?: string | number;
fontFamily?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 24,
fontWeight = 'bold',
fontFamily = 'Arial, sans-serif',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
className={className}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
y={fontSize}
fontSize={fontSize}
fontWeight={fontWeight}
fontFamily={fontFamily}
fill="currentColor"
dominantBaseline="hanging"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;