Merge version_1 into main #1
390
src/app/page.tsx
390
src/app/page.tsx
@@ -15,270 +15,152 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="StockFlow Pro"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="StockFlow Pro"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Master Your Inventory Anywhere"
|
||||
description="Powerful desktop stock management software designed for offline productivity, advanced reporting, and seamless user role management."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-home-office-with-tablet-laptop-shows-infographics-accounting-data_482257-91198.jpg",
|
||||
imageAlt: "stock management dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
imageAlt: "stock management dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
|
||||
imageAlt: "stock management dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
|
||||
imageAlt: "Empty business workspace with device showing data analytics and infographics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg",
|
||||
imageAlt: "Empty urban office used as insurance agency headquarters to help people",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Your Inventory Anywhere"
|
||||
description="Powerful desktop stock management software designed for offline productivity, advanced reporting, and seamless user role management."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-home-office-with-tablet-laptop-shows-infographics-accounting-data_482257-91198.jpg", imageAlt: "stock management dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "stock management dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg", imageAlt: "stock management dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "Empty business workspace with device showing data analytics and infographics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg", imageAlt: "Empty urban office used as insurance agency headquarters to help people" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Inventory Tracking",
|
||||
description: "Manage stock levels, categories, and movements with full offline capability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unlocking-car-by-qr-code-smartphone_53876-95797.jpg",
|
||||
},
|
||||
{
|
||||
title: "Robust Reporting",
|
||||
description: "Generate comprehensive sales, stock, and profit reports instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussion-corporate-concept_53876-121054.jpg",
|
||||
},
|
||||
{
|
||||
title: "User Management",
|
||||
description: "Define custom user roles and permissions for team access control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core Features"
|
||||
description="Everything you need to manage your inventory and team efficiently."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Inventory Tracking", description: "Manage stock levels, categories, and movements with full offline capability.", imageSrc: "http://img.b2bpic.net/free-photo/unlocking-car-by-qr-code-smartphone_53876-95797.jpg" },
|
||||
{ title: "Robust Reporting", description: "Generate comprehensive sales, stock, and profit reports instantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussion-corporate-concept_53876-121054.jpg" },
|
||||
{ title: "User Management", description: "Define custom user roles and permissions for team access control.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg" },
|
||||
]}
|
||||
title="Core Features"
|
||||
description="Everything you need to manage your inventory and team efficiently."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Designed for Reliability",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/unrecognizable-man-working-with-tablet_23-2147717389.jpg",
|
||||
alt: "stock management dashboard",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Designed for Reliability" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/unrecognizable-man-working-with-tablet_23-2147717389.jpg", alt: "stock management dashboard" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Performance at a Glance"
|
||||
tag="Trusted by Pros"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Offline Ready",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Stock Items Managed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Always Available",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Performance at a Glance"
|
||||
tag="Trusted by Pros"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "Offline Ready" },
|
||||
{ id: "m2", value: "5k+", description: "Stock Items Managed" },
|
||||
{ id: "m3", value: "24/7", description: "Always Available" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent tool",
|
||||
quote: "The best offline stock management system I have used.",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great reporting",
|
||||
quote: "Reporting features are incredibly fast and accurate.",
|
||||
name: "Jane Smith",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Easy user roles",
|
||||
quote: "User management helped us define precise access control.",
|
||||
name: "Mark Wilson",
|
||||
role: "IT Admin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Very reliable",
|
||||
quote: "Works flawlessly without needing any internet connection.",
|
||||
name: "Sarah Miller",
|
||||
role: "Retail Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly recommended",
|
||||
quote: "The performance is top-notch for our warehouse.",
|
||||
name: "David Brown",
|
||||
role: "Operations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Businesses"
|
||||
description="See why inventory managers choose our desktop solution."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excellent tool", quote: "The best offline stock management system I have used.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg" },
|
||||
{ id: "t2", title: "Great reporting", quote: "Reporting features are incredibly fast and accurate.", name: "Jane Smith", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
||||
{ id: "t3", title: "Easy user roles", quote: "User management helped us define precise access control.", name: "Mark Wilson", role: "IT Admin", imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg" },
|
||||
{ id: "t4", title: "Very reliable", quote: "Works flawlessly without needing any internet connection.", name: "Sarah Miller", role: "Retail Lead", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg" },
|
||||
{ id: "t5", title: "Highly recommended", quote: "The performance is top-notch for our warehouse.", name: "David Brown", role: "Operations", imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg" },
|
||||
]}
|
||||
title="Trusted by Businesses"
|
||||
description="See why inventory managers choose our desktop solution."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is internet needed?",
|
||||
content: "No, it is a fully desktop-based offline application.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are reports exportable?",
|
||||
content: "Yes, you can export all reports in multiple formats.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I add more users?",
|
||||
content: "Absolutely, our user management system supports unlimited users.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common queries about our system."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is internet needed?", content: "No, it is a fully desktop-based offline application." },
|
||||
{ id: "f2", title: "Are reports exportable?", content: "Yes, you can export all reports in multiple formats." },
|
||||
{ id: "f3", title: "Can I add more users?", content: "Absolutely, our user management system supports unlimited users." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common queries about our system."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Request a Demo"
|
||||
description="Start managing your stock more effectively today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-office-desk-with-copy-space_23-2148219239.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Started"
|
||||
title="Request a Demo"
|
||||
description="Start managing your stock more effectively today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-office-desk-with-copy-space_23-2148219239.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Features",
|
||||
items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Reports",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 StockFlow Pro. All rights reserved."
|
||||
bottomRightText="Built for desktop."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Features", items: [
|
||||
{ label: "Inventory", href: "#features" },
|
||||
{ label: "Reports", href: "#features" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 StockFlow Pro. All rights reserved."
|
||||
bottomRightText="Built for desktop."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user