Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TechFlow"
|
||||
/>
|
||||
@@ -55,68 +49,33 @@ export default function LandingPage() {
|
||||
description="Unlock unprecedented efficiency and scaling capabilities with our enterprise-grade SaaS platform, designed for the modern digital era."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "TechFlow transformed our infrastructure and productivity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg?_wi=1",
|
||||
imageAlt: "tech dashboard gold accents",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "TechFlow transformed our infrastructure and productivity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg", imageAlt: "tech dashboard gold accents"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Seamless integration and world-class features.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg",
|
||||
imageAlt: "tech dashboard gold accents",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne", testimonial: "Seamless integration and world-class features.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg", imageAlt: "tech dashboard gold accents"},
|
||||
{
|
||||
name: "Aria Vance",
|
||||
handle: "@avance",
|
||||
testimonial: "The best investment for our engineering team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pressing-virtual-screen-with-different-elements_1232-136.jpg?_wi=1",
|
||||
imageAlt: "tech dashboard gold accents",
|
||||
},
|
||||
name: "Aria Vance", handle: "@avance", testimonial: "The best investment for our engineering team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pressing-virtual-screen-with-different-elements_1232-136.jpg", imageAlt: "tech dashboard gold accents"},
|
||||
{
|
||||
name: "David Wu",
|
||||
handle: "@dwu",
|
||||
testimonial: "Incredible performance gains across our stack.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-shiny-golden-shields_23-2147614906.jpg?_wi=1",
|
||||
imageAlt: "tech dashboard gold accents",
|
||||
},
|
||||
name: "David Wu", handle: "@dwu", testimonial: "Incredible performance gains across our stack.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-shiny-golden-shields_23-2147614906.jpg", imageAlt: "tech dashboard gold accents"},
|
||||
{
|
||||
name: "Elena Ross",
|
||||
handle: "@eross",
|
||||
testimonial: "Efficiency reached new heights with this platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-with-white-background_187299-39966.jpg?_wi=1",
|
||||
imageAlt: "tech dashboard gold accents",
|
||||
},
|
||||
name: "Elena Ross", handle: "@eross", testimonial: "Efficiency reached new heights with this platform.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-with-white-background_187299-39966.jpg", imageAlt: "tech dashboard gold accents"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg",
|
||||
alt: "Director watches Olympics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-director-watches-olympics-swimming-trial_482257-123070.jpg", alt: "Director watches Olympics"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/web-page-design-user-interface-template-copy-space_53876-120721.jpg",
|
||||
alt: "User Interface Template",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/web-page-design-user-interface-template-copy-space_53876-120721.jpg", alt: "User Interface Template"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
|
||||
alt: "Voice command on tablet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg", alt: "Voice command on tablet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-who-keeps-track-sales-figures-phone-screen-moon-light_482257-32838.jpg",
|
||||
alt: "Sales figures on phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-who-keeps-track-sales-figures-phone-screen-moon-light_482257-32838.jpg", alt: "Sales figures on phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
|
||||
alt: "Technology background concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg", alt: "Technology background concept"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ innovative companies"
|
||||
/>
|
||||
@@ -127,18 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for ",
|
||||
},
|
||||
type: "text", content: "Built for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg",
|
||||
alt: "Tech Innovation",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg", alt: "Tech Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Tomorrow's Leaders",
|
||||
},
|
||||
type: "text", content: " Tomorrow's Leaders"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,32 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Data Analytics",
|
||||
tags: [
|
||||
"Tech",
|
||||
"Insights",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pressing-virtual-screen-with-different-elements_1232-136.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Data Analytics", tags: [
|
||||
"Tech", "Insights"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pressing-virtual-screen-with-different-elements_1232-136.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Cloud",
|
||||
tags: [
|
||||
"Security",
|
||||
"SaaS",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-shiny-golden-shields_23-2147614906.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Secure Cloud", tags: [
|
||||
"Security", "SaaS"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-shiny-golden-shields_23-2147614906.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Automated Workflows",
|
||||
tags: [
|
||||
"Efficiency",
|
||||
"Automation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-with-white-background_187299-39966.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Automated Workflows", tags: [
|
||||
"Efficiency", "Automation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-with-white-background_187299-39966.jpg"},
|
||||
]}
|
||||
title="Advanced Capabilities"
|
||||
description="Engineered for excellence, our features empower your team to do more."
|
||||
@@ -184,52 +121,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Core Platform",
|
||||
price: "$199",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/software-engineer-business-card-template-design_23-2151856362.jpg",
|
||||
},
|
||||
id: "p1", name: "Core Platform", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-psd/software-engineer-business-card-template-design_23-2151856362.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Analytics Add-on",
|
||||
price: "$49",
|
||||
variant: "Add-on",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-technology-id-card_23-2149135781.jpg",
|
||||
},
|
||||
id: "p2", name: "Analytics Add-on", price: "$49", variant: "Add-on", imageSrc: "http://img.b2bpic.net/free-vector/gradient-abstract-technology-id-card_23-2149135781.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cloud Security",
|
||||
price: "$99",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-card_23-2148032877.jpg",
|
||||
},
|
||||
id: "p3", name: "Cloud Security", price: "$99", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-vector/business-card_23-2148032877.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Team Management",
|
||||
price: "$79",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-infographic_23-2150054248.jpg",
|
||||
},
|
||||
id: "p4", name: "Team Management", price: "$79", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-infographic_23-2150054248.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Global Support",
|
||||
price: "$29",
|
||||
variant: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg",
|
||||
},
|
||||
id: "p5", name: "Global Support", price: "$29", variant: "Support", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "API Access",
|
||||
price: "$149",
|
||||
variant: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-design-template_23-2149567518.jpg",
|
||||
},
|
||||
id: "p6", name: "API Access", price: "$149", variant: "Dev", imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-design-template_23-2149567518.jpg"},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Tailored modules for every aspect of your business growth."
|
||||
@@ -243,52 +151,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$49",
|
||||
name: "Basic",
|
||||
buttons: [
|
||||
id: "basic", price: "$49", name: "Basic", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"1 User",
|
||||
"Standard Support",
|
||||
"Basic Analytics",
|
||||
],
|
||||
"1 User", "Standard Support", "Basic Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$149",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "pro", price: "$149", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Go Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"10 Users",
|
||||
"Priority Support",
|
||||
"Advanced Analytics",
|
||||
],
|
||||
"10 Users", "Priority Support", "Advanced Analytics"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Dedicated Success Manager",
|
||||
"Custom Security",
|
||||
],
|
||||
"Unlimited Users", "Dedicated Success Manager", "Custom Security"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -304,25 +188,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliability guaranteed",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Reliability guaranteed", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2x",
|
||||
title: "Growth",
|
||||
description: "Average team output",
|
||||
icon: Zap,
|
||||
id: "m2", value: "2x", title: "Growth", description: "Average team output", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Integrations",
|
||||
description: "Connects everywhere",
|
||||
icon: Shield,
|
||||
id: "m3", value: "50+", title: "Integrations", description: "Connects everywhere", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
@@ -337,59 +209,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Miller",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Miller", role: "CEO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Chen",
|
||||
role: "CTO",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Chen", role: "CTO", company: "BuildLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carol D.",
|
||||
role: "Manager",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-118152.jpg",
|
||||
},
|
||||
id: "t3", name: "Carol D.", role: "Manager", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-118152.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Head of Engineering",
|
||||
company: "TechScale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Head of Engineering", company: "TechScale", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve J.",
|
||||
role: "Product Lead",
|
||||
company: "SaaSNext",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
},
|
||||
id: "t5", name: "Eve J.", role: "Product Lead", company: "SaaSNext", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Companies Served",
|
||||
},
|
||||
value: "500+", label: "Companies Served"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
value: "98%", label: "Client Retention"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Countries",
|
||||
},
|
||||
value: "20+", label: "Countries"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Voices from partners driving change worldwide."
|
||||
@@ -403,16 +244,10 @@ export default function LandingPage() {
|
||||
description="Ready to scale your business? Let's discuss your goals."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111399.jpg"
|
||||
@@ -423,29 +258,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user