Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="ProfitFlow"
|
||||
/>
|
||||
@@ -54,63 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Turn Your Vision into Profit"
|
||||
description="Unlock professional growth with our high-conversion platform tailored for scalability and revenue generation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-leaders-demonstrating-powerful-collaboration-strategic-thinking_482257-123995.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg",
|
||||
alt: "Joyous coworkers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg",
|
||||
alt: "Business worker chatting",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/software-technician-developing-maintaining-databases-work_482257-108271.jpg",
|
||||
alt: "Software technician",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-manager-engaged-budget-analysis-strategy-development_482257-116629.jpg",
|
||||
alt: "Female manager",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
alt: "Professional portrait man",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", alt: "Joyous coworkers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg", alt: "Business worker chatting" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/software-technician-developing-maintaining-databases-work_482257-108271.jpg", alt: "Software technician" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-manager-engaged-budget-analysis-strategy-development_482257-116629.jpg", alt: "Female manager" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", alt: "Professional portrait man" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Revenue Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud-Secure Data",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Consulting",
|
||||
},
|
||||
{ type: "text", text: "Scalable Growth" },
|
||||
{ type: "text", text: "Revenue Optimization" },
|
||||
{ type: "text", text: "Real-time Analytics" },
|
||||
{ type: "text", text: "Cloud-Secure Data" },
|
||||
{ type: "text", text: "Strategic Consulting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,22 +85,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual workflows",
|
||||
"Inconsistent data",
|
||||
"Slow reporting",
|
||||
"High overheads",
|
||||
"Lost opportunities",
|
||||
],
|
||||
items: ["Manual workflows", "Inconsistent data", "Slow reporting", "High overheads", "Lost opportunities"]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Automated scaling",
|
||||
"Real-time insights",
|
||||
"Rapid monetization",
|
||||
"Efficiency boost",
|
||||
"Revenue growth",
|
||||
],
|
||||
items: ["Automated scaling", "Real-time insights", "Rapid monetization", "Efficiency boost", "Revenue growth"]
|
||||
}}
|
||||
title="Optimize Your Performance"
|
||||
description="Leave behind outdated methods and embrace the next level of business operational excellence."
|
||||
@@ -162,39 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$99",
|
||||
subtitle: "For new ventures",
|
||||
features: [
|
||||
"Core tools",
|
||||
"Standard support",
|
||||
"Basic analytics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Enterprise",
|
||||
price: "$299",
|
||||
subtitle: "For serious growth",
|
||||
features: [
|
||||
"Advanced automation",
|
||||
"Priority access",
|
||||
"Deep insights",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "custom",
|
||||
badge: "Custom",
|
||||
price: "Custom",
|
||||
subtitle: "For massive scale",
|
||||
features: [
|
||||
"Tailored solutions",
|
||||
"Dedicated manager",
|
||||
"API access",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Starter", price: "$99", subtitle: "For new ventures", features: ["Core tools", "Standard support", "Basic analytics"] },
|
||||
{ id: "pro", badge: "Enterprise", price: "$299", subtitle: "For serious growth", features: ["Advanced automation", "Priority access", "Deep insights"] },
|
||||
{ id: "custom", badge: "Custom", price: "Custom", subtitle: "For massive scale", features: ["Tailored solutions", "Dedicated manager", "API access"] }
|
||||
]}
|
||||
title="Flexible Monetization Plans"
|
||||
description="Choose the tier that matches your current business growth goals."
|
||||
@@ -203,27 +112,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: DollarSign,
|
||||
title: "Revenue Generated",
|
||||
value: "$50M+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "10,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: BarChart,
|
||||
title: "Avg Growth",
|
||||
value: "150%",
|
||||
},
|
||||
{ id: "m1", icon: DollarSign, title: "Revenue Generated", value: "$50M+" },
|
||||
{ id: "m2", icon: Users, title: "Happy Clients", value: "10,000+" },
|
||||
{ id: "m3", icon: BarChart, title: "Avg Growth", value: "150%" }
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Our numbers speak for themselves. We deliver measurable impact."
|
||||
@@ -236,41 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "Transformed our revenue model in three months. Incredible ROI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Garcia",
|
||||
handle: "@mariag",
|
||||
testimonial: "Finally, a platform that understands business growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "The automation tools saved us hundreds of hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspectors-supervisors-engaging-briefing-production-metrics_482257-126100.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahl",
|
||||
testimonial: "Professional, reliable, and highly effective strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin West",
|
||||
handle: "@kevinw",
|
||||
testimonial: "The best investment for our startup scale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Smith", handle: "@alexs", testimonial: "Transformed our revenue model in three months. Incredible ROI.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg" },
|
||||
{ id: "2", name: "Maria Garcia", handle: "@mariag", testimonial: "Finally, a platform that understands business growth.", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg" },
|
||||
{ id: "3", name: "John Doe", handle: "@johnd", testimonial: "The automation tools saved us hundreds of hours.", imageSrc: "http://img.b2bpic.net/free-photo/factory-inspectors-supervisors-engaging-briefing-production-metrics_482257-126100.jpg" },
|
||||
{ id: "4", name: "Sarah Lee", handle: "@sarahl", testimonial: "Professional, reliable, and highly effective strategies.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg" },
|
||||
{ id: "5", name: "Kevin West", handle: "@kevinw", testimonial: "The best investment for our startup scale.", imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See how we help businesses grow."
|
||||
@@ -280,16 +145,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to scale your business? Let's talk strategy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,45 +155,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="ProfitFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user