Merge version_1 into main #4
24
src/app/about/page.tsx
Normal file
24
src/app/about/page.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Our Vision' }]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Company" />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
24
src/app/contact/page.tsx
Normal file
24
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
|
||||
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit tag="Contact" title="Contact Us" description="Questions? Reach out anytime." />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Company" />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Advocate Financial | Specialist Accounting for Advocates',
|
||||
description: 'Expert financial management and accounting services exclusively for South African Advocates.',
|
||||
title: 'Webild Platform',
|
||||
description: 'Innovative solutions for your future.',
|
||||
openGraph: {
|
||||
"title": "Advocate Financial | Specialist Accounting for Advocates",
|
||||
"description": "Professional accounting and bookkeeping for Advocates. Focus on your brief, not your books.",
|
||||
|
||||
172
src/app/page.tsx
172
src/app/page.tsx
@@ -1,149 +1,41 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { FileText, ShieldCheck, BarChart2, Calculator, Settings, Mail, LayoutGrid, CheckCircle } from 'lucide-react';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Star, Shield, ArrowRight } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="blurBottom"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Advocate Financial"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
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" }]}
|
||||
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" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Navigating the complexities of a busy practice." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
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}
|
||||
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>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={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
|
||||
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>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Advocate Financial"
|
||||
copyrightText="© 2025 Advocate Financial. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard title="Welcome to Our Platform" description="Build your future with our advanced tools and community-driven solutions." background={{ variant: 'animated-grid' }} />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Us' }]} />
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine title="Our Services" description="Explore what we offer" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: 'Innovation', description: 'Cutting edge tech', imageSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', titleIconSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', buttonText: 'Learn More' }, { title: 'Security', description: 'Safe and secure', imageSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', titleIconSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', buttonText: 'Read More' }]} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen testimonials={[{ id: '1', name: 'John Doe', handle: '@johndoe', testimonial: 'Great service!', rating: 5, icon: Star }]} showRating={true} animationType="blur-reveal" title="Testimonials" textboxLayout="default" />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard logoText="Company" />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user