bender/1c2012a1-522d-40ef-acb6-edd79a80608e
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-03-29 18:48:45 +00:00
parent 8b7d9b083d
commit 2ec79c9c4e
1 changed files with 53 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
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="SaaS Platform"
/>
@@ -53,47 +41,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Scaling Your Platform to New Heights"
description="Unlock advanced analytics and streamlined automation with the most robust SaaS infrastructure ever designed for high-performance teams."
tag="SaaS Innovation Platform"
buttons={[
{
text: "Start Free Trial",
href: "#",
},
{
text: "Request Demo",
href: "#",
},
{ text: "Start Free Trial", href: "#" },
{ text: "Request Demo", href: "#" },
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-high-tech-software-dashboard-showing-l-1774810073631-64ea1a74.png?_wi=1",
imageAlt: "Dashboard",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/close-up-of-abstract-glowing-golden-data-1774810073056-42e1a899.png?_wi=1",
imageAlt: "Abstract",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-saas-interface-with-clean-1774810076566-a286c67c.png?_wi=1",
imageAlt: "Interface",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/wide-view-of-a-server-room-with-glowing--1774810073205-eca850d4.png",
imageAlt: "Infrastructure",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/modern-software-team-working-at-desks-in-1774810072935-bf67cb60.png",
imageAlt: "Innovation",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/sophisticated-software-cloud-infrastruct-1774810072421-c7ffd101.png?_wi=1",
imageAlt: "Cloud",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-high-tech-software-dashboard-showing-l-1774810073631-64ea1a74.png", imageAlt: "Dashboard" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/close-up-of-abstract-glowing-golden-data-1774810073056-42e1a899.png", imageAlt: "Abstract" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-saas-interface-with-clean-1774810076566-a286c67c.png", imageAlt: "Interface" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/wide-view-of-a-server-room-with-glowing--1774810073205-eca850d4.png", imageAlt: "Infrastructure" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/modern-software-team-working-at-desks-in-1774810072935-bf67cb60.png", imageAlt: "Innovation" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/sophisticated-software-cloud-infrastruct-1774810072421-c7ffd101.png", imageAlt: "Cloud" },
]}
/>
</div>
@@ -103,21 +65,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Built for Performance"
metrics={[
{
icon: Zap,
label: "Uptime",
value: "99.99%",
},
{
icon: Award,
label: "Years Trusted",
value: "10+",
},
{
icon: Users,
label: "Global Users",
value: "50k+",
},
{ icon: Zap, label: "Uptime", value: "99.99%" },
{ icon: Award, label: "Years Trusted", value: "10+" },
{ icon: Users, label: "Global Users", value: "50k+" },
]}
metricsAnimation="blur-reveal"
/>
@@ -130,70 +80,34 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Automated Deployment",
description: "Deploy to multiple environments with a single click and maintain perfect parity across your entire production stack.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-high-tech-software-dashboard-showing-l-1774810073631-64ea1a74.png?_wi=2",
imageAlt: "Deployment",
id: "f1", title: "Automated Deployment", description: "Deploy to multiple environments with a single click and maintain perfect parity across your entire production stack.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-high-tech-software-dashboard-showing-l-1774810073631-64ea1a74.png", imageAlt: "Deployment"
},
items: [
{
icon: Server,
text: "Auto-scaling infrastructure",
},
{
icon: RefreshCw,
text: "Continuous delivery",
},
{ icon: Server, text: "Auto-scaling infrastructure" },
{ icon: RefreshCw, text: "Continuous delivery" },
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-high-tech-software-dashboard-showing-l-1774810073631-64ea1a74.png?_wi=3",
imageAlt: "A high-tech software dashboard showing live data visualizations and analytical graphs with gold and ",
},
{
id: "f2",
title: "Real-time Analytics",
description: "Get deep insights into system performance and user engagement through our unified, real-time dashboard visualization engine.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-saas-interface-with-clean-1774810076566-a286c67c.png?_wi=2",
imageAlt: "Analytics",
id: "f2", title: "Real-time Analytics", description: "Get deep insights into system performance and user engagement through our unified, real-time dashboard visualization engine.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/close-up-of-abstract-glowing-golden-data-1774810073056-42e1a899.png", imageAlt: "Analytics"
},
items: [
{
icon: BarChart2,
text: "Custom metrics",
},
{
icon: Shield,
text: "Secure data access",
},
{ icon: BarChart2, text: "Custom metrics" },
{ icon: Shield, text: "Secure data access" },
],
reverse: true,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/close-up-of-abstract-glowing-golden-data-1774810073056-42e1a899.png?_wi=2",
imageAlt: "Close up of abstract glowing golden data nodes and digital pathways in a dark environment. High-end ",
},
{
id: "f3",
title: "Security First",
description: "Enterprise-grade security features built-in. Rest easy with our compliant, audit-ready data storage and management.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/sophisticated-software-cloud-infrastruct-1774810072421-c7ffd101.png?_wi=2",
imageAlt: "Security",
id: "f3", title: "Security First", description: "Enterprise-grade security features built-in. Rest easy with our compliant, audit-ready data storage and management.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/sophisticated-software-cloud-infrastruct-1774810072421-c7ffd101.png", imageAlt: "Security"
},
items: [
{
icon: Lock,
text: "End-to-end encryption",
},
{
icon: Eye,
text: "Threat monitoring",
},
{ icon: Lock, text: "End-to-end encryption" },
{ icon: Eye, text: "Threat monitoring" },
],
reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-saas-interface-with-clean-1774810076566-a286c67c.png?_wi=3",
imageAlt: "A professional SaaS interface with clean cards, dark background, and elegant gold text detailing per",
},
]}
title="Next-Gen SaaS Capabilities"
@@ -208,52 +122,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Starter",
price: "$49",
period: "/mo",
description: "Perfect for individuals and small startups just getting started with their platform.",
button: {
text: "Choose Basic",
},
featuresTitle: "Included features:",
features: [
"Core analytics",
"Single environment",
"Email support",
],
id: "basic", tag: "Starter", price: "$49", period: "/mo", description: "Perfect for individuals and small startups just getting started with their platform.", button: { text: "Choose Basic" },
featuresTitle: "Included features:", features: ["Core analytics", "Single environment", "Email support"],
},
{
id: "pro",
tag: "Professional",
price: "$199",
period: "/mo",
description: "Optimized for scaling teams requiring high performance and enterprise-grade connectivity.",
button: {
text: "Choose Pro",
},
featuresTitle: "Everything in Basic, plus:",
features: [
"Advanced analytics",
"Three environments",
"Priority support",
],
id: "pro", tag: "Professional", price: "$199", period: "/mo", description: "Optimized for scaling teams requiring high performance and enterprise-grade connectivity.", button: { text: "Choose Pro" },
featuresTitle: "Everything in Basic, plus:", features: ["Advanced analytics", "Three environments", "Priority support"],
},
{
id: "enterprise",
tag: "Enterprise",
price: "$499",
period: "/mo",
description: "Custom solutions for large organizations that need maximum security and bespoke support.",
button: {
text: "Contact Us",
},
featuresTitle: "Everything in Pro, plus:",
features: [
"Bespoke integrations",
"Unlimited scaling",
"Dedicated manager",
],
id: "enterprise", tag: "Enterprise", price: "$499", period: "/mo", description: "Custom solutions for large organizations that need maximum security and bespoke support.", button: { text: "Contact Us" },
featuresTitle: "Everything in Pro, plus:", features: ["Bespoke integrations", "Unlimited scaling", "Dedicated manager"],
},
]}
title="Simple Transparent Pricing"
@@ -266,46 +144,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Incredible Efficiency",
quote: "Our development cycles have been cut in half since integrating this platform. Highly recommended for any serious engineering team.",
name: "Sarah Johnson",
role: "CEO, TechCorp",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-portrait-of-a-successful--1774810072490-e87ee414.png?_wi=1",
},
{
id: "2",
title: "Game Changer",
quote: "The analytics suite is unparalleled. It provided exactly the visibility we needed to make data-driven decisions that saved millions.",
name: "Michael Chen",
role: "CTO, InnovateLab",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/portrait-of-a-female-cto-confident-smile-1774810073077-e32c985e.png",
},
{
id: "3",
title: "Perfect Infrastructure",
quote: "Moving to this platform was the best architectural decision we made this year. Stability is rock-solid and it just works.",
name: "Emily Rodriguez",
role: "Lead Architect, GrowthCo",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-portrait-of-a-male-product-designer-in-1774810073691-d7722dea.png",
},
{
id: "4",
title: "Outstanding Support",
quote: "It is rare to find a platform that is not only powerful but also backed by such a responsive, intelligent support team. Top tier.",
name: "David Kim",
role: "Product Manager, StartupXYZ",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/portrait-of-a-lead-developer-glasses-int-1774810073218-568fb64d.png",
},
{
id: "5",
title: "Remarkable Speed",
quote: "The platform's performance capabilities have completely transformed our operations. A must-have for modern data teams.",
name: "Jessica Park",
role: "VP Engineering, DataFlow",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-portrait-of-a-successful--1774810072490-e87ee414.png?_wi=2",
},
{ id: "1", title: "Incredible Efficiency", quote: "Our development cycles have been cut in half since integrating this platform. Highly recommended for any serious engineering team.", name: "Sarah Johnson", role: "CEO, TechCorp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-portrait-of-a-successful--1774810072490-e87ee414.png" },
{ id: "2", title: "Game Changer", quote: "The analytics suite is unparalleled. It provided exactly the visibility we needed to make data-driven decisions that saved millions.", name: "Michael Chen", role: "CTO, InnovateLab", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/portrait-of-a-female-cto-confident-smile-1774810073077-e32c985e.png" },
{ id: "3", title: "Perfect Infrastructure", quote: "Moving to this platform was the best architectural decision we made this year. Stability is rock-solid and it just works.", name: "Emily Rodriguez", role: "Lead Architect, GrowthCo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-portrait-of-a-male-product-designer-in-1774810073691-d7722dea.png" },
{ id: "4", title: "Outstanding Support", quote: "It is rare to find a platform that is not only powerful but also backed by such a responsive, intelligent support team. Top tier.", name: "David Kim", role: "Product Manager, StartupXYZ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/portrait-of-a-lead-developer-glasses-int-1774810073218-568fb64d.png" },
{ id: "5", title: "Remarkable Speed", quote: "The platform's performance capabilities have completely transformed our operations. A must-have for modern data teams.", name: "Jessica Park", role: "VP Engineering, DataFlow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-professional-portrait-of-a-successful--1774810072490-e87ee414.png" },
]}
title="What Our Partners Say"
description="Trusted by industry leaders to deliver seamless SaaS experiences daily."
@@ -318,25 +161,10 @@ export default function LandingPage() {
title="Get Started Today"
description="Have questions about integration or deployment? Let our team help you get set up for success."
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 },
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdDKpyEDYutU7mfPYziOBvZsud/a-high-end-minimal-abstract-architectura-1774810072648-08f800f6.png"
mediaAnimation="slide-up"
/>
@@ -346,50 +174,23 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Security",
href: "#",
},
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}