Update src/app/page.tsx

This commit is contained in:
2026-04-06 17:27:10 +00:00
parent c6fbbd4cc2
commit a3c84897ce

View File

@@ -28,22 +28,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "features",
},
{
name: "About",
id: "about",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Features", id: "features" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="SaaSFlow"
/>
@@ -54,40 +42,16 @@ export default function LandingPage() {
logoText="SaaSFlow"
description="Unlock infinite scalability with our advanced, AI-driven software platform tailored for modern enterprise needs."
buttons={[
{
text: "Start Free Trial",
href: "#contact",
},
{
text: "See Demo",
href: "#features",
},
{ text: "Start Free Trial", href: "#contact" },
{ text: "See Demo", href: "#features" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg?_wi=1",
imageAlt: "Dashboard overview",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",
imageAlt: "Platform homepage",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg?_wi=1",
imageAlt: "Tech connectivity",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/three-coworkers-looking-monitor_23-2149370564.jpg?_wi=1",
imageAlt: "Expert team",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg?_wi=1",
imageAlt: "Metrics dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-flat-lay_23-2148999165.jpg?_wi=1",
imageAlt: "System flow",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg", imageAlt: "Dashboard overview" },
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Platform homepage" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg", imageAlt: "Tech connectivity" },
{ imageSrc: "http://img.b2bpic.net/free-photo/three-coworkers-looking-monitor_23-2149370564.jpg", imageAlt: "Expert team" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg", imageAlt: "Metrics dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-flat-lay_23-2148999165.jpg", imageAlt: "System flow" },
]}
/>
</div>
@@ -96,42 +60,19 @@ export default function LandingPage() {
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Real-time Analytics",
description: "Get instant insights into your workflow metrics with our advanced dashboard.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg?_wi=2",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg?_wi=3",
imageAlt: "modern saas dashboard design",
title: "Real-time Analytics", description: "Get instant insights into your workflow metrics with our advanced dashboard.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-dots-design_1048-14068.jpg", imageAlt: "modern saas dashboard design" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884885.jpg", imageAlt: "metrics dashboard illustration" }
},
{
title: "Smart Automation",
description: "Automate routine tasks using our AI engines to save time and increase productivity.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg?_wi=2",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-flat-lay_23-2148999165.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
imageAlt: "futuristic saas software interface",
title: "Smart Automation", description: "Automate routine tasks using our AI engines to save time and increase productivity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg", imageAlt: "futuristic interface design" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-thread-flat-lay_23-2148999165.jpg", imageAlt: "network concept flat lay" }
},
{
title: "Seamless Integration",
description: "Connect effortlessly with your existing stack for a truly unified ecosystem.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/three-coworkers-looking-monitor_23-2149370564.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg?_wi=3",
imageAlt: "abstract tech background purple",
title: "Seamless Integration", description: "Connect effortlessly with your existing stack for a truly unified ecosystem.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "ux design illustration" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/three-coworkers-looking-monitor_23-2149370564.jpg", imageAlt: "expert team working" }
},
]}
showStepNumbers={true}
@@ -146,18 +87,9 @@ export default function LandingPage() {
title="Innovation Driven by Purpose"
description="We are a team of engineers and innovators dedicated to building the most reliable SaaS platform on the market today. Empowering brands worldwide."
metrics={[
{
value: "120+",
title: "Clients",
},
{
value: "99.9%",
title: "Uptime",
},
{
value: "500k+",
title: "Processes Automated",
},
{ value: "120+", title: "Clients" },
{ value: "99.9%", title: "Uptime" },
{ value: "500k+", title: "Processes Automated" },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-workplace-with-building-model-3d-construction-layout-table-nobody-office-with-computer-tools-used-urban-development-architecture-design_482257-27896.jpg"
imageAlt="Our tech team"
@@ -173,26 +105,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Jenkins, CTO at TechCorp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
alt: "Sarah Jenkins",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg",
alt: "John Doe",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
alt: "Jane Smith",
},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg",
alt: "Alex Rivera",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
alt: "Marcus V.",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "Sarah Jenkins" },
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg", alt: "John Doe" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "Jane Smith" },
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", alt: "Alex Rivera" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "Marcus V." },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -202,18 +119,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Get Started"
title="Ready to scale your business?"
description="Book a free strategy session with our platform experts to learn how we can boost your output."
buttons={[
{
text: "Get Started",
href: "#",
},
]}
buttons={[{ text: "Get Started", href: "#" }]}
/>
</div>
@@ -222,42 +132,21 @@ export default function LandingPage() {
logoText="SaaSFlow"
columns={[
{
title: "Platform",
items: [
{
label: "Features",
href: "#features",
},
{
label: "About",
href: "#about",
},
title: "Platform", items: [
{ label: "Features", href: "#features" },
{ label: "About", href: "#about" },
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#",
},
{
label: "Support",
href: "#",
},
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Support", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
@@ -267,4 +156,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}