Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -33,125 +33,72 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
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="Share"
|
||||
button={{
|
||||
text: "Sign In",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Sign In", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Seamless Sharing for Your Team"
|
||||
description="Unlock efficient workflows and global connectivity with the next generation of collaborative tools. Simple, secure, and built for scale."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "This platform transformed how our team shares assets. Incredible efficiency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sarah_j", testimonial: "This platform transformed how our team shares assets. Incredible efficiency.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg"},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The most intuitive interface I've used in years. Absolutely recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
},
|
||||
name: "Marcus Chen", handle: "@mchen", testimonial: "The most intuitive interface I've used in years. Absolutely recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Perfect for global teams. The speed and security are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Perfect for global teams. The speed and security are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg"},
|
||||
{
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "Our productivity increased by 40% after switching. Truly game-changing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/job-position-beside-employee-portrait_23-2150037689.jpg",
|
||||
},
|
||||
name: "David Thorne", handle: "@dthorne", testimonial: "Our productivity increased by 40% after switching. Truly game-changing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/job-position-beside-employee-portrait_23-2150037689.jpg"},
|
||||
{
|
||||
name: "Lisa Wang",
|
||||
handle: "@lwang",
|
||||
testimonial: "A must-have for any collaborative digital startup ecosystem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-132.jpg",
|
||||
},
|
||||
name: "Lisa Wang", handle: "@lwang", testimonial: "A must-have for any collaborative digital startup ecosystem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-132.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/go-digital-with-wires-new-york-city-background_53876-94933.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/go-digital-with-wires-new-york-city-background_53876-94933.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-data-management_53876-89017.jpg",
|
||||
alt: "Team Member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-data-management_53876-89017.jpg", alt: "Team Member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg",
|
||||
alt: "Team Member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg", alt: "Team Member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-people-using-their-phones_53876-95580.jpg",
|
||||
alt: "Team Member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-people-using-their-phones_53876-95580.jpg", alt: "Team Member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-people-using-their-phones_53876-95104.jpg",
|
||||
alt: "Team Member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-people-using-their-phones_53876-95104.jpg", alt: "Team Member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-office-talking-with-manager-videocall_482257-126637.jpg",
|
||||
alt: "Team Member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/worker-office-talking-with-manager-videocall_482257-126637.jpg", alt: "Team Member 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Ready",
|
||||
},
|
||||
type: "text", text: "Enterprise Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scale",
|
||||
},
|
||||
type: "text", text: "Global Scale"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Sync",
|
||||
},
|
||||
type: "text", text: "Secure Sync"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Data",
|
||||
},
|
||||
type: "text", text: "Real-time Data"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Collaborative Cloud",
|
||||
},
|
||||
type: "text", text: "Collaborative Cloud"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,9 +109,7 @@ export default function LandingPage() {
|
||||
title="Empowering Your Digital Collaboration"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,35 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Global Sync",
|
||||
description: "Keep data consistent everywhere.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-sitting-his-office-working-pc-productivity_482257-123166.jpg",
|
||||
imageAlt: "minimal workspace laptop clean desk",
|
||||
},
|
||||
title: "Global Sync", description: "Keep data consistent everywhere.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Track metrics in real-time.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/go-digital-with-wires-new-york-city-background_53876-94933.jpg?_wi=2",
|
||||
imageAlt: "minimal workspace laptop clean desk",
|
||||
},
|
||||
title: "Performance Analytics", description: "Track metrics in real-time.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "AI Integration",
|
||||
description: "Smarter insights for teams.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: MessageSquare,
|
||||
title: "AI Integration", description: "Smarter insights for teams.", bentoComponent: "chat", aiIcon: MessageSquare,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Share this report",
|
||||
aiResponse: "Shared securely.",
|
||||
},
|
||||
userMessage: "Share this report", aiResponse: "Shared securely."},
|
||||
],
|
||||
placeholder: "Ask AI...",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-glass-morphism-transparent-ui-icons-mobile-app-with-blurred-color-gradient_88138-1685.jpg",
|
||||
imageAlt: "minimal workspace laptop clean desk",
|
||||
},
|
||||
placeholder: "Ask AI..."},
|
||||
]}
|
||||
title="Features That Scale"
|
||||
description="Built for modern software development and global team collaboration."
|
||||
@@ -219,41 +146,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Core Sync",
|
||||
price: "$19/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-table-closeup_169016-47031.jpg",
|
||||
},
|
||||
id: "p1", name: "Core Sync", price: "$19/mo", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-table-closeup_169016-47031.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cloud Pro",
|
||||
price: "$49/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
},
|
||||
id: "p2", name: "Cloud Pro", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Enterprise Hub",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-tablet-with-active-smart-home-application-holded-by-man_482257-7528.jpg",
|
||||
},
|
||||
id: "p3", name: "Enterprise Hub", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-tablet-with-active-smart-home-application-holded-by-man_482257-7528.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "API Access",
|
||||
price: "$99/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-intelligent-software-placed-table-kitchen-with-nobody_482257-8724.jpg",
|
||||
},
|
||||
id: "p4", name: "API Access", price: "$99/mo", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-intelligent-software-placed-table-kitchen-with-nobody_482257-8724.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Analytics",
|
||||
price: "$59/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
|
||||
},
|
||||
id: "p5", name: "Data Analytics", price: "$59/mo", imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Security Suite",
|
||||
price: "$79/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
|
||||
},
|
||||
id: "p6", name: "Security Suite", price: "$79/mo", imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg"},
|
||||
]}
|
||||
title="Explore Our Tools"
|
||||
description="Powerful products designed for your success."
|
||||
@@ -267,48 +170,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
price: "$0",
|
||||
name: "Free Tier",
|
||||
features: [
|
||||
"Limited sharing",
|
||||
"1 team member",
|
||||
],
|
||||
id: "free", price: "$0", name: "Free Tier", features: [
|
||||
"Limited sharing", "1 team member"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sign Up", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$29",
|
||||
name: "Pro Plan",
|
||||
features: [
|
||||
"Unlimited sharing",
|
||||
"10 team members",
|
||||
],
|
||||
id: "pro", price: "$29", name: "Pro Plan", features: [
|
||||
"Unlimited sharing", "10 team members"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sign Up", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
price: "$199",
|
||||
name: "Enterprise",
|
||||
features: [
|
||||
"Unlimited everything",
|
||||
"Custom API",
|
||||
],
|
||||
id: "ent", price: "$199", name: "Enterprise", features: [
|
||||
"Unlimited everything", "Custom API"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sign Up", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -324,45 +206,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Amazing product!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", handle: "@sarah", testimonial: "Amazing product!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
handle: "@mark",
|
||||
testimonial: "Game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark", handle: "@mark", testimonial: "Game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna",
|
||||
handle: "@anna",
|
||||
testimonial: "Simply perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "t3", name: "Anna", handle: "@anna", testimonial: "Simply perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom",
|
||||
handle: "@tom",
|
||||
testimonial: "Incredible value.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/job-position-beside-employee-portrait_23-2150037696.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom", handle: "@tom", testimonial: "Incredible value.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/job-position-beside-employee-portrait_23-2150037696.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jen",
|
||||
handle: "@jen",
|
||||
testimonial: "Reliable and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-executive-with-glasses_1098-1818.jpg",
|
||||
},
|
||||
id: "t5", name: "Jen", handle: "@jen", testimonial: "Reliable and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-executive-with-glasses_1098-1818.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Users Say"
|
||||
@@ -376,20 +233,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, top-tier encryption.",
|
||||
},
|
||||
id: "f1", title: "Is it secure?", content: "Yes, top-tier encryption."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I upgrade?",
|
||||
content: "Anytime via dashboard.",
|
||||
},
|
||||
id: "f2", title: "Can I upgrade?", content: "Anytime via dashboard."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Any support?",
|
||||
content: "24/7 dedicated support.",
|
||||
},
|
||||
id: "f3", title: "Any support?", content: "24/7 dedicated support."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about our platform."
|
||||
@@ -401,8 +249,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's connect"
|
||||
title="Sign in for early access"
|
||||
description="Enter your email to receive an invite to our beta."
|
||||
@@ -417,29 +264,19 @@ export default function LandingPage() {
|
||||
logoText="Share"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user