Merge version_1 into main #2
132
src/app/page.tsx
132
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Folder, BarChart, Shield, Send } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -29,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Login",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Login", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Support", id: "#contact"},
|
||||
]}
|
||||
brandName="Billing Portal"
|
||||
/>
|
||||
@@ -48,42 +43,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Billing & Invoices System"
|
||||
description="Welcome to your secure financial portal. Manage your billing, track invoices, and streamline your business operations with our modern dashboard."
|
||||
tag="Secure Login Required"
|
||||
buttons={[
|
||||
{
|
||||
text: "Go to Login",
|
||||
href: "/login.php",
|
||||
},
|
||||
text: "Go to Login", href: "/login.php"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg?_wi=1",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg?_wi=2",
|
||||
imageAlt: "Invoicing module",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Invoicing module"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg?_wi=3",
|
||||
imageAlt: "Report analysis",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Report analysis"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg?_wi=4",
|
||||
imageAlt: "Client management",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Client management"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg?_wi=5",
|
||||
imageAlt: "Security features",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Security features"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg?_wi=6",
|
||||
imageAlt: "System settings",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "System settings"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,28 +74,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Organization",
|
||||
description: "Keep all your invoices and billing records in one secure, organized place.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg?_wi=1",
|
||||
buttonIcon: "Folder",
|
||||
title: "Smart Organization", description: "Keep all your invoices and billing records in one secure, organized place.", imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg", buttonIcon: Folder,
|
||||
},
|
||||
{
|
||||
title: "Instant Reporting",
|
||||
description: "Generate detailed sales reports and financial insights with one click.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg?_wi=1",
|
||||
buttonIcon: "BarChart",
|
||||
title: "Instant Reporting", description: "Generate detailed sales reports and financial insights with one click.", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", buttonIcon: BarChart,
|
||||
},
|
||||
{
|
||||
title: "Secure Access",
|
||||
description: "Role-based authentication ensures your sensitive billing data is always protected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/face-recognition-personal-identification-secure-access-profile-entry-data-storage-opening-female-account-holder-cartoon-character-vector-isolated-concept-metaphor-illustration_335657-2852.jpg?_wi=1",
|
||||
buttonIcon: "Shield",
|
||||
title: "Secure Access", description: "Role-based authentication ensures your sensitive billing data is always protected.", imageSrc: "http://img.b2bpic.net/free-vector/face-recognition-personal-identification-secure-access-profile-entry-data-storage-opening-female-account-holder-cartoon-character-vector-isolated-concept-metaphor-illustration_335657-2852.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Quick Invoicing",
|
||||
description: "Streamlined interface for creating and sending professional invoices quickly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-entrepreneur-office-setup-home-with-personal-computer_482257-91126.jpg?_wi=1",
|
||||
buttonIcon: "Send",
|
||||
title: "Quick Invoicing", description: "Streamlined interface for creating and sending professional invoices quickly.", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-entrepreneur-office-setup-home-with-personal-computer_482257-91126.jpg", buttonIcon: Send,
|
||||
},
|
||||
]}
|
||||
title="System Features"
|
||||
@@ -128,15 +96,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Billing System?"
|
||||
description={[
|
||||
"Our platform is built with enterprise-grade security to ensure your financial data remains confidential and protected at all times.",
|
||||
"We offer seamless integration with your existing accounting tools, allowing for real-time synchronization of all your business transactions.",
|
||||
"Designed for scalability, our system grows with your business, providing robust analytics and automated workflows to save you time and money.",
|
||||
]}
|
||||
"Our platform is built with enterprise-grade security to ensure your financial data remains confidential and protected at all times.", "We offer seamless integration with your existing accounting tools, allowing for real-time synchronization of all your business transactions.", "Designed for scalability, our system grows with your business, providing robust analytics and automated workflows to save you time and money."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,40 +113,15 @@ export default function LandingPage() {
|
||||
description="Trusted by leading businesses to handle mission-critical financial operations."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Guarantee",
|
||||
description: "Maximum availability for your global operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg?_wi=2",
|
||||
},
|
||||
id: "1", value: "99.9%", title: "Uptime Guarantee", description: "Maximum availability for your global operations.", imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "5M+",
|
||||
title: "Invoices Processed",
|
||||
description: "Helping businesses scale their revenue efficiently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg?_wi=2",
|
||||
},
|
||||
id: "2", value: "5M+", title: "Invoices Processed", description: "Helping businesses scale their revenue efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "256-bit",
|
||||
title: "Encryption Level",
|
||||
description: "Standard security protocols for data protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/face-recognition-personal-identification-secure-access-profile-entry-data-storage-opening-female-account-holder-cartoon-character-vector-isolated-concept-metaphor-illustration_335657-2852.jpg?_wi=2",
|
||||
},
|
||||
id: "3", value: "256-bit", title: "Encryption Level", description: "Standard security protocols for data protection.", imageSrc: "http://img.b2bpic.net/free-vector/face-recognition-personal-identification-secure-access-profile-entry-data-storage-opening-female-account-holder-cartoon-character-vector-isolated-concept-metaphor-illustration_335657-2852.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
value: "150+",
|
||||
title: "Global Partners",
|
||||
description: "Ecosystem of trusted financial integrations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-entrepreneur-office-setup-home-with-personal-computer_482257-91126.jpg?_wi=2",
|
||||
},
|
||||
id: "4", value: "150+", title: "Global Partners", description: "Ecosystem of trusted financial integrations.", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-entrepreneur-office-setup-home-with-personal-computer_482257-91126.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Dedicated assistance for your urgent requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop-glasses_23-2148174129.jpg?_wi=1",
|
||||
},
|
||||
id: "5", value: "24/7", title: "Support Availability", description: "Dedicated assistance for your urgent requirements.", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop-glasses_23-2148174129.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -195,25 +133,17 @@ export default function LandingPage() {
|
||||
description="Lost your credentials or encountering issues with the billing portal? Our support team is ready to assist you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-laptop-glasses_23-2148174129.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-laptop-glasses_23-2148174129.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,13 +151,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Billing System"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user