Merge version_1 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "dashboard"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
]}
|
||||
brandName="Smart Invoice Tracker"
|
||||
/>
|
||||
@@ -48,97 +42,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Track Your Finances Effortlessly"
|
||||
description="Simplify your invoicing, manage expenses, and gain clear insights into your business performance with our beginner-friendly tracker."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex River",
|
||||
handle: "@ariver",
|
||||
testimonial: "This tracker made managing my freelancing business so simple. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=1",
|
||||
imageAlt: "modern software dashboard",
|
||||
},
|
||||
name: "Alex River", handle: "@ariver", testimonial: "This tracker made managing my freelancing business so simple. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg", imageAlt: "modern software dashboard"},
|
||||
{
|
||||
name: "Jamie Smith",
|
||||
handle: "@jamies",
|
||||
testimonial: "Perfect for beginners who need to stay on top of invoices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-holding-tablet-medium-shot_23-2148346151.jpg?_wi=1",
|
||||
imageAlt: "person using tablet for finance",
|
||||
},
|
||||
name: "Jamie Smith", handle: "@jamies", testimonial: "Perfect for beginners who need to stay on top of invoices.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-holding-tablet-medium-shot_23-2148346151.jpg", imageAlt: "person using tablet for finance"},
|
||||
{
|
||||
name: "Morgan Lee",
|
||||
handle: "@mlee",
|
||||
testimonial: "Clean design and extremely easy to use. Love it!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294543.jpg?_wi=1",
|
||||
imageAlt: "3d finance icons data",
|
||||
},
|
||||
name: "Morgan Lee", handle: "@mlee", testimonial: "Clean design and extremely easy to use. Love it!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294543.jpg", imageAlt: "3d finance icons data"},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@stam",
|
||||
testimonial: "Exactly what I was looking for. Straightforward and functional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg?_wi=1",
|
||||
imageAlt: "digital financial report",
|
||||
},
|
||||
name: "Sam Taylor", handle: "@stam", testimonial: "Exactly what I was looking for. Straightforward and functional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg", imageAlt: "digital financial report"},
|
||||
{
|
||||
name: "Casey P.",
|
||||
handle: "@caseyp",
|
||||
testimonial: "No clutter, just the tools I need to track my expenses.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=2",
|
||||
imageAlt: "modern software dashboard",
|
||||
},
|
||||
name: "Casey P.", handle: "@caseyp", testimonial: "No clutter, just the tools I need to track my expenses.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg", imageAlt: "modern software dashboard"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-business-woman_23-2148767936.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-business-woman_23-2148767936.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/happy-young-man_23-2148767949.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/happy-young-man_23-2148767949.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-smiling-man_23-2148818037.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-smiling-man_23-2148818037.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/businesswoman-working-office_23-2148818055.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/businesswoman-working-office_23-2148818055.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-successful-entrepreneur_23-2148818169.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-successful-entrepreneur_23-2148818169.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ freelancers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Streamlined Invoicing",
|
||||
},
|
||||
type: "text", text: "Streamlined Invoicing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Expense Tracking",
|
||||
},
|
||||
type: "text", text: "Real-time Expense Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Data Analytics",
|
||||
},
|
||||
type: "text", text: "Secure Data Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Reports",
|
||||
},
|
||||
type: "text", text: "Automated Reports"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Management",
|
||||
},
|
||||
type: "text", text: "Client Management"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,22 +98,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Customer Management",
|
||||
description: "Easily keep track of all your clients in one place.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-holding-tablet-medium-shot_23-2148346151.jpg?_wi=2",
|
||||
},
|
||||
title: "Customer Management", description: "Easily keep track of all your clients in one place.", imageSrc: "http://img.b2bpic.net/free-photo/senior-holding-tablet-medium-shot_23-2148346151.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Invoice Tracking",
|
||||
description: "Create, send, and track payments to ensure you're always getting paid.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294543.jpg?_wi=2",
|
||||
},
|
||||
title: "Invoice Tracking", description: "Create, send, and track payments to ensure you're always getting paid.", imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294543.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Smart Insights",
|
||||
description: "Get a clear summary of your profit, income, and pending payments instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg?_wi=2",
|
||||
},
|
||||
title: "Smart Insights", description: "Get a clear summary of your profit, income, and pending payments instantly.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-graphics-blue-tones_1134-384.jpg"},
|
||||
]}
|
||||
title="Built for Beginners"
|
||||
description="Manage your financial life with tools designed for simplicity and efficiency."
|
||||
@@ -175,29 +114,15 @@ export default function LandingPage() {
|
||||
<div id="dashboard" data-section="dashboard">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Total Income",
|
||||
subtitle: "Current Month",
|
||||
category: "Performance",
|
||||
value: "$12,450",
|
||||
},
|
||||
id: "1", title: "Total Income", subtitle: "Current Month", category: "Performance", value: "$12,450"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Total Expenses",
|
||||
subtitle: "Current Month",
|
||||
category: "Performance",
|
||||
value: "$4,200",
|
||||
},
|
||||
id: "2", title: "Total Expenses", subtitle: "Current Month", category: "Performance", value: "$4,200"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Pending Payments",
|
||||
subtitle: "Outstanding",
|
||||
category: "Invoices",
|
||||
value: "8",
|
||||
},
|
||||
id: "3", title: "Pending Payments", subtitle: "Outstanding", category: "Invoices", value: "8"},
|
||||
]}
|
||||
title="Project Summary"
|
||||
description="Visualize your progress with real-time financial tracking."
|
||||
@@ -211,20 +136,11 @@ export default function LandingPage() {
|
||||
tag="Analytics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "42%",
|
||||
description: "YoY Income Increase",
|
||||
},
|
||||
id: "m1", value: "42%", description: "YoY Income Increase"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15%",
|
||||
description: "Expense Reduction",
|
||||
},
|
||||
id: "m2", value: "15%", description: "Expense Reduction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Client Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -235,37 +151,30 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Financial Tips"
|
||||
description="Stay updated with the latest trends in finance."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#dashboard",
|
||||
},
|
||||
label: "Dashboard", href: "#dashboard"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Docs", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user