Update src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Globe, TrendingUp, Users } from "lucide-react";
|
||||
import { Globe, TrendingUp, Users, Github, Twitter, Linkedin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -34,17 +34,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="PlatformOne"
|
||||
/>
|
||||
@@ -53,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Run your entire business from one platform"
|
||||
description="Opensource, fully integrated modules for sales, operations, finance, and growth. Own your data. Scale without limits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Building Free", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-using-chroma-key-display-digital-analysis_482257-126246.jpg",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/male-administrator-using-chroma-key-display-digital-analysis_482257-126246.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
|
||||
imageAlt: "Module management",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg", imageAlt: "Module management"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg",
|
||||
imageAlt: "Team collaboration",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg", imageAlt: "Team collaboration"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
|
||||
imageAlt: "Real-time growth",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg", imageAlt: "Real-time growth"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",
|
||||
imageAlt: "Task progress",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg", imageAlt: "Task progress"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg",
|
||||
imageAlt: "Billing finance",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345423.jpg", imageAlt: "Billing finance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,14 +76,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for scalable business operations.",
|
||||
},
|
||||
type: "text", content: "Built for scalable business operations."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
|
||||
alt: "About us",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg", alt: "About us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,23 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "CRM",
|
||||
description: "360-degree customer insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg",
|
||||
imageAlt: "CRM",
|
||||
},
|
||||
title: "CRM", description: "360-degree customer insights.", imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-right-side_187299-45688.jpg", imageAlt: "CRM"},
|
||||
{
|
||||
title: "Inventory",
|
||||
description: "Automated stock fulfillment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg",
|
||||
imageAlt: "Inventory",
|
||||
},
|
||||
title: "Inventory", description: "Automated stock fulfillment.", imageSrc: "http://img.b2bpic.net/free-photo/save-front-side-with-white-background_187299-39944.jpg", imageAlt: "Inventory"},
|
||||
{
|
||||
title: "Billing",
|
||||
description: "Integrated accounting modules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-icons-set-web-project-plan-interface-design-marketing-research_126523-1105.jpg",
|
||||
imageAlt: "Billing",
|
||||
},
|
||||
title: "Billing", description: "Integrated accounting modules.", imageSrc: "http://img.b2bpic.net/free-vector/flat-icons-set-web-project-plan-interface-design-marketing-research_126523-1105.jpg", imageAlt: "Billing"},
|
||||
]}
|
||||
title="A smarter way to manage operations"
|
||||
description="Break down data silos with seamless integration across all business functions."
|
||||
@@ -154,47 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "CRM Module",
|
||||
price: "Included",
|
||||
variant: "Sales",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg",
|
||||
},
|
||||
id: "p1", name: "CRM Module", price: "Included", variant: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038415.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Inventory Management",
|
||||
price: "Included",
|
||||
variant: "Ops",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holds-tablet-with-copy-space-screen-leveraging-dashboards_482257-126587.jpg",
|
||||
},
|
||||
id: "p2", name: "Inventory Management", price: "Included", variant: "Ops", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holds-tablet-with-copy-space-screen-leveraging-dashboards_482257-126587.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Accounting/Billing",
|
||||
price: "Included",
|
||||
variant: "Finance",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-86.jpg",
|
||||
},
|
||||
id: "p3", name: "Accounting/Billing", price: "Included", variant: "Finance", imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-86.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "HR Management",
|
||||
price: "Included",
|
||||
variant: "Staff",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
},
|
||||
id: "p4", name: "HR Management", price: "Included", variant: "Staff", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "POS System",
|
||||
price: "Included",
|
||||
variant: "Retail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-store-order-concept_53876-120068.jpg",
|
||||
},
|
||||
id: "p5", name: "POS System", price: "Included", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-store-order-concept_53876-120068.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Marketing Automation",
|
||||
price: "Included",
|
||||
variant: "Growth",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/screen-marketing-automation-background_23-2148007434.jpg",
|
||||
},
|
||||
id: "p6", name: "Marketing Automation", price: "Included", variant: "Growth", imageSrc: "http://img.b2bpic.net/free-vector/screen-marketing-automation-background_23-2148007434.jpg"},
|
||||
]}
|
||||
title="Comprehensive Business Modules"
|
||||
description="Everything your company needs to operate at peak efficiency."
|
||||
@@ -208,36 +134,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
name: "Starter",
|
||||
price: "$0",
|
||||
features: [
|
||||
"Core Modules",
|
||||
"10 Users",
|
||||
"Community Support",
|
||||
],
|
||||
id: "free", name: "Starter", price: "$0", features: [
|
||||
"Core Modules", "10 Users", "Community Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Enterprise",
|
||||
price: "Contact Us",
|
||||
features: [
|
||||
"All Modules",
|
||||
"Unlimited Users",
|
||||
"Priority Support",
|
||||
"Custom API",
|
||||
],
|
||||
id: "pro", name: "Enterprise", price: "Contact Us", features: [
|
||||
"All Modules", "Unlimited Users", "Priority Support", "Custom API"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Demo", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -253,23 +162,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Users", value: "10k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: TrendingUp,
|
||||
title: "Efficiency Gain",
|
||||
value: "40%",
|
||||
},
|
||||
id: "m2", icon: TrendingUp,
|
||||
title: "Efficiency Gain", value: "40%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Countries Served",
|
||||
value: "50+",
|
||||
},
|
||||
id: "m3", icon: Globe,
|
||||
title: "Countries Served", value: "50+"},
|
||||
]}
|
||||
title="Proven performance metrics"
|
||||
description="Driving tangible results for our users."
|
||||
@@ -281,14 +181,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GrowthInc",
|
||||
"GlobalOps",
|
||||
"NextGenSaaS",
|
||||
"CoreSystems",
|
||||
"PrimeSolutions",
|
||||
"FutureReady",
|
||||
]}
|
||||
"InnovateTech", "GrowthInc", "GlobalOps", "NextGenSaaS", "CoreSystems", "PrimeSolutions", "FutureReady"]}
|
||||
title="Trusted by global brands"
|
||||
description="Leading companies choose our unified platform."
|
||||
/>
|
||||
@@ -300,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it truly open source?",
|
||||
content: "Yes, our core platform is fully open source.",
|
||||
},
|
||||
id: "f1", title: "Is it truly open source?", content: "Yes, our core platform is fully open source."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it integrate with other tools?",
|
||||
content: "We offer extensive APIs to integrate seamlessly.",
|
||||
},
|
||||
id: "f2", title: "Does it integrate with other tools?", content: "We offer extensive APIs to integrate seamlessly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is data ownership guaranteed?",
|
||||
content: "You own your data, with full export capabilities.",
|
||||
},
|
||||
id: "f3", title: "Is data ownership guaranteed?", content: "You own your data, with full export capabilities."},
|
||||
]}
|
||||
title="Frequently asked questions"
|
||||
description="Get answers about our features and pricing."
|
||||
@@ -325,63 +209,24 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to unify your business operations?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Building Free", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
<FooterCard
|
||||
logoText="PlatformOne"
|
||||
copyrightText="© 2024 PlatformOne. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Github, href: "#", ariaLabel: "GitHub" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
bottomLeftText="© 2024 PlatformOne. All rights reserved."
|
||||
bottomRightText="Built for scale."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user