Merge version_1 into main #1
179
src/app/page.tsx
179
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Innovate"
|
||||
/>
|
||||
@@ -56,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Revolutionize Your Workflow"
|
||||
description="The all-in-one software platform designed to scale with your team's ambitions. Seamlessly connect, automate, and grow."
|
||||
tag="Trusted by 5,000+ teams"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Watch Demo", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-6614.jpg",
|
||||
imageAlt: "App UI elements",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg",
|
||||
imageAlt: "Business Chart Visual Graphics Report Concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
imageAlt: "Financial software UI on PC screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
|
||||
imageAlt: "Modern work environment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-6614.jpg", imageAlt: "App UI elements"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,18 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for scale, ",
|
||||
},
|
||||
type: "text", content: "Built for scale, "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2967.jpg",
|
||||
alt: "Team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2967.jpg", alt: "Team"},
|
||||
{
|
||||
type: "text",
|
||||
content: " designed for simplicity.",
|
||||
},
|
||||
type: "text", content: " designed for simplicity."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,29 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Data Sync",
|
||||
tags: [
|
||||
"Automation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg",
|
||||
},
|
||||
id: "f1", title: "Data Sync", tags: [
|
||||
"Automation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Cloud",
|
||||
tags: [
|
||||
"Security",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998494.jpg",
|
||||
},
|
||||
id: "f2", title: "Secure Cloud", tags: [
|
||||
"Security"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151998494.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "API Integration",
|
||||
tags: [
|
||||
"Connect",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
||||
},
|
||||
id: "f3", title: "API Integration", tags: [
|
||||
"Connect"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"},
|
||||
]}
|
||||
title="Core Features"
|
||||
description="Unlock efficiency with tools built for the modern digital era."
|
||||
@@ -165,41 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Analytics Pro",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-electric-lightning-bolt-icon-dark-smoky-background-energy-concept_84443-91273.jpg",
|
||||
},
|
||||
id: "p1", name: "Analytics Pro", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/glowing-electric-lightning-bolt-icon-dark-smoky-background-energy-concept_84443-91273.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Marketing Suite",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-set-electronic-cash-symbol-vector_53876-43775.jpg",
|
||||
},
|
||||
id: "p2", name: "Marketing Suite", price: "$79", imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-set-electronic-cash-symbol-vector_53876-43775.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Project Manager",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-cryptocurrency-blue-icon-pack-vector-icons-illustration_1142-16598.jpg",
|
||||
},
|
||||
id: "p3", name: "Project Manager", price: "$39", imageSrc: "http://img.b2bpic.net/free-vector/25-cryptocurrency-blue-icon-pack-vector-icons-illustration_1142-16598.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Customer Care",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-electronics-logo-collection_23-2148965451.jpg",
|
||||
},
|
||||
id: "p4", name: "Customer Care", price: "$59", imageSrc: "http://img.b2bpic.net/free-vector/gradient-electronics-logo-collection_23-2148965451.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Storage",
|
||||
price: "$29",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7u3txe",
|
||||
},
|
||||
id: "p5", name: "Data Storage", price: "$29", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7u3txe"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Security Vault",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148199348.jpg",
|
||||
},
|
||||
id: "p6", name: "Security Vault", price: "$99", imageSrc: "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148199348.jpg"},
|
||||
]}
|
||||
title="Software Modules"
|
||||
description="Pick the tools your team needs to thrive."
|
||||
@@ -213,36 +141,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Core",
|
||||
price: "$29",
|
||||
subtitle: "For small teams",
|
||||
buttons: [
|
||||
id: "basic", badge: "Core", price: "$29", subtitle: "For small teams", buttons: [
|
||||
{
|
||||
text: "Choose Basic",
|
||||
},
|
||||
text: "Choose Basic"},
|
||||
],
|
||||
features: [
|
||||
"1 User",
|
||||
"Basic Analytics",
|
||||
"Email Support",
|
||||
],
|
||||
"1 User", "Basic Analytics", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$89",
|
||||
subtitle: "For scaling teams",
|
||||
buttons: [
|
||||
id: "pro", badge: "Popular", price: "$89", subtitle: "For scaling teams", buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
},
|
||||
text: "Choose Pro"},
|
||||
],
|
||||
features: [
|
||||
"10 Users",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
"10 Users", "Advanced Analytics", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -255,12 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Meta"]}
|
||||
title="Trusted by industry leaders"
|
||||
description="Organizations worldwide rely on Innovate to power their core operations."
|
||||
/>
|
||||
@@ -272,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I upgrade?",
|
||||
content: "You can upgrade through your account settings panel.",
|
||||
},
|
||||
id: "q1", title: "How do I upgrade?", content: "You can upgrade through your account settings panel."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, we use industry-standard encryption for all data.",
|
||||
},
|
||||
id: "q2", title: "Is it secure?", content: "Yes, we use industry-standard encryption for all data."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, there are no long-term contracts.",
|
||||
},
|
||||
id: "q3", title: "Can I cancel anytime?", content: "Yes, there are no long-term contracts."},
|
||||
]}
|
||||
title="Questions?"
|
||||
description="Find answers to our most common questions below."
|
||||
@@ -297,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Ready to get started?"
|
||||
description="Join thousands of teams revolutionizing their workflow today."
|
||||
tag="Get in touch"
|
||||
|
||||
Reference in New Issue
Block a user