284 lines
15 KiB
TypeScript
284 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Building, DollarSign, Briefcase, Home, FileText, BarChart3, Quote } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="OnTrack"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "differentiation" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Consultation", href: "#contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Your Finances. On Track. Under Control."
|
|
description="Precision accounting for business owners, professionals, and individuals who expect more. We don't just file returns—we command your financial future."
|
|
background={{ variant: "downward-rays-static" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-psychologist-sitting-office_1098-21011.jpg", alt: "Mina - Founder of OnTrack Accounting"
|
|
}
|
|
]}
|
|
avatarText="Trusted by business owners for 15+ years"
|
|
buttons={[
|
|
{ text: "Book Your Private Consultation", href: "#contact" },
|
|
{ text: "Speak With Our Team", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section - OnTrack Accounting services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardSeven
|
|
title="Our Commitment to Excellence"
|
|
description="Why OnTrack Accounting stands apart from the rest"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15+", title: "Years of Experience", items: ["Trusted by business owners", "Proven track record"]
|
|
},
|
|
{
|
|
id: "2", value: "100%", title: "Proactive Guidance", items: ["Problems anticipated before they arise", "Strategic financial clarity"]
|
|
},
|
|
{
|
|
id: "3", value: "24/7", title: "Fast Response", items: ["Urgent communication priority", "Never left hanging"]
|
|
},
|
|
{
|
|
id: "4", value: "∞", title: "Long-Term Partnership", items: ["Real relationships not transactions", "Decades of loyal clients"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
uniformGridCustomHeightClasses="min-h-80"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Meet the Mind Behind Precision"
|
|
title="For over 15 years, Mina and the OnTrack team have transformed financial chaos into strategic clarity. We don't just process returns—we build partnerships that last decades. Customized advice. Strategic clarity. No corporate coldness. Just real guidance."
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Work With Mina", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Our Services"
|
|
description="Comprehensive accounting and bookkeeping solutions tailored for your success"
|
|
tag="What We Offer"
|
|
features={[
|
|
{
|
|
title: "Corporate Accounting", description: "Professional accounting services for established businesses and corporations. Comprehensive financial reporting, tax optimization, and strategic guidance.", icon: Building,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=1", imageAlt: "Corporate accounting services"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=2", imageAlt: "Financial consultation"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "HST/GST & Tax Filing", description: "Expert handling of HST rebates, GST filings, and tax strategy. We maximize your rebates and minimize your tax burden.", icon: DollarSign,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=3", imageAlt: "Tax filing services"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=4", imageAlt: "HST rebate consultation"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Self-Employed & Freelancer", description: "Specialized support for freelancers, consultants, and self-employed professionals. Maximize deductions and maintain compliance.", icon: Briefcase,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=5", imageAlt: "Freelancer accounting"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=6", imageAlt: "Self-employed tax planning"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Real Estate & Investment", description: "Strategic accounting for real estate investors and property owners. HST rebates, rental income optimization, and compliance.", icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=7", imageAlt: "Real estate accounting"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=8", imageAlt: "Investment property services"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Personal Tax Returns", description: "Thorough personal tax planning and return preparation. Credit structuring, budget optimization, and maximum refunds.", icon: FileText,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=9", imageAlt: "Personal tax planning"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=10", imageAlt: "Tax return preparation"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Bookkeeping & Payroll", description: "Clean, organized financial records and professional payroll management. Stay audit-ready every day.", icon: BarChart3,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=11", imageAlt: "Bookkeeping services"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/insurance-broker-highlighting-important-contract-terms_482257-115640.jpg?_wi=12", imageAlt: "Payroll management"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Real voices from business owners, professionals, and families who trust OnTrack with their financial future"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Scott L.", handle: "@scott_business", testimonial: "True professionals. Reports are on time. Problems are proactively addressed. They walk you through everything—no surprises.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "Scott L. - Satisfied Client"
|
|
},
|
|
{
|
|
id: "2", name: "John A.", handle: "@john_15yr", testimonial: "A refreshing change from oversized Bay St firms. Personal, knowledgeable, and they actually care about your success.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "John A. - 15-year Client"
|
|
},
|
|
{
|
|
id: "3", name: "Mo E.", handle: "@mo_entrepreneur", testimonial: "He treats your money like it's coming out of his pocket. That's the level of care and attention you get with OnTrack.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3", imageAlt: "Mo E. - Business Owner"
|
|
},
|
|
{
|
|
id: "4", name: "Christine P.", handle: "@christine_realtor", testimonial: "Extremely knowledgeable and very welcoming. They walked me through a difficult business transition with confidence and clarity.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Christine P. - Real Estate Professional"
|
|
},
|
|
{
|
|
id: "5", name: "Nagi I.", handle: "@nagi_cpa", testimonial: "The responsiveness is unmatched. When you need answers, they're there. That's professionalism done right.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4", imageAlt: "Nagi I. - Finance Professional"
|
|
},
|
|
{
|
|
id: "6", name: "David K.", handle: "@david_startup", testimonial: "From startup chaos to strategic clarity. OnTrack didn't just fix our books—they optimized our entire financial strategy.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=5", imageAlt: "David K. - Startup Founder"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="differentiation" data-section="differentiation">
|
|
<TextAbout
|
|
tag="Why We Stand Apart"
|
|
title="Most accounting firms react. We anticipate. Most respond slowly. We operate with urgency. Most are transactional. We build partnerships. That's the OnTrack difference."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Your Consultation", href: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to Feel In Control Again?"
|
|
description="Your finances should never feel chaotic. They should feel strategic, organized, clear, and optimized. Let's get OnTrack together."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
|
]}
|
|
textarea={{
|
|
name: "inquiry", placeholder: "How can we help you? Tell us about your situation.", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-man-his-wife-using-digital-tablet-while-being-meeting-with-bank-manager-office_637285-1737.jpg"
|
|
imageAlt="Professional consultation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Begin the Conversation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="OnTrack"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Corporate Accounting", href: "#services" },
|
|
{ label: "HST & Tax Filing", href: "#services" },
|
|
{ label: "Self-Employed Support", href: "#services" },
|
|
{ label: "Real Estate Services", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Why OnTrack", href: "#differentiation" },
|
|
{ label: "Meet Mina", href: "#about" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Book Consultation", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 OnTrack Accounting & Bookkeeping. Precision. Performance. Partnership."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|