bender/867f2b7a-f139-4ce5-963f-ef047b03c673
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #4

Merged
bender merged 2 commits from version_4 into main 2026-04-25 13:54:56 +00:00
Conversation 0 Commits 2 Files Changed 2 +54 -171
2 changed files with 54 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/app/page.tsx
View File

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -32,76 +32,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "features"},
{
name: "Pricing", id: "pricing"},
{
name: "Reviews", id: "testimonials"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="SN Financial"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars"}}
title="Reliable Remote Financial & Admin Support for Growing Businesses"
description="We help startups, SMEs, and global businesses streamline operations, improve financial clarity, and generate quality leads—so you can focus on scaling."
testimonials={[
{
name: "UK Client", handle: "@uk-client", testimonial: "Stephen delivered accurate bookkeeping and helped us stay compliant with VAT. Highly reliable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg"},
{
name: "Kenya Client", handle: "@ke-client", testimonial: "Efficient, responsive, and very organized. A valuable extension of our team.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-making-money-gestures_482257-130695.jpg"},
{
name: "Global Tech Founder", handle: "@global-founder", testimonial: "Exceptional communication and administrative precision. Saved us countless hours.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg"},
{
name: "Start-up Lead", handle: "@startup-lead", testimonial: "The bookkeeping clarity provided has completely changed how we track our growth.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg"},
{
name: "Operations Manager", handle: "@ops-manager", testimonial: "Professional, punctual, and highly skilled in modern cloud accounting platforms.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg"},
]}
<HeroBillboardDashboard
title="Reliable Remote Financial & Admin Support"
description="Streamlining operations and financial clarity for startups and SMEs, keeping you focused on growth."
dashboard={{
title: "Operations Hub", logoIcon: BarChart2,
sidebarItems: [{ icon: BarChart2, active: true }, { icon: Zap }, { icon: Target }],
stats: [
{ title: "Revenue", values: [12000, 15000, 18000], description: "Monthly growth" },
{ title: "Leads", values: [40, 55, 70], description: "Outreach efficiency" }
],
imageSrc: "http://img.b2bpic.net/free-photo/man-writting-keyboard_1150-78.jpg", listItems: [{ icon: CheckCircle, title: "VAT Compliant", status: "Done" }, { icon: Award, title: "Audit Ready", status: "Active" }]
}}
buttons={[
{
text: "Book Free Consultation", href: "#contact"},
{
text: "Chat on WhatsApp", href: "https://wa.me/+254798379498"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-writting-keyboard_1150-78.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businessman-with-colleague_1098-14876.jpg", alt: "Client Portrait 1"},
{
src: "http://img.b2bpic.net/free-photo/joyful-excited-curly-dark-skinned-woman-oversized-white-jacket-smiles-sincerely-looks-front-cuts-peace-lace-cozy-designer-office_197531-24102.jpg", alt: "Client Portrait 2"},
{
src: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-123834.jpg", alt: "Client Portrait 3"},
{
src: "http://img.b2bpic.net/free-photo/happy-positive-smiling-heartily-young-adult-approving-project-idea-while-making-cool-symbol-with-hand-cheerful-joyful-business-man-office-validating-worker-good-job-with-great-work-hand-gesture_482257-43847.jpg", alt: "Client Portrait 4"},
{
src: "http://img.b2bpic.net/free-photo/male-freelancer-making-okay-gesture_482257-120836.jpg", alt: "Client Portrait 5"},
]}
marqueeItems={[
{
type: "text", text: "QuickBooks Certified"},
{
type: "text", text: "Xero Partner"},
{
type: "text", text: "VAT Compliance"},
{
type: "text", text: "Lead Generation"},
{
type: "text", text: "Virtual Assistance"},
{ text: "Book Free Consultation", href: "#contact" },
{ text: "Chat on WhatsApp", href: "https://wa.me/+254798379498" },
]}
/>
</div>
@@ -112,12 +68,9 @@ export default function LandingPage() {
title="Scaling Your Global Operations"
description="Operating between London and Nairobi, we provide a dual-region approach to professional finance and admin support."
metrics={[
{
value: "100%", title: "Compliance Assured"},
{
value: "24/7", title: "Admin Support"},
{
value: "Global", title: "Client Reach"},
{ value: "100%", title: "Compliance Assured" },
{ value: "24/7", title: "Admin Support" },
{ value: "Global", title: "Client Reach" },
]}
imageSrc="http://img.b2bpic.net/free-photo/asian-research-analyst-online-remote-videocall-conference-with-organization-leader-talking-about-management-plan-startup-project-manager-conversating-online-with-investor-about-marketing-strategy_482257-43837.jpg"
mediaAnimation="blur-reveal"
@@ -130,22 +83,15 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
containerClassName="px-4 md:px-8 py-10 md:py-16"
features={[
{
icon: BarChart2,
title: "Remote Bookkeeping", description: "Daily transaction recording, bank reconciliations, and VAT preparation."},
{
icon: Search,
title: "Market Research", description: "Data-driven insights, competitor analysis, and market entry strategy."},
{
icon: Target,
title: "Lead Generation", description: "B2B sourcing, email outreach, and verified lead tracking."},
{
icon: User,
title: "Virtual Assistance", description: "Calendar management, document preparation, and customer support."},
{ icon: BarChart2, title: "Remote Bookkeeping", description: "Daily transaction recording and VAT filing." },
{ icon: Search, title: "Market Research", description: "Data-driven competitor insights." },
{ icon: Target, title: "Lead Generation", description: "B2B sourcing and verified tracking." },
{ icon: User, title: "Virtual Assistance", description: "Calendar and admin management." },
]}
title="Our Specialized Services"
description="Comprehensive business solutions designed to accelerate growth and operational efficiency."
description="Comprehensive business solutions designed to accelerate growth."
/>
</div>
@@ -155,25 +101,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic", badge: "Essential", price: "Custom", subtitle: "Virtual Assistance & Admin", buttons: [
{
text: "Book Free Strategy Call", href: "#contact"},
],
features: [
"Email Management", "Calendar Support", "Data Entry"],
},
{
id: "pro", badge: "Growth", price: "Custom", subtitle: "Bookkeeping & Lead Gen", buttons: [
{
text: "Book Free Strategy Call", href: "#contact"},
],
features: [
"Bank Reconciliation", "VAT/GST Filing", "Lead Outreach"],
},
{ id: "basic", badge: "Essential", price: "Custom", subtitle: "Admin Support", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Email Mgmt", "Calendar Support"] },
{ id: "pro", badge: "Growth", price: "Custom", subtitle: "Bookkeeping & Lead Gen", buttons: [{ text: "Get Started", href: "#contact" }], features: ["VAT Filing", "Outreach Services"] },
]}
title="Flexible Support Packages"
description="Transparent pricing tailored to the needs of growing SMEs and startups."
description="Transparent pricing for growing startups."
/>
</div>
@@ -184,15 +116,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "15+", title: "Years Experience", description: "Combined expertise in financial compliance.", icon: Award,
},
{
id: "m2", value: "99%", title: "Client Retention", description: "High trust levels with UK & KE clients.", icon: CheckCircle,
},
{
id: "m3", value: "24h", title: "Response Time", description: "Dedicated to efficient communication.", icon: Zap,
},
{ id: "m1", value: "15+", title: "Years Experience", description: "Expertise in compliance.", icon: Award },
{ id: "m2", value: "99%", title: "Retention", description: "Trusted partnerships.", icon: CheckCircle },
{ id: "m3", value: "24h", title: "Responsiveness", description: "Fast communication.", icon: Zap },
]}
title="Service Impact"
description="Results driven by operational excellence."
@@ -205,32 +131,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "UK Client", role: "CEO", company: "UK Business", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
{
id: "t2", name: "Kenya Client", role: "Founder", company: "KE Business", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-green-pants-posed-cafe_627829-1037.jpg"},
{
id: "t3", name: "UK Client", role: "Owner", company: "Growth Co", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-person-work_23-2151915153.jpg"},
{
id: "t4", name: "Kenya Client", role: "Manager", company: "Innovate Lab", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-home-office-opening-laptop_482257-120094.jpg"},
{
id: "t5", name: "UK Client", role: "Director", company: "Tech Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
]}
kpiItems={[
{
value: "5.0", label: "Avg. Rating"},
{
value: "100+", label: "Projects"},
{
value: "50+", label: "Satisfied Clients"},
{ id: "t1", name: "UK Client", role: "CEO", company: "Partner Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
{ id: "t2", name: "Kenya Client", role: "Founder", company: "Partner Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sheerful-business-african-american-lady-with-afro-hair-wear-white-blouse-green-pants-posed-cafe_627829-1037.jpg" }
]}
kpiItems={[{ value: "5.0", label: "Rating" }, { value: "100+", label: "Projects" }, { value: "50+", label: "Clients" }]}
title="Trusted by Businesses"
description="Read what our partners in the UK and Kenya have to say about our impact."
description="Partnerships built on proven results."
/>
</div>
@@ -239,15 +145,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do you work with UK-based businesses?", content: "Yes, we provide specialized VAT, bookkeeping, and admin support to UK-based entities."},
{
id: "f2", title: "Which tools do you use?", content: "We are experts in QuickBooks Online, Xero, Sage, SAP, Zoho Books, Zapier, and Salesforce."},
{
id: "f3", title: "Can you handle remote lead generation?", content: "Absolutely. We manage B2B prospect sourcing, LinkedIn outreach, and CRM management."},
{ id: "f1", title: "Do you work with UK-based businesses?", content: "Yes, we specialize in VAT and bookkeeping for the UK market." },
{ id: "f2", title: "Which tools do you use?", content: "We work with Xero, QuickBooks, Zoho, and CRM platforms." }
]}
title="Frequently Asked Questions"
description="Answers to your most pressing questions about our remote financial and admin support."
description="Answers to get you started."
faqsAnimation="slide-up"
/>
</div>
@@ -256,39 +158,20 @@ export default function LandingPage() {
<ContactCTA
tag="Get in touch"
title="Ready to scale your business?"
description="Contact us today to discuss your bookkeeping, lead generation, or administrative requirements."
buttons={[
{ text: "Book Consultation", href: "#" }
]}
description="Contact us for a tailored strategy."
buttons={[{ text: "Book Consultation", href: "#" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
columns={[
{
title: "Services", items: [
{ label: "Bookkeeping", href: "#features" },
{ label: "Market Research", href: "#features" },
{ label: "Lead Generation", href: "#features" },
],
},
{
title: "Contact", items: [
{ label: "stephennyangwara@gmail.com", href: "mailto:stephennyangwara@gmail.com" },
{ label: "WhatsApp Support", href: "https://wa.me/+254798379498" },
],
},
{
title: "Locations", items: [
{ label: "London, UK", href: "#" },
{ label: "Nairobi, Kenya", href: "#" },
],
},
{ title: "Services", items: [{ label: "Support", href: "#features" }] },
{ title: "Contact", items: [{ label: "Email", href: "mailto:stephennyangwara@gmail.com" }] },
{ title: "Locations", items: [{ label: "London/Nairobi", href: "#" }] },
]}
logoText="SN Financial & Admin"
logoText="SN Financial"
/>
</div>
</ReactLenis>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);