Merge version_1 into main #2
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pulse"
|
||||
/>
|
||||
@@ -60,62 +50,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Build Smarter, Scale Faster"
|
||||
description="Unlock the full potential of your business with our AI-powered platform designed for modern growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
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"
|
||||
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="software dashboard analytics orange"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
|
||||
alt: "Computer in a dark room with graphs on the screen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", alt: "Computer in a dark room with graphs on the screen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-91058.jpg",
|
||||
alt: "Liquid marbling paint texture background Fluid painting abstract texture Intensive color mix wallpaper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-91058.jpg", alt: "Liquid marbling paint texture background Fluid painting abstract texture Intensive color mix wallpaper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
|
||||
alt: "Man trading browsing online stock investments at night",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg", alt: "Man trading browsing online stock investments at night"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg",
|
||||
alt: "Person uses tablet in governmental cyber security room working for Russian flag",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg", alt: "Person uses tablet in governmental cyber security room working for Russian flag"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-working-together-office-meeting-have-discussion_93675-134895.jpg",
|
||||
alt: "Smiling multiracial coworkers working together at office meeting have a discussion",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-working-together-office-meeting-have-discussion_93675-134895.jpg", alt: "Smiling multiracial coworkers working together at office meeting have a discussion"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable AI",
|
||||
},
|
||||
type: "text", text: "Scalable AI"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Data",
|
||||
},
|
||||
type: "text", text: "Real-time Data"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Security",
|
||||
},
|
||||
type: "text", text: "Enterprise Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
type: "text", text: "Global Reach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Deployment",
|
||||
},
|
||||
type: "text", text: "Rapid Deployment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,15 +94,11 @@ export default function LandingPage() {
|
||||
description="We build tools that simplify complex workflows. Our mission is to bridge the gap between technical complexity and intuitive user experience."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Clients Served",
|
||||
},
|
||||
value: "150+", title: "Clients Served"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Uptime",
|
||||
},
|
||||
value: "99%", title: "Uptime"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-focused-partners-uniting-create-new-vision-exchange-data-reviewing-charts_482257-136425.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-focused-partners-uniting-create-new-vision-exchange-data-reviewing-charts_482257-136425.jpg"
|
||||
imageAlt="team collaboration modern office"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -149,55 +112,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Analytics",
|
||||
description: "Track your progress live.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037168.jpg",
|
||||
imageAlt: "digital technology icon orange",
|
||||
},
|
||||
title: "Real-time Analytics", description: "Track your progress live.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037168.jpg", imageAlt: "digital technology icon orange"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast processing",
|
||||
},
|
||||
text: "Fast processing"},
|
||||
],
|
||||
reverse: false,
|
||||
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",
|
||||
imageAlt: "digital technology icon orange",
|
||||
},
|
||||
{
|
||||
title: "Global Scaling",
|
||||
description: "Grow without boundaries.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037237.jpg",
|
||||
imageAlt: "digital technology icon orange",
|
||||
},
|
||||
title: "Global Scaling", description: "Grow without boundaries.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037237.jpg", imageAlt: "digital technology icon orange"},
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Worldwide nodes",
|
||||
},
|
||||
text: "Worldwide nodes"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-focused-partners-uniting-create-new-vision-exchange-data-reviewing-charts_482257-136425.jpg?_wi=2",
|
||||
imageAlt: "digital technology icon orange",
|
||||
},
|
||||
{
|
||||
title: "Data Security",
|
||||
description: "Your data is always safe.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
|
||||
imageAlt: "digital technology icon orange",
|
||||
},
|
||||
title: "Data Security", description: "Your data is always safe.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg", imageAlt: "digital technology icon orange"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Enterprise grade",
|
||||
},
|
||||
text: "Enterprise grade"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-keyboard-top-view_23-2149740076.jpg?_wi=1",
|
||||
imageAlt: "digital technology icon orange",
|
||||
},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
@@ -213,47 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "CRM Module",
|
||||
price: "$49/mo",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-keyboard-top-view_23-2149740076.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "CRM Module", price: "$49/mo", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-keyboard-top-view_23-2149740076.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "API Suite",
|
||||
price: "$99/mo",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg",
|
||||
},
|
||||
id: "2", name: "API Suite", price: "$99/mo", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-taking-online-class-her-laptop-home_23-2149114301.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cloud Storage",
|
||||
price: "$29/mo",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-business-charts-infographics-data-laptop-software-people-doing-teamwork-collaboration-create-paper-reviews-professional-report-close-up_482257-48646.jpg",
|
||||
},
|
||||
id: "3", name: "Cloud Storage", price: "$29/mo", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-coworkers-analyzing-business-charts-infographics-data-laptop-software-people-doing-teamwork-collaboration-create-paper-reviews-professional-report-close-up_482257-48646.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Security Plus",
|
||||
price: "$129/mo",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg",
|
||||
},
|
||||
id: "4", name: "Security Plus", price: "$129/mo", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Analytics Pro",
|
||||
price: "$79/mo",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736732.jpg",
|
||||
},
|
||||
id: "5", name: "Analytics Pro", price: "$79/mo", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736732.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Auto-Scaler",
|
||||
price: "$149/mo",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-laptop_23-2149114303.jpg",
|
||||
},
|
||||
id: "6", name: "Auto-Scaler", price: "$149/mo", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-laptop_23-2149114303.jpg"},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Tailored software modules for every business need."
|
||||
@@ -267,34 +179,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
tag: "Starter",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "For small teams.",
|
||||
button: {
|
||||
text: "Buy Now",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
],
|
||||
id: "1", tag: "Starter", price: "$49", period: "/mo", description: "For small teams.", button: {
|
||||
text: "Buy Now"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Feature A", "Feature B"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tag: "Enterprise",
|
||||
price: "$199",
|
||||
period: "/mo",
|
||||
description: "For scaling businesses.",
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Premium Support",
|
||||
],
|
||||
id: "2", tag: "Enterprise", price: "$199", period: "/mo", description: "For scaling businesses.", button: {
|
||||
text: "Contact Us"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Starter", "Premium Support"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -310,25 +204,15 @@ export default function LandingPage() {
|
||||
author="Jane Doe, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
|
||||
alt: "professional portrait studio lighting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg", alt: "professional portrait studio lighting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452696.jpg",
|
||||
alt: "Portrait of confident young woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452696.jpg", alt: "Portrait of confident young woman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg",
|
||||
alt: "Bearded black man wearing a suit and a felt hat.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-16012.jpg", alt: "Bearded black man wearing a suit and a felt hat."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
|
||||
alt: "Woman portrait with bright blue lips",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg", alt: "Woman portrait with bright blue lips"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81861.jpg",
|
||||
alt: "Portrait of a glad pretty woman in dark sweater standing near lamps .",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81861.jpg", alt: "Portrait of a glad pretty woman in dark sweater standing near lamps ."},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -341,20 +225,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does it work?",
|
||||
content: "Simple, efficient steps.",
|
||||
},
|
||||
id: "1", title: "How does it work?", content: "Simple, efficient steps."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is support available?",
|
||||
content: "Yes, 24/7.",
|
||||
},
|
||||
id: "2", title: "Is support available?", content: "Yes, 24/7."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely.",
|
||||
},
|
||||
id: "3", title: "Can I cancel anytime?", content: "Absolutely."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -366,16 +241,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Reach out today and let's build something great together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -384,25 +256,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user