bender/6eae491a-db76-445f-af44-c2bd7ed6c62c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-08 07:34:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +65 -264
1 changed files with 65 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

329
src/app/page.tsx
View File

@@ -33,83 +33,46 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Spaces",
id: "#spaces",
},
name: "Spaces", id: "#spaces"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Cloudworks"
button={{
text: "Schedule Tour",
href: "#contact",
}}
text: "Schedule Tour", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Premium workspace where Barcelonas elite connect"
description="Cloudworks Passeig de Gràcia offers luxury office solutions and vibrant community in the heart of Barcelonas most prestigious avenue. Elevate your business presence today."
tag="Exclusive Coworking"
tagAnimation="slide-up"
buttons={[
{
text: "Schedule Your Private Tour",
href: "#contact",
},
text: "Schedule Your Private Tour", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-lobby-with-uncommon-furniture_1262-3576.jpg",
imageAlt: "Luxurious coworking space in Barcelona",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-lobby-with-uncommon-furniture_1262-3576.jpg", imageAlt: "Luxurious coworking space in Barcelona"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings-blue-sky-sunlight_181624-12738.jpg",
imageAlt: "View of Passeig de Gràcia from a high-rise office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
imageAlt: "Happy couple on a lovely date",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg",
imageAlt: "Side view couple on a date",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-studying-cafeteria_23-2147679037.jpg",
imageAlt: "People studying in cafeteria",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-buildings-blue-sky-sunlight_181624-12738.jpg", imageAlt: "View of Passeig de Gràcia from a high-rise office"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -125,17 +88,11 @@ export default function LandingPage() {
description="Cloudworks stands as a beacon of professional luxury, offering unparalleled office solutions tailored for discerning businesses. Located at the heart of Barcelona's most iconic district, we combine a prestigious address with state-of-the-art facilities and a thriving community."
metrics={[
{
value: "99%",
title: "Client Satisfaction",
},
value: "99%", title: "Client Satisfaction"},
{
value: "24/7",
title: "Secure Access",
},
value: "24/7", title: "Secure Access"},
{
value: "100+",
title: "Networking Events/Year",
},
value: "100+", title: "Networking Events/Year"},
]}
imageSrc="http://img.b2bpic.net/free-photo/chair-coffee-shop_74190-103.jpg"
imageAlt="Modern conference room in Cloudworks Passeig de Gràcia"
@@ -151,23 +108,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Flexible Memberships",
description: "Choose from daily passes, dedicated desks, or private offices with scalable terms to match your business rhythm.",
imageSrc: "http://img.b2bpic.net/free-photo/european-business-man-white-shirt-does-distance-work_343596-2525.jpg",
imageAlt: "Flexible desk setup in a modern coworking space",
},
title: "Flexible Memberships", description: "Choose from daily passes, dedicated desks, or private offices with scalable terms to match your business rhythm.", imageSrc: "http://img.b2bpic.net/free-photo/european-business-man-white-shirt-does-distance-work_343596-2525.jpg", imageAlt: "Flexible desk setup in a modern coworking space"},
{
title: "Vibrant Community",
description: "Connect with Barcelona's business elite through exclusive networking events and collaborative opportunities.",
imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-distance_23-2148863876.jpg",
imageAlt: "Professionals networking in a modern coworking lounge",
},
title: "Vibrant Community", description: "Connect with Barcelona's business elite through exclusive networking events and collaborative opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-distance_23-2148863876.jpg", imageAlt: "Professionals networking in a modern coworking lounge"},
{
title: "Advanced Infrastructure",
description: "Benefit from high-speed internet, cutting-edge AV equipment, and robust IT support for seamless operations.",
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-analyst-finalizes-financial-report-reviews-data_482257-122682.jpg",
imageAlt: "Modern office technology setup with sleek monitors",
},
title: "Advanced Infrastructure", description: "Benefit from high-speed internet, cutting-edge AV equipment, and robust IT support for seamless operations.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-analyst-finalizes-financial-report-reviews-data_482257-122682.jpg", imageAlt: "Modern office technology setup with sleek monitors"},
]}
title="Tailored Solutions for Modern Businesses"
description="Discover a suite of amenities and services designed to enhance productivity, foster collaboration, and elevate your professional presence. From flexible offices to vibrant communal spaces, we provide everything you need to thrive."
@@ -183,47 +128,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "private-office",
name: "Private Offices",
price: "Starting at €950/month",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stretching-work_23-2150509963.jpg",
imageAlt: "Luxurious private office with city view",
},
id: "private-office", name: "Private Offices", price: "Starting at €950/month", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stretching-work_23-2150509963.jpg", imageAlt: "Luxurious private office with city view"},
{
id: "dedicated-desk",
name: "Dedicated Desks",
price: "Starting at €400/month",
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111399.jpg",
imageAlt: "Dedicated desk in an open coworking area",
},
id: "dedicated-desk", name: "Dedicated Desks", price: "Starting at €400/month", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111399.jpg", imageAlt: "Dedicated desk in an open coworking area"},
{
id: "hot-desk",
name: "Flexible Hot Desks",
price: "Starting at €250/month",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-desktop-blurred-background_169016-29448.jpg",
imageAlt: "People working at hot desks in a vibrant coworking space",
},
id: "hot-desk", name: "Flexible Hot Desks", price: "Starting at €250/month", imageSrc: "http://img.b2bpic.net/free-photo/laptop-desktop-blurred-background_169016-29448.jpg", imageAlt: "People working at hot desks in a vibrant coworking space"},
{
id: "meeting-room",
name: "Meeting Rooms",
price: "From €50/hour",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-chatting-work_23-2149546233.jpg",
imageAlt: "Modern meeting room with large screen",
},
id: "meeting-room", name: "Meeting Rooms", price: "From €50/hour", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-chatting-work_23-2149546233.jpg", imageAlt: "Modern meeting room with large screen"},
{
id: "event-space",
name: "Event Spaces",
price: "Custom Quote",
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg",
imageAlt: "Large open space set up for a corporate event",
},
id: "event-space", name: "Event Spaces", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg", imageAlt: "Large open space set up for a corporate event"},
{
id: "virtual-office",
name: "Virtual Office",
price: "Starting at €75/month",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-using-phone-with-coffee-hand-walking-street-with-office-buildings-background_1150-2421.jpg",
imageAlt: "Mail being sorted in a professional office setting",
},
id: "virtual-office", name: "Virtual Office", price: "Starting at €75/month", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-using-phone-with-coffee-hand-walking-street-with-office-buildings-background_1150-2421.jpg", imageAlt: "Mail being sorted in a professional office setting"},
]}
title="Explore Our Diverse Workspace Options"
description="From private, fully-equipped offices to dynamic coworking areas and cutting-edge meeting rooms, find the perfect environment to match your business needs and inspire innovation."
@@ -237,59 +152,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "hot-desk-plan",
title: "Flexible Hot Desk",
price: "€250",
period: "per month",
features: [
"Access to open workspace",
"High-speed internet",
"Community events",
"Daily cleaning",
],
id: "hot-desk-plan", title: "Flexible Hot Desk", price: "€250", period: "per month", features: [
"Access to open workspace", "High-speed internet", "Community events", "Daily cleaning"],
button: {
text: "Choose Hot Desk",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg",
imageAlt: "Hot desk setup in a coworking space",
},
text: "Choose Hot Desk", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg", imageAlt: "Hot desk setup in a coworking space"},
{
id: "dedicated-desk-plan",
title: "Dedicated Desk",
price: "€400",
period: "per month",
features: [
"Your own fixed desk",
"Secure storage locker",
"Mail handling service",
"2 hours meeting room credit",
],
id: "dedicated-desk-plan", title: "Dedicated Desk", price: "€400", period: "per month", features: [
"Your own fixed desk", "Secure storage locker", "Mail handling service", "2 hours meeting room credit"],
button: {
text: "Choose Dedicated Desk",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-office-using-computers-looking-aside_171337-6832.jpg",
imageAlt: "Dedicated desk with personal belongings",
},
text: "Choose Dedicated Desk", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-office-using-computers-looking-aside_171337-6832.jpg", imageAlt: "Dedicated desk with personal belongings"},
{
id: "private-office-plan",
title: "Private Office",
price: "€950",
period: "per month",
features: [
"Fully furnished private office",
"Exclusive 24/7 access",
"Premium mail & phone handling",
"8 hours meeting room credit",
],
id: "private-office-plan", title: "Private Office", price: "€950", period: "per month", features: [
"Fully furnished private office", "Exclusive 24/7 access", "Premium mail & phone handling", "8 hours meeting room credit"],
button: {
text: "Choose Private Office",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-man-posing-chair-cafe_23-2147689259.jpg",
imageAlt: "Private office interior with modern furniture",
},
text: "Choose Private Office", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-man-posing-chair-cafe_23-2147689259.jpg", imageAlt: "Private office interior with modern furniture"},
]}
title="Flexible Plans for Every Ambition"
description="Choose from our range of membership options, designed to offer maximum flexibility and value, ensuring you only pay for what you need to grow your business in style."
@@ -302,47 +181,18 @@ export default function LandingPage() {
useInvertedBackground={true}
carouselMode="buttons"
uniformGridCustomHeightClasses="min-h-none"
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sofia Rodriguez",
role: "CEO, InnovateHub",
testimonial: "Cloudworks Passeig de Gràcia has transformed our team's productivity and client interactions. The premium environment and supportive community are unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
imageAlt: "Sofia Rodriguez",
},
id: "1", name: "Sofia Rodriguez", role: "CEO, InnovateHub", testimonial: "Cloudworks Passeig de Gràcia has transformed our team's productivity and client interactions. The premium environment and supportive community are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageAlt: "Sofia Rodriguez"},
{
id: "2",
name: "Marc Ferrer",
role: "Founder, NexusTech",
testimonial: "The location is simply unbeatable. Being on Passeig de Gràcia elevates our brand image and attracts top talent. It's more than an office; it's a strategic asset.",
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
imageAlt: "Marc Ferrer",
},
id: "2", name: "Marc Ferrer", role: "Founder, NexusTech", testimonial: "The location is simply unbeatable. Being on Passeig de Gràcia elevates our brand image and attracts top talent. It's more than an office; it's a strategic asset.", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", imageAlt: "Marc Ferrer"},
{
id: "3",
name: "Elena García",
role: "Global Marketing Director",
testimonial: "As an international professional, finding a workspace that combines luxury, flexibility, and a welcoming community was crucial. Cloudworks delivered on all fronts.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg",
imageAlt: "Elena García",
},
id: "3", name: "Elena García", role: "Global Marketing Director", testimonial: "As an international professional, finding a workspace that combines luxury, flexibility, and a welcoming community was crucial. Cloudworks delivered on all fronts.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg", imageAlt: "Elena García"},
{
id: "4",
name: "Javier López",
role: "Partner, FinX Advisors",
testimonial: "Our clients are consistently impressed by the professionalism and elegance of Cloudworks. It provides the perfect backdrop for high-level meetings.",
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg",
imageAlt: "Javier López",
},
id: "4", name: "Javier López", role: "Partner, FinX Advisors", testimonial: "Our clients are consistently impressed by the professionalism and elegance of Cloudworks. It provides the perfect backdrop for high-level meetings.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg", imageAlt: "Javier López"},
{
id: "5",
name: "Anna Puig",
role: "Operations Lead, GrowthCorp",
testimonial: "The amenities and support staff at Cloudworks are exceptional. Everything is meticulously maintained, allowing us to focus purely on our business growth.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
imageAlt: "Anna Puig",
},
id: "5", name: "Anna Puig", role: "Operations Lead, GrowthCorp", testimonial: "The amenities and support staff at Cloudworks are exceptional. Everything is meticulously maintained, allowing us to focus purely on our business growth.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Anna Puig"},
]}
title="What Our Esteemed Clients Say"
description="Hear from the professionals who have experienced the Cloudworks difference. Their success stories are a testament to our commitment to excellence and community."
@@ -355,25 +205,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What types of memberships do you offer?",
content: "We offer a range of flexible memberships including daily hot desk passes, dedicated desks, and private offices. Each plan is designed to cater to varying needs, from individual freelancers to established teams. Contact us for a detailed overview of our offerings.",
},
id: "faq-1", title: "What types of memberships do you offer?", content: "We offer a range of flexible memberships including daily hot desk passes, dedicated desks, and private offices. Each plan is designed to cater to varying needs, from individual freelancers to established teams. Contact us for a detailed overview of our offerings."},
{
id: "faq-2",
title: "What amenities are included with membership?",
content: "All memberships include high-speed internet, premium coffee and tea, access to communal areas, printing facilities, and exclusive invitations to networking events. Private offices and dedicated desks include additional benefits like mail handling and meeting room credits.",
},
id: "faq-2", title: "What amenities are included with membership?", content: "All memberships include high-speed internet, premium coffee and tea, access to communal areas, printing facilities, and exclusive invitations to networking events. Private offices and dedicated desks include additional benefits like mail handling and meeting room credits."},
{
id: "faq-3",
title: "Is 24/7 access available?",
content: "Yes, for dedicated desk and private office members, 24/7 secure access is provided, allowing you to work on your schedule. Hot desk members have access during standard business hours.",
},
id: "faq-3", title: "Is 24/7 access available?", content: "Yes, for dedicated desk and private office members, 24/7 secure access is provided, allowing you to work on your schedule. Hot desk members have access during standard business hours."},
{
id: "faq-4",
title: "How can I book a meeting room?",
content: "Meeting rooms can be easily booked through our online member portal. Members receive complimentary credits depending on their plan, and additional hours can be purchased as needed.",
},
id: "faq-4", title: "How can I book a meeting room?", content: "Meeting rooms can be easily booked through our online member portal. Members receive complimentary credits depending on their plan, and additional hours can be purchased as needed."},
]}
title="Your Questions, Answered"
description="Find quick answers to the most common inquiries about memberships, facilities, and the Cloudworks experience."
@@ -388,32 +226,18 @@ export default function LandingPage() {
description="Ready to elevate your business presence? Fill out the form below to arrange a private tour of Cloudworks Passeig de Gràcia and discover your next workspace."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
{
name: "company",
type: "text",
placeholder: "Your Company (Optional)",
},
name: "company", type: "text", placeholder: "Your Company (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your workspace needs...",
rows: 4,
name: "message", placeholder: "Tell us about your workspace needs...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg"
imageAlt="Modern office reception area"
@@ -427,58 +251,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Private Offices",
href: "#spaces",
},
label: "Private Offices", href: "#spaces"},
{
label: "Coworking",
href: "#spaces",
},
label: "Coworking", href: "#spaces"},
{
label: "Meeting Rooms",
href: "#spaces",
},
label: "Meeting Rooms", href: "#spaces"},
{
label: "Virtual Office",
href: "#spaces",
},
label: "Virtual Office", href: "#spaces"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}