Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user