357 lines
18 KiB
TypeScript
357 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="QuickBooks"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="QuickBooks Solutions for Smart Business Management."
|
|
description="Streamline accounting, improve cash flow, and make better decisions for continuous growth."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Ahmed", handle: "@SaraA_Biz", testimonial: "QuickBooks transformed how I manage my business finances. Super easy and accurate reports! Indispensable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", imageAlt: "Sarah Ahmed's photo"},
|
|
{
|
|
name: "Khaled Mansour", handle: "@KhaledM_Tech", testimonial: "The QuickBooks platform is unmatched. It saved me long hours of work and helped me understand my startup's finances.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", imageAlt: "Khaled Mansour's photo"},
|
|
{
|
|
name: "Layla Fouad", handle: "@LaylaF_Growth", testimonial: "A great tool for anyone seeking accounting accuracy and peace of mind. Their support is excellent and continuous.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", imageAlt: "Layla Fouad's photo"},
|
|
{
|
|
name: "Faris Al-Jundi", handle: "@Faris_CFO", testimonial: "As a financial expert, I recommend QuickBooks to my clients. A comprehensive and effective solution that grows with their businesses.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", imageAlt: "Faris Al-Jundi's photo"},
|
|
{
|
|
name: "Mariam Saeed", handle: "@MariamS_Mkt", testimonial: "Honestly, I never imagined accounting could be this easy. QuickBooks amazed me!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg", imageAlt: "Mariam Saeed's photo"},
|
|
]}
|
|
tag="Smart Financial Management"
|
|
buttons={[
|
|
{
|
|
text: "Subscribe Now", href: "#pricing"},
|
|
{
|
|
text: "Watch Demo", href: "#about"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "User 1 photo"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134319.jpg", alt: "User 2 photo"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "User 3 photo"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-vector/great-pack-businessman-with-nine-different-facial-expressions_23-2147614453.jpg", alt: "User 4 photo"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", alt: "User 5 photo"},
|
|
]}
|
|
avatarText="Over 7 Million Customers Trust Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461308.jpg"
|
|
imageAlt="Modern QuickBooks Dashboard"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Easy Expense Tracking"},
|
|
{
|
|
type: "text", text: "Professional Invoice Management"},
|
|
{
|
|
type: "text", text: "Accurate Financial Reports"},
|
|
{
|
|
type: "text", text: "Secure Bank Account Connection"},
|
|
{
|
|
type: "text", text: "Outstanding Technical Support"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Why QuickBooks?"
|
|
title="Your Trusted Partner in Financial Success"
|
|
description="QuickBooks is the world's leading accounting software that empowers you to easily manage your finances, from expense tracking to invoicing and tax reports."
|
|
subdescription="Specifically designed to meet the needs of small and medium-sized businesses, giving you a clear and simplified view of your financial situation."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/new-hire-sharing-handshake-receiving-id-security-pass-from-hr-manager-onboarding-meeting_482257-133870.jpg"
|
|
imageAlt="Happy businesswoman reviewing financial reports"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Wasting time on manual accounting", "Difficulty tracking expenses", "Unorganized invoices", "Lack of accurate financial reports", "Tax compliance challenges"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Time-saving through automation", "Easy and accurate expense tracking", "Professional invoice management", "Detailed and instant financial reports", "Simplified tax compliance"],
|
|
}}
|
|
title="QuickBooks Features That Change the Game"
|
|
description="Compare what you might lose and what you'll gain with QuickBooks."
|
|
tag="Digital Transformation"
|
|
tagIcon={Zap}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "+7M", title: "Happy Customers", items: [
|
|
"Small and medium-sized businesses", "Startups", "Financial consultants"],
|
|
},
|
|
{
|
|
id: "metric-2", value: "95%", title: "Customer Satisfaction", items: [
|
|
"Positive reviews", "Excellent technical support", "Continuous improvement"],
|
|
},
|
|
{
|
|
id: "metric-3", value: "3X", title: "Time Savings", items: [
|
|
"Automated routine tasks", "Fast reports", "Unrivaled accuracy"],
|
|
},
|
|
]}
|
|
title="Numbers Speak for Themselves"
|
|
description="Over 7 million businesses worldwide rely on QuickBooks for their financial growth."
|
|
tag="Real Results"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "Starting from $15/month", name: "QuickBooks Starter", buttons: [
|
|
{
|
|
text: "Start Free Trial", href: "#"},
|
|
],
|
|
features: [
|
|
"Track Income & Expenses", "Manage Invoices", "Connect Bank Accounts", "Basic Reports"],
|
|
},
|
|
{
|
|
id: "plus", badge: "Growing Businesses", badgeIcon: Star,
|
|
price: "Starting from $30/month", name: "QuickBooks Plus", buttons: [
|
|
{
|
|
text: "Subscribe Now", href: "#"},
|
|
],
|
|
features: [
|
|
"All Starter Features", "Track Inventory", "Manage Projects", "Advanced Reports", "Up to 5 Users"],
|
|
},
|
|
{
|
|
id: "advanced", badge: "Large Enterprises", badgeIcon: Award,
|
|
price: "Starting from $70/month", name: "QuickBooks Advanced", buttons: [
|
|
{
|
|
text: "Contact Sales", href: "#contact"},
|
|
],
|
|
features: [
|
|
"All Plus Features", "Manage Branches", "Custom Budgets", "Premium 24/7 Support", "More than 5 Users"],
|
|
},
|
|
]}
|
|
title="Choose the Right Plan for Your Business"
|
|
description="Flexible plans to suit all business sizes and needs."
|
|
tag="Subscription Plans"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Fatima Al-Zahraa", role: "Startup CEO", company: "GrowthX Solutions", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-work_23-2148499478.jpg", imageAlt: "Fatima Al-Zahraa's photo"},
|
|
{
|
|
id: "t2", name: "Ahmed Al-Salem", role: "CTO", company: "InnovateHub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "Ahmed Al-Salem's photo"},
|
|
{
|
|
id: "t3", name: "Nour Al-Huda", role: "E-commerce Store Owner", company: "E-Shop Pro", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-cheerful-smiling-broadly-standing-purple-background_141793-110651.jpg", imageAlt: "Nour Al-Huda's photo"},
|
|
{
|
|
id: "t4", name: "Youssef Mohamed", role: "Financial Consultant", company: "Finance Expert Co.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg", imageAlt: "Youssef Mohamed's photo"},
|
|
{
|
|
id: "t5", name: "Aya Abdullah", role: "Accounts Manager", company: "Accurate Books", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-saleswoman-businesswoman-suit-sitting-office-her-company_1258-194574.jpg", imageAlt: "Aya Abdullah's photo"},
|
|
{
|
|
id: "t6", name: "Omar Farouk", role: "Entrepreneur", company: "Future Ventures", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg", imageAlt: "Omar Farouk's photo"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "Reliable Solutions", label: "for secure financial management"},
|
|
{
|
|
value: "Premium Support", label: "available 24/7"},
|
|
{
|
|
value: "Ease of Use", label: "for non-experts"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Real success stories from business owners whose journeys QuickBooks transformed."
|
|
tag="Real Experiences"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Innovation Co.", "Success Group", "Future Solutions", "Entrepreneurs", "Global Company", "Digital Vision", "Rapid Growth"]}
|
|
title="Success Partners"
|
|
description="Leading companies trust QuickBooks to manage their accounts."
|
|
tag="Trust and Reliability"
|
|
speed={30}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What is QuickBooks?", content: "QuickBooks is comprehensive accounting software that helps small and medium-sized businesses manage their income and expenses, track sales, and generate financial reports with ease."},
|
|
{
|
|
id: "q2", title: "Do I need accounting experience to use it?", content: "No, QuickBooks is designed to be user-friendly even for non-accountants. It provides a simple interface and guided steps to help with all operations."},
|
|
{
|
|
id: "q3", title: "Can I connect my bank accounts to QuickBooks?", content: "Yes, you can automatically connect your bank accounts and credit cards to import and track transactions with ease and accuracy."},
|
|
{
|
|
id: "q4", title: "Is QuickBooks secure for my financial data?", content: "Yes, QuickBooks uses the highest security standards to protect your data, including encryption and advanced security measures to ensure the confidentiality of your information."},
|
|
{
|
|
id: "q5", title: "What is the difference between the various plans?", content: "Plans differ in the number of users, inventory and project tracking features, and the level of available reports. You can review the pricing section for full details."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to your inquiries about QuickBooks and its subscriptions."
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Ready to Get Started?"
|
|
title="Contact Us Today"
|
|
description="If you have any inquiries or need assistance, contact us today and our team of experts will be happy to help you choose the perfect QuickBooks plan for your business growth."
|
|
imageSrc="http://img.b2bpic.net/free-photo/financial-analyst-working-with-data_23-2150461309.jpg"
|
|
imageAlt="Person working on financial data"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Your Inquiry Now"
|
|
termsText="By clicking 'Send Your Inquiry Now', you agree to the Terms and Conditions."
|
|
onSubmit={() => alert('Submitted!')}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoSrc="http://img.b2bpic.net/free-vector/initials-letter-s-g-logo-design_474888-7384.jpg"
|
|
logoAlt="QuickBooks Logo"
|
|
logoText="QuickBooks"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Features", href: "#features"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Help Center", href: "#"},
|
|
{
|
|
label: "Contact Support", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About QuickBooks", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Terms & Conditions", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="QuickBooks © 2024. All rights reserved."
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-abstract-background-interior-view-looking-out-toward-city-view-with-light-bokeh_1187-1721.jpg"
|
|
imageAlt="Modern office background"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |