Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
189
src/app/page.tsx
189
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user