Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 04:43:45 +00:00

View File

@@ -19,458 +19,162 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
{
name: "VIP",
id: "vip",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="MeetSpace"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Features", id: "features" },
{ name: "VIP", id: "vip" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="MeetSpace"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Meetings, Evolved."
description="MeetSpace goes beyond video. Experience AI-powered notes, interactive gaming, and seamless collaboration in one beautiful platform."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg",
imageAlt: "AI Meeting Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-greenscreen-display-running-command-post-base-operations_482257-90141.jpg",
imageAlt: "Meeting Summary",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797646.jpg",
imageAlt: "Action Items",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/employee-choking-office-helped-by-coworker-performing-heimlich-maneuver_482257-91749.jpg",
imageAlt: "Collaboration Tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-leading-virtual-meeting_482257-120605.jpg",
imageAlt: "Subtitles",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
imageAlt: "AI Analytics",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/older-person-using-video-call-feature-their-device_23-2150165544.jpg",
imageAlt: "4K Video",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/busniess-woman-disscusing-custom-serivices-problem-videocall-online-meeting_482257-5148.jpg",
imageAlt: "Security Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
imageAlt: "Cloud Recording",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg",
imageAlt: "Voice Cloning",
},
]}
buttons={[
{
text: "Get Started",
href: "#",
},
{
text: "Learn More",
href: "#features",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757399.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917442.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-working-two-monitors-one-them-has-green-screen-night-work-moon-light_482257-32817.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377140.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-city-videocalls-husband_482257-90816.jpg",
alt: "User 5",
},
]}
avatarText="Trusted by 1.2M+ professionals"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917460.jpg",
alt: "Brand 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg",
alt: "Brand 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg",
alt: "Brand 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg",
alt: "Brand 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
alt: "Brand 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Meetings, Evolved."
description="MeetSpace goes beyond video. Experience AI-powered notes, interactive gaming, and seamless collaboration in one beautiful platform."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg", imageAlt: "AI Meeting Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-greenscreen-display-running-command-post-base-operations_482257-90141.jpg", imageAlt: "Meeting Summary" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797646.jpg", imageAlt: "Action Items" },
{ imageSrc: "http://img.b2bpic.net/free-photo/employee-choking-office-helped-by-coworker-performing-heimlich-maneuver_482257-91749.jpg", imageAlt: "Collaboration Tools" },
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-leading-virtual-meeting_482257-120605.jpg", imageAlt: "Subtitles" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "AI Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/older-person-using-video-call-feature-their-device_23-2150165544.jpg", imageAlt: "4K Video" },
{ imageSrc: "http://img.b2bpic.net/free-photo/busniess-woman-disscusing-custom-serivices-problem-videocall-online-meeting_482257-5148.jpg", imageAlt: "Security Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Cloud Recording" },
{ imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg", imageAlt: "Voice Cloning" }
]}
buttons={[{ text: "Get Started", href: "#" }, { text: "Learn More", href: "#features" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757399.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917442.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/businessman-working-two-monitors-one-them-has-green-screen-night-work-moon-light_482257-32817.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377140.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/woman-city-videocalls-husband_482257-90816.jpg", alt: "User 5" }
]}
avatarText="Trusted by 1.2M+ professionals"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "ai-1",
title: "Smart AI Features",
tags: [
"AI Summary",
"Live Translation",
"Action Items",
],
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg",
},
{
id: "game-1",
title: "Interactive Meetings",
tags: [
"Polls",
"Ice-breakers",
"Focus Mode",
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-snow-landscape_23-2151840728.jpg",
},
{
id: "personal-1",
title: "Advanced Personalization",
tags: [
"Themes",
"Avatars",
"Custom Sounds",
],
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-isolated-purple-background_141793-84092.jpg",
},
]}
title="Unique Features That Differentiate Us"
description="From smart AI summaries to built-in ice-breaker games, we've designed everything to keep your team engaged and productive."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Unique Features That Differentiate Us"
description="From smart AI summaries to built-in ice-breaker games, we've designed everything to keep your team engaged and productive."
features={[
{ id: "ai-1", title: "Smart AI Features", tags: ["AI Summary", "Live Translation", "Action Items"], imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg" },
{ id: "game-1", title: "Interactive Meetings", tags: ["Polls", "Ice-breakers", "Focus Mode"], imageSrc: "http://img.b2bpic.net/free-photo/digital-art-snow-landscape_23-2151840728.jpg" },
{ id: "personal-1", title: "Advanced Personalization", tags: ["Themes", "Avatars", "Custom Sounds"], imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-isolated-purple-background_141793-84092.jpg" }
]}
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "vip-ai",
name: "AI Searchable History",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg",
},
{
id: "vip-video",
name: "4K Pro Video Tools",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2270.jpg",
},
{
id: "vip-data",
name: "Business Analytics",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
},
{
id: "vip-sec",
name: "Enterprise Security",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15838.jpg",
},
{
id: "vip-storage",
name: "Unlimited Storage",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/advisory-board-members-meeting-boardroom-establish-future-development-plan_482257-113859.jpg",
},
{
id: "vip-voice",
name: "Voice Cloning",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
},
]}
title="VIP Features for Professionals"
description="Unlock the full potential of your meetings with premium tools designed for growth, security, and productivity."
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="VIP Features for Professionals"
description="Unlock the full potential of your meetings with premium tools designed for growth, security, and productivity."
products={[
{ id: "vip-ai", name: "AI Searchable History", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg" },
{ id: "vip-video", name: "4K Pro Video Tools", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2270.jpg" },
{ id: "vip-data", name: "Business Analytics", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg" },
{ id: "vip-sec", name: "Enterprise Security", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-graph-statistics-analysis-finance-market-conce_53876-15838.jpg" },
{ id: "vip-storage", name: "Unlimited Storage", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/advisory-board-members-meeting-boardroom-establish-future-development-plan_482257-113859.jpg" },
{ id: "vip-voice", name: "Voice Cloning", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "free",
badge: "Essential",
price: "$0",
subtitle: "Great for individuals",
features: [
"Basic Meetings",
"AI Summaries",
"Standard Quality",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
},
{
id: "pro",
badge: "Pro",
price: "$15",
subtitle: "For teams and pros",
features: [
"Everything Free",
"4K Video",
"AI Assistant",
"Advanced Security",
],
buttons: [
{
text: "Upgrade to Pro",
href: "#",
},
],
},
{
id: "enterprise",
badge: "VIP",
price: "Custom",
subtitle: "For large organizations",
features: [
"Everything Pro",
"Admin Dashboard",
"Voice Cloning",
"Unlimited Analytics",
],
buttons: [
{
text: "Contact Sales",
href: "#",
},
],
},
]}
title="Transparent Pricing"
description="Choose the perfect plan for your team and start meeting smarter."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Transparent Pricing"
description="Choose the perfect plan for your team and start meeting smarter."
plans={[
{ id: "free", badge: "Essential", price: "$0", subtitle: "Great for individuals", features: ["Basic Meetings", "AI Summaries", "Standard Quality"], buttons: [{ text: "Get Started", href: "#" }] },
{ id: "pro", badge: "Pro", price: "$15", subtitle: "For teams and pros", features: ["Everything Free", "4K Video", "AI Assistant", "Advanced Security"], buttons: [{ text: "Upgrade to Pro", href: "#" }] },
{ id: "enterprise", badge: "VIP", price: "Custom", subtitle: "For large organizations", features: ["Everything Pro", "Admin Dashboard", "Voice Cloning", "Unlimited Analytics"], buttons: [{ text: "Contact Sales", href: "#" }] }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Active Users",
value: "1.2M+",
icon: Users,
},
{
id: "m2",
title: "Meetings Monthly",
value: "50M+",
icon: Calendar,
},
{
id: "m3",
title: "Productivity Lift",
value: "45%",
icon: Zap,
},
{
id: "m4",
title: "Uptime",
value: "99.99%",
icon: ShieldCheck,
},
]}
title="By The Numbers"
description="See why top-tier companies trust MeetSpace for their collaboration needs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="By The Numbers"
description="See why top-tier companies trust MeetSpace for their collaboration needs."
metrics={[
{ id: "m1", title: "Active Users", value: "1.2M+", icon: Users },
{ id: "m2", title: "Meetings Monthly", value: "50M+", icon: Calendar },
{ id: "m3", title: "Productivity Lift", value: "45%", icon: Zap },
{ id: "m4", title: "Uptime", value: "99.99%", icon: ShieldCheck }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
handle: "@sarahj",
testimonial: "MeetSpace transformed our remote culture. The games are a huge hit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",
},
{
id: "t2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "AI summaries save our team hours every week. Absolutely essential.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@emilyrod",
testimonial: "Finally, a platform that doesn't feel like work. We actually look forward to meetings.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg",
},
{
id: "t4",
name: "David Kim",
handle: "@dkim",
testimonial: "4K video and studio noise removal are game changers for our professional calls.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
},
{
id: "t5",
name: "Alex Taylor",
handle: "@alext",
testimonial: "The enterprise security features give us full peace of mind for our confidential project meetings.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
},
]}
showRating={true}
title="What They Say"
description="Join thousands of satisfied teams who have transformed their meetings with MeetSpace."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
showRating={true}
title="What They Say"
description="Join thousands of satisfied teams who have transformed their meetings with MeetSpace."
testimonials={[
{ id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "MeetSpace transformed our remote culture. The games are a huge hit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" },
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "AI summaries save our team hours every week. Absolutely essential.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
{ id: "t3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Finally, a platform that doesn't feel like work. We actually look forward to meetings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-smiling-broadly-happy-positive-standing-orange-wall_141793-53770.jpg" },
{ id: "t4", name: "David Kim", handle: "@dkim", testimonial: "4K video and studio noise removal are game changers for our professional calls.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" },
{ id: "t5", name: "Alex Taylor", handle: "@alext", testimonial: "The enterprise security features give us full peace of mind for our confidential project meetings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Join Us"
title="Ready to evolve your meetings?"
description="Sign up today and get your first month of VIP features for free."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Join Us"
title="Ready to evolve your meetings?"
description="Sign up today and get your first month of VIP features for free."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="MeetSpace"
columns={[
{
title: "Platform",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "Security",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Support",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="MeetSpace"
columns={[
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Support", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}