384 lines
13 KiB
TypeScript
384 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Book, CheckCircle, FileText, Gauge, Lightbulb, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Clients",
|
|
id: "#clients",
|
|
},
|
|
{
|
|
name: "Results",
|
|
id: "#results",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/accounting-logo-collection_23-2148843330.jpg"
|
|
logoAlt="Acme Accounting Logo"
|
|
brandName="Acme Accounting"
|
|
bottomLeftText="Expert Financial Guidance"
|
|
bottomRightText="info@acmeaccounting.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
logoText="Acme Accounting"
|
|
description="Your Trusted Partner for Financial Clarity and Growth. We simplify complex accounting for businesses and individuals."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Consultation",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/important-investor-making-notes-calculations-briefing-meeting_482257-122861.jpg?_wi=1"
|
|
imageAlt="Professional accountant working on a laptop with financial documents"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Experience & Expertise You Can Count On"
|
|
metrics={[
|
|
{
|
|
icon: Gauge,
|
|
label: "Years in Business",
|
|
value: "20+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-abstract-innovation-composition_23-2148909058.jpg?_wi=1",
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Clients Served",
|
|
value: "500+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-connected-business-people_53876-94724.jpg",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Successful Audits",
|
|
value: "99%",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-person-server-room-optimizing-data-center-gear_482257-113019.jpg",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Tax Preparation",
|
|
description: "Navigate complex tax codes with ease and ensure maximum returns.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: FileText,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-sprout-growing-into-money-tree-with-coins_107791-16643.jpg",
|
|
imageAlt: "blue tech company logo clean",
|
|
},
|
|
{
|
|
title: "Bookkeeping & Payroll",
|
|
description: "Accurate and timely record-keeping for smooth operations.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Book,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/important-investor-making-notes-calculations-briefing-meeting_482257-122861.jpg?_wi=2",
|
|
imageAlt: "blue tech company logo clean",
|
|
},
|
|
{
|
|
title: "Financial Consulting",
|
|
description: "Strategic advice to optimize your financial health and achieve long-term goals.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Lightbulb,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-abstract-innovation-composition_23-2148909058.jpg?_wi=2",
|
|
imageAlt: "blue tech company logo clean",
|
|
},
|
|
]}
|
|
title="Streamline Your Finances with Our Services"
|
|
description="From meticulous tax preparation to strategic financial planning, we offer comprehensive solutions tailored to your unique needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="clients" data-section="clients">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Innovate Solutions",
|
|
"Global Ventures Inc.",
|
|
"Market Movers LLC",
|
|
"Creative Spark Agency",
|
|
"BuildRight Construction",
|
|
"FutureLearn Academy",
|
|
"Speedy Logistics",
|
|
]}
|
|
title="Trusted by Businesses of All Sizes"
|
|
description="Our diverse clientele includes startups, small businesses, and established enterprises, all benefiting from our expert financial guidance."
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="results" data-section="results">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "25%",
|
|
title: "Average Tax Savings",
|
|
description: "Our expert strategies lead to significant reductions in tax liabilities.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023754.jpg",
|
|
imageAlt: "Upward trending tax savings chart",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "15%",
|
|
title: "Average Client Growth",
|
|
description: "We help businesses identify opportunities for sustainable growth.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/goals-target-aspiration-perforated-paper-graph_53876-41401.jpg",
|
|
imageAlt: "Business growth chart showing an upward trend",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "40%",
|
|
title: "Improved Efficiency",
|
|
description: "Streamlining processes saves time and reduces operational costs.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smart-speaker-being-used-indoors_52683-107774.jpg",
|
|
imageAlt: "Efficiency metrics with gears and progress bar",
|
|
},
|
|
]}
|
|
title="Measurable Results, Real Impact"
|
|
description="We help our clients achieve significant financial improvements, leading to sustained growth and greater peace of mind year after year."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
|
imageAlt: "Sarah Johnson, CEO of TechCorp",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-front-glass-building_23-2147704438.jpg",
|
|
imageAlt: "Michael Chen, CTO of InnovateLab",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
|
imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
|
imageAlt: "David Kim, Product Manager at StartupXYZ",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica Lee",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/succesful-businesswomen-giving-high-five_53876-15136.jpg",
|
|
imageAlt: "Jessica Lee, Owner of Local Cafe",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Chris Davis",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/good-mood-work_329181-14569.jpg",
|
|
imageAlt: "Chris Davis, Freelance Designer",
|
|
},
|
|
]}
|
|
cardTitle="What Our Clients Say"
|
|
cardTag="Client Stories"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What types of businesses do you serve?",
|
|
content: "We work with a wide range of businesses, from startups and small businesses to mid-sized companies across various industries. Our services are scalable to meet your specific needs.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "How do you ensure data security and confidentiality?",
|
|
content: "Data security is our top priority. We utilize industry-leading encryption, secure cloud platforms, and strict internal protocols to protect all client information. All our staff are trained in data privacy best practices.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Can you help with tax planning for individuals?",
|
|
content: "Absolutely. In addition to business accounting, we offer comprehensive tax planning and preparation services for individuals, helping you maximize deductions and minimize your tax burden.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What is your onboarding process like?",
|
|
content: "Our onboarding process is designed to be seamless. We start with a detailed consultation to understand your needs, then collect necessary documents, and integrate our systems efficiently to get you up and running quickly.",
|
|
},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to the most common questions about our accounting and financial services."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
text="Ready to achieve financial clarity and empower your business growth? Contact us today for a personalized consultation."
|
|
buttons={[
|
|
{
|
|
text: "Schedule a Meeting",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Tax Preparation",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Bookkeeping",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Payroll",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Consulting",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Clients",
|
|
href: "#clients",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Get in Touch",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Support",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2023 Acme Accounting. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|