Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -32,22 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Dashboard", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Analytics", id: "metrics" },
|
||||
{ name: "Pricing", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Boostrank"
|
||||
/>
|
||||
@@ -56,60 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Command Your Business Growth"
|
||||
description="Boostrank provides an all-in-one SaaS dashboard to track opportunities, conversions, and marketing pipelines in real-time."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Used by 500+ professionals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Start Free Trial", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated CRM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Dashboards",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pipeline Visibility",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Marketing ROI",
|
||||
},
|
||||
{ type: "text", text: "Real-time Analytics" },
|
||||
{ type: "text", text: "Automated CRM" },
|
||||
{ type: "text", text: "Custom Dashboards" },
|
||||
{ type: "text", text: "Pipeline Visibility" },
|
||||
{ type: "text", text: "Marketing ROI" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,21 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pipeline Management",
|
||||
description: "Drag and drop leads through customizable sales stages effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-4-flat-icons-square_1284-8181.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Marketing ROI Tracking",
|
||||
description: "Calculate your marketing effectiveness with precision metrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-worker-looking-data-center-network-issues-using-laptop_482257-89759.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "CRM Integration",
|
||||
description: "Centralize all contact data in one powerful interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14637.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Pipeline Management", description: "Drag and drop leads through customizable sales stages effortlessly.", imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-4-flat-icons-square_1284-8181.jpg" },
|
||||
{ title: "Marketing ROI Tracking", description: "Calculate your marketing effectiveness with precision metrics.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-worker-looking-data-center-network-issues-using-laptop_482257-89759.jpg" },
|
||||
{ title: "CRM Integration", description: "Centralize all contact data in one powerful interface.", imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14637.jpg" },
|
||||
]}
|
||||
title="Comprehensive Analytics Suite"
|
||||
description="Unlock total visibility into your sales, marketing, and operational performance."
|
||||
@@ -147,27 +92,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "68",
|
||||
title: "Opportunities",
|
||||
description: "Current active prospects",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "£670K",
|
||||
title: "Revenue",
|
||||
description: "Total generated revenue",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0%",
|
||||
title: "Conversion",
|
||||
description: "Average stage conversion rate",
|
||||
icon: Percent,
|
||||
},
|
||||
{ id: "m1", value: "68", title: "Opportunities", description: "Current active prospects", icon: TrendingUp },
|
||||
{ id: "m2", value: "£670K", title: "Revenue", description: "Total generated revenue", icon: DollarSign },
|
||||
{ id: "m3", value: "0%", title: "Conversion", description: "Average stage conversion rate", icon: Percent },
|
||||
]}
|
||||
title="Real-Time Performance"
|
||||
description="Monitor your growth with live data visualizations."
|
||||
@@ -176,46 +103,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Agents",
|
||||
price: "Add-on",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXOdP1spRlbVZDaPlzNmsSNNln/uploaded-1776809014822-vtyq1re2.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Marketing Automation",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Site Builder",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-4-flat-icons-square_1284-8181.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Media Storage",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-worker-looking-data-center-network-issues-using-laptop_482257-89759.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Reputation Manager",
|
||||
price: "Add-on",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14637.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Reporting Suite",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
},
|
||||
{ id: "p1", name: "AI Agents", price: "Add-on", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CXOdP1spRlbVZDaPlzNmsSNNln/uploaded-1776809014822-vtyq1re2.png" },
|
||||
{ id: "p2", name: "Marketing Automation", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ id: "p3", name: "Site Builder", price: "Included", imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-4-flat-icons-square_1284-8181.jpg" },
|
||||
]}
|
||||
title="Advanced Modules"
|
||||
description="Expand your capabilities with our specialized SaaS modules."
|
||||
@@ -229,26 +124,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-doubtful-gloomy-man-looking-left-sighing-uncertain-standing-white-background_1258-125874.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Emma",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-doubtful-gloomy-man-looking-left-sighing-uncertain-standing-white-background_1258-125874.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Emma" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -260,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
"Salesforce",
|
||||
"Adobe",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Meta"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Joining a global network of forward-thinking companies."
|
||||
/>
|
||||
@@ -277,21 +150,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the dashboard customizable?",
|
||||
content: "Absolutely. Our platform allows complete customization of widgets and pipelines.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it integrate with other tools?",
|
||||
content: "Yes, Boostrank offers seamless integration with major CRM and marketing platforms.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I export my data?",
|
||||
content: "Exporting data to CSV and PDF formats is built into our enterprise reporting suite.",
|
||||
},
|
||||
{ id: "f1", title: "Is the dashboard customizable?", content: "Absolutely. Our platform allows complete customization of widgets and pipelines." },
|
||||
{ id: "f2", title: "Does it integrate with other tools?", content: "Yes, Boostrank offers seamless integration with major CRM and marketing platforms." },
|
||||
{ id: "f3", title: "Can I export my data?", content: "Exporting data to CSV and PDF formats is built into our enterprise reporting suite." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -301,13 +162,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Sign Up"
|
||||
title="Get Started with Boostrank"
|
||||
description="Ready to optimize your sales process? Join hundreds of companies already growing with us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -317,50 +176,23 @@ export default function LandingPage() {
|
||||
logoText="Boostrank"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Analytics", href: "#metrics" },
|
||||
{ label: "Pricing", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user