Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { FileText, ShieldCheck, BarChart2, Calculator, Settings, Mail, LayoutGrid, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Advocate Financial"
|
||||
/>
|
||||
@@ -51,62 +40,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Your Practice Deserves a Finance Partner That Understands the Bar."
|
||||
description="Specialist accounting and financial management built exclusively for Advocates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-110401.jpg"
|
||||
imageAlt="Atmospheric office setting"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-marble-multipurpose-background_1340-7392.jpg",
|
||||
alt: "Elegant Marble Multipurpose Background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/calming-scene-with-photorealistic-idyllic-sea-landscape_23-2151358767.jpg",
|
||||
alt: "Calming scene with photorealistic idyllic sea landscape",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99421.jpg",
|
||||
alt: "Liquid marbling paint texture background Fluid painting abstract texture Intensive color mix wallpaper",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-fluid-art-swirl-acrylic-paint_53876-104506.jpg",
|
||||
alt: "Black fluid art swirl acrylic paint",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-110401.jpg",
|
||||
alt: "dark marble texture abstract background",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-marble-multipurpose-background_1340-7392.jpg", alt: "Elegant Marble Multipurpose Background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/calming-scene-with-photorealistic-idyllic-sea-landscape_23-2151358767.jpg", alt: "Calming scene with photorealistic idyllic sea landscape" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99421.jpg", alt: "Liquid marbling paint texture background Fluid painting abstract texture Intensive color mix wallpaper" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-fluid-art-swirl-acrylic-paint_53876-104506.jpg", alt: "Black fluid art swirl acrylic paint" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-110401.jpg", alt: "dark marble texture abstract background" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by the Bar",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Audit-Ready Compliance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Monthly Reporting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Confidential Expert Counsel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Integration",
|
||||
},
|
||||
{ type: "text", text: "Trusted by the Bar" },
|
||||
{ type: "text", text: "Audit-Ready Compliance" },
|
||||
{ type: "text", text: "Monthly Reporting" },
|
||||
{ type: "text", text: "Confidential Expert Counsel" },
|
||||
{ type: "text", text: "Seamless Integration" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,12 +66,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Navigating the complexities of a busy practice.",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Navigating the complexities of a busy practice." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,78 +76,31 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Invoicing",
|
||||
description: "Send us the matter details and we handle the rest. Professional invoices issued promptly and accurately.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacks-papers-documents_23-2151118397.jpg",
|
||||
titleIconSrc: "FileText",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Bookkeeping",
|
||||
description: "We reconcile your trust and business accounts, ensuring every transaction is audit-ready.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyzing-lifestyle-female-marketing-tech-high_1421-249.jpg",
|
||||
titleIconSrc: "ShieldCheck",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Management Accounts",
|
||||
description: "Receive detailed management accounts every month, giving you full clarity on your practice's health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-blank-clipboard_23-2147985261.jpg",
|
||||
titleIconSrc: "BarChart2",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Tax Preparation",
|
||||
description: "Deliver a complete, clean Trial Balance package at financial year-end for your tax practitioner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088818.jpg",
|
||||
titleIconSrc: "Calculator",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
]}
|
||||
title="Core Financial Services"
|
||||
description="Comprehensive accounting solutions designed for sole practitioners and chambers."
|
||||
features={[
|
||||
{ title: "Invoicing", description: "Send us the matter details and we handle the rest. Professional invoices issued promptly and accurately.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacks-papers-documents_23-2151118397.jpg", titleIconSrc: "FileText", buttonText: "Learn More" },
|
||||
{ title: "Bookkeeping", description: "We reconcile your trust and business accounts, ensuring every transaction is audit-ready.", imageSrc: "http://img.b2bpic.net/free-photo/analyzing-lifestyle-female-marketing-tech-high_1421-249.jpg", titleIconSrc: "ShieldCheck", buttonText: "Learn More" },
|
||||
{ title: "Management Accounts", description: "Receive detailed management accounts every month, giving you full clarity on your practice's health.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-blank-clipboard_23-2147985261.jpg", titleIconSrc: "BarChart2", buttonText: "Learn More" },
|
||||
{ title: "Tax Preparation", description: "Deliver a complete, clean Trial Balance package at financial year-end for your tax practitioner.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088818.jpg", titleIconSrc: "Calculator", buttonText: "Learn More" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. Onboarding",
|
||||
description: "Quick setup of your accounts and systems to integrate into your workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-financial-report_1098-12674.jpg",
|
||||
titleIconSrc: "Settings",
|
||||
buttonText: "Step 1",
|
||||
},
|
||||
{
|
||||
title: "2. Submission",
|
||||
description: "Send us your billing instructions via email, WhatsApp, or our secure portal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/statistics-presentation-economy-jobs-professional-profit_1418-585.jpg",
|
||||
titleIconSrc: "Mail",
|
||||
buttonText: "Step 2",
|
||||
},
|
||||
{
|
||||
title: "3. Management",
|
||||
description: "We process everything behind the scenes—invoicing, reconciliations, and expenses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-economy-with-piggy-bank-clipboard_23-2148525300.jpg",
|
||||
titleIconSrc: "LayoutGrid",
|
||||
buttonText: "Step 3",
|
||||
},
|
||||
{
|
||||
title: "4. Reporting",
|
||||
description: "Receive your monthly reports and year-end TB on time, every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-looking-pile-papers_1187-3077.jpg",
|
||||
titleIconSrc: "CheckCircle",
|
||||
buttonText: "Step 4",
|
||||
},
|
||||
]}
|
||||
title="How We Work"
|
||||
description="A seamless financial partnership, handled entirely behind the scenes."
|
||||
features={[
|
||||
{ title: "1. Onboarding", description: "Quick setup of your accounts and systems to integrate into your workflow.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-financial-report_1098-12674.jpg", titleIconSrc: "Settings", buttonText: "Step 1" },
|
||||
{ title: "2. Submission", description: "Send us your billing instructions via email, WhatsApp, or our secure portal.", imageSrc: "http://img.b2bpic.net/free-photo/statistics-presentation-economy-jobs-professional-profit_1418-585.jpg", titleIconSrc: "Mail", buttonText: "Step 2" },
|
||||
{ title: "3. Management", description: "We process everything behind the scenes—invoicing, reconciliations, and expenses.", imageSrc: "http://img.b2bpic.net/free-photo/concept-economy-with-piggy-bank-clipboard_23-2148525300.jpg", titleIconSrc: "LayoutGrid", buttonText: "Step 3" },
|
||||
{ title: "4. Reporting", description: "Receive your monthly reports and year-end TB on time, every time.", imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-looking-pile-papers_1187-3077.jpg", titleIconSrc: "CheckCircle", buttonText: "Step 4" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,65 +109,28 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Adv. S. Ndlovu",
|
||||
handle: "Johannesburg Bar",
|
||||
testimonial: "Finally, an accounting firm that understands the nuances of trust accounts and briefing structures.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12157.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Adv. M. van Wyk",
|
||||
handle: "Pretoria Bar",
|
||||
testimonial: "Their service is seamless. I can focus on my briefs while they handle the financial heavy lifting.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-vintage-library-with-green-chairs-whiskey-glasses-create-classy-setting_482257-125295.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Adv. K. Patel",
|
||||
handle: "Sandton Chambers",
|
||||
testimonial: "Audit-ready books year after year. Professionalism at its finest.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/montreal-sunrise-silhouette-viewed-from-mont-royal-with-city-skyline-morning_649448-4081.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Adv. T. Dlamini",
|
||||
handle: "Johannesburg Bar",
|
||||
testimonial: "Expertise that actually saves me time and prevents administrative stress.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12381.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Adv. L. du Plessis",
|
||||
handle: "Cape Bar",
|
||||
testimonial: "The monthly reports provide the insight I need to manage my practice effectively.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Advocates"
|
||||
description="Excellence in financial management for the Bar."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Adv. S. Ndlovu", handle: "Johannesburg Bar", testimonial: "Finally, an accounting firm that understands the nuances of trust accounts and briefing structures.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12157.jpg" },
|
||||
{ id: "2", name: "Adv. M. van Wyk", handle: "Pretoria Bar", testimonial: "Their service is seamless. I can focus on my briefs while they handle the financial heavy lifting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cozy-vintage-library-with-green-chairs-whiskey-glasses-create-classy-setting_482257-125295.jpg" },
|
||||
{ id: "3", name: "Adv. K. Patel", handle: "Sandton Chambers", testimonial: "Audit-ready books year after year. Professionalism at its finest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/montreal-sunrise-silhouette-viewed-from-mont-royal-with-city-skyline-morning_649448-4081.jpg" },
|
||||
{ id: "4", name: "Adv. T. Dlamini", handle: "Johannesburg Bar", testimonial: "Expertise that actually saves me time and prevents administrative stress.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12381.jpg" },
|
||||
{ id: "5", name: "Adv. L. du Plessis", handle: "Cape Bar", testimonial: "The monthly reports provide the insight I need to manage my practice effectively.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Secure Your Financial Future"
|
||||
description="Based in Gauteng, servicing Advocates nationally. Let's arrange a confidential consultation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/art-supply-silicone-tip-pen-isolated-dark-grey-background_1372-23.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user