bender/410c87fd-ab67-4bfe-89e4-3773efdee4f0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 02:20:57 +00:00
parent f01b10ec49
commit a56cca2663
1 changed files with 43 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/page.tsx
View File

@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="ClientFlow"
/>
@@ -56,99 +44,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Scale Your Success with ClientFlow"
description="Streamline operations, automate workflows, and drive growth with the all-in-one platform built for modern agencies. Join 5,000+ businesses scaling faster today."
testimonials={[
{
name: "Sarah Miller",
handle: "@smiller",
testimonial: "ClientFlow transformed our entire operation. Productivity is up 40%.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
},
{
name: "David Chen",
handle: "@dchen",
testimonial: "The best investment for our agency this year. Absolute game changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
},
{
name: "Marcus Thorne",
handle: "@mthorne",
testimonial: "Seamless integration and intuitive design. A total win for our team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
},
{
name: "Elena Rodriguez",
handle: "@erodriguez",
testimonial: "We reduced our manual overhead significantly. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
},
{
name: "James Wilson",
handle: "@jwilson",
testimonial: "The automation features alone have saved us hundreds of hours.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
{ name: "Sarah Miller", handle: "@smiller", testimonial: "ClientFlow transformed our entire operation. Productivity is up 40%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
{ name: "David Chen", handle: "@dchen", testimonial: "The best investment for our agency this year. Absolute game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "Seamless integration and intuitive design. A total win for our team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
{ name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "We reduced our manual overhead significantly. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
{ name: "James Wilson", handle: "@jwilson", testimonial: "The automation features alone have saved us hundreds of hours.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg" }
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
alt: "Business leader portrait",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",
alt: "Business professional portrait",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
alt: "Professional specialist portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg",
alt: "Executive manager headshot",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
alt: "Creative director portrait",
},
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", alt: "Business leader portrait" },
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg", alt: "Business professional portrait" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", alt: "Professional specialist portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", alt: "Executive manager headshot" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg", alt: "Creative director portrait" }
]}
marqueeItems={[
{
type: "text",
text: "Trusted by 5,000+ Agencies",
},
{
type: "text",
text: "99.9% Platform Uptime",
},
{
type: "text",
text: "Secure Enterprise Infrastructure",
},
{
type: "text",
text: "24/7 Global Support",
},
{
type: "text",
text: "Advanced Data Insights",
},
{ type: "text", text: "Trusted by 5,000+ Agencies" },
{ type: "text", text: "99.9% Platform Uptime" },
{ type: "text", text: "Secure Enterprise Infrastructure" },
{ type: "text", text: "24/7 Global Support" },
{ type: "text", text: "Advanced Data Insights" }
]}
/>
</div>
@@ -172,36 +93,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
label: "Automated",
title: "Smart Workflows",
items: [
"Task automation",
"Seamless integrations",
"Real-time sync",
],
},
{
id: "f2",
label: "Analytics",
title: "Advanced Insights",
items: [
"Custom dashboards",
"Performance tracking",
"Predictive modeling",
],
},
{
id: "f3",
label: "Scalable",
title: "Cloud Infrastructure",
items: [
"Auto-scaling",
"Zero downtime",
"Global reach",
],
},
{ id: "f1", label: "Automated", title: "Smart Workflows", items: ["Task automation", "Seamless integrations", "Real-time sync"] },
{ id: "f2", label: "Analytics", title: "Advanced Insights", items: ["Custom dashboards", "Performance tracking", "Predictive modeling"] },
{ id: "f3", label: "Scalable", title: "Cloud Infrastructure", items: ["Auto-scaling", "Zero downtime", "Global reach"] }
]}
title="Everything You Need to Scale"
description="Powerful features designed to optimize every step of your workflow."
@@ -215,21 +109,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "40%",
description: "Average productivity increase",
},
{
id: "m2",
value: "15K+",
description: "Projects successfully launched",
},
{
id: "m3",
value: "99.9%",
description: "Platform uptime maintained",
},
{ id: "m1", value: "40%", description: "Average productivity increase" },
{ id: "m2", value: "15K+", description: "Projects successfully launched" },
{ id: "m3", value: "99.9%", description: "Platform uptime maintained" }
]}
title="Proven Impact"
description="Real results for real agencies."
@@ -238,44 +120,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
handle: "@smiller",
testimonial: "The best platform I've ever used. Simple, powerful, efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
},
{
id: "t2",
name: "David Chen",
handle: "@dchen",
testimonial: "Customer support is top-notch and the features are robust.",
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg",
},
{
id: "t3",
name: "Emily Rose",
handle: "@erose",
testimonial: "A massive improvement over our old legacy system. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
},
{
id: "t4",
name: "Mark Kim",
handle: "@mkim",
testimonial: "Exactly what we were looking for to scale our internal processes.",
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
},
{
id: "t5",
name: "Jane Doe",
handle: "@jdoe",
testimonial: "Productivity is up and stress is down. Fantastic product.",
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
},
{ id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "The best platform I've ever used. Simple, powerful, efficient.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg" },
{ id: "t2", name: "David Chen", handle: "@dchen", testimonial: "Customer support is top-notch and the features are robust.", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg" },
{ id: "t3", name: "Emily Rose", handle: "@erose", testimonial: "A massive improvement over our old legacy system. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
{ id: "t4", name: "Mark Kim", handle: "@mkim", testimonial: "Exactly what we were looking for to scale our internal processes.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" },
{ id: "t5", name: "Jane Doe", handle: "@jdoe", testimonial: "Productivity is up and stress is down. Fantastic product.", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg" }
]}
title="Loved by Teams Everywhere"
description="See why top-tier agencies choose ClientFlow."
@@ -288,54 +141,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$49",
name: "Growth",
features: [
"5 Team Members",
"Basic Analytics",
"Email Support",
],
buttons: [
{
text: "Select Plan",
href: "#contact",
},
],
},
{
id: "pro",
price: "$129",
name: "Professional",
features: [
"20 Team Members",
"Advanced Analytics",
"Priority Support",
],
buttons: [
{
text: "Select Plan",
href: "#contact",
},
],
},
{
id: "enterprise",
price: "$299",
name: "Enterprise",
features: [
"Unlimited Members",
"Custom API Access",
"Dedicated Manager",
],
buttons: [
{
text: "Select Plan",
href: "#contact",
},
],
},
{ id: "basic", price: "$49", name: "Growth", features: ["5 Team Members", "Basic Analytics", "Email Support"], buttons: [{ text: "Select Plan", href: "#contact" }] },
{ id: "pro", price: "$129", name: "Professional", features: ["20 Team Members", "Advanced Analytics", "Priority Support"], buttons: [{ text: "Select Plan", href: "#contact" }] },
{ id: "enterprise", price: "$299", name: "Enterprise", features: ["Unlimited Members", "Custom API Access", "Dedicated Manager"], buttons: [{ text: "Select Plan", href: "#contact" }] }
]}
title="Flexible Pricing Plans"
description="Scalable options to fit teams of every size."
@@ -346,15 +154,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Microsoft",
"Google",
"Apple",
"Amazon",
"Tesla",
"Adobe",
"Netflix",
]}
names={["Microsoft", "Google", "Apple", "Amazon", "Tesla", "Adobe", "Netflix"]}
title="Trusted by Industry Leaders"
description="Join the brands that power their growth with our platform."
/>
@@ -365,21 +165,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is my data secure?",
content: "Yes, we use military-grade encryption and regular security audits.",
},
{
id: "q2",
title: "Can I cancel anytime?",
content: "Yes, you can cancel your subscription at any time without penalty.",
},
{
id: "q3",
title: "Do you offer trials?",
content: "We offer a 14-day free trial on all plans.",
},
{ id: "q1", title: "Is my data secure?", content: "Yes, we use military-grade encryption and regular security audits." },
{ id: "q2", title: "Can I cancel anytime?", content: "Yes, you can cancel your subscription at any time without penalty." },
{ id: "q3", title: "Do you offer trials?", content: "We offer a 14-day free trial on all plans." }
]}
title="Frequently Asked Questions"
description="Find answers to the most common questions about our platform."
@@ -393,18 +181,8 @@ export default function LandingPage() {
title="Ready to Start?"
description="Send us a message and our team will get back to you within 24 hours."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg"
@@ -420,4 +198,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}