Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -39,9 +39,7 @@ export default function HomePage() {
|
||||
brandName="Haarlem.Tech"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Book a Tour",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Book a Tour", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,46 +51,24 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Tour",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Book a Tour", href: "/contact"},
|
||||
{
|
||||
text: "Call 020 244 4444",
|
||||
href: "tel:0202444444",
|
||||
},
|
||||
text: "Call 020 244 4444", href: "tel:0202444444"},
|
||||
]}
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-office-desk_482257-123984.jpg?_wi=1",
|
||||
imageAlt: "Modern coworking space with entrepreneurs collaborating",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-office-desk_482257-123984.jpg", imageAlt: "Modern coworking space with entrepreneurs collaborating"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149366500.jpg?_wi=1",
|
||||
imageAlt: "Flexible coworking desk workspace",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149366500.jpg", imageAlt: "Flexible coworking desk workspace"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-pizza-office-meeting-break_23-2148817087.jpg?_wi=1",
|
||||
imageAlt: "Startup community networking event",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-pizza-office-meeting-break_23-2148817087.jpg", imageAlt: "Startup community networking event"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg?_wi=1",
|
||||
imageAlt: "Collaborative team working environment",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg", imageAlt: "Collaborative team working environment"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-attending-business-meeting-boardroom-project-planning-marketing-strategy-people-working-with-charts-television-devices-management-presentation_482257-35943.jpg?_wi=1",
|
||||
imageAlt: "Professional meeting room",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-attending-business-meeting-boardroom-project-planning-marketing-strategy-people-working-with-charts-television-devices-management-presentation_482257-35943.jpg", imageAlt: "Professional meeting room"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-buildings-riverbank-middelburg-netherlands_181624-10860.jpg?_wi=1",
|
||||
imageAlt: "Haarlem city center location",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-buildings-riverbank-middelburg-netherlands_181624-10860.jpg", imageAlt: "Haarlem city center location"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -106,12 +82,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Inspiring entrepreneurs",
|
||||
"Friendly community",
|
||||
"Flexible workspace",
|
||||
"Professional environment",
|
||||
"Innovation hub",
|
||||
]}
|
||||
"Inspiring entrepreneurs", "Friendly community", "Flexible workspace", "Professional environment", "Innovation hub"]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,62 +96,41 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Startup-Focused Community",
|
||||
description: "Connect with like-minded entrepreneurs, founders, and innovators who understand your journey and share your ambitions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-pizza-office-meeting-break_23-2148817087.jpg?_wi=2",
|
||||
imageAlt: "Startup community event",
|
||||
},
|
||||
id: "1", title: "Startup-Focused Community", description: "Connect with like-minded entrepreneurs, founders, and innovators who understand your journey and share your ambitions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-pizza-office-meeting-break_23-2148817087.jpg", imageAlt: "Startup community event"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Regular networking events",
|
||||
},
|
||||
text: "Regular networking events"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Collaborative atmosphere",
|
||||
},
|
||||
text: "Collaborative atmosphere"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Flexible Workspaces",
|
||||
description: "Choose from coworking desks, dedicated offices, or meeting rooms tailored to your specific needs and budget.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149366500.jpg?_wi=2",
|
||||
imageAlt: "Coworking desk workspace",
|
||||
},
|
||||
id: "2", title: "Flexible Workspaces", description: "Choose from coworking desks, dedicated offices, or meeting rooms tailored to your specific needs and budget.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149366500.jpg", imageAlt: "Coworking desk workspace"},
|
||||
items: [
|
||||
{
|
||||
icon: Home,
|
||||
text: "Multiple space options",
|
||||
},
|
||||
text: "Multiple space options"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Flexible pricing plans",
|
||||
},
|
||||
text: "Flexible pricing plans"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Inspiring Entrepreneurs",
|
||||
description: "Work alongside successful founders and established companies. Learn, collaborate, and grow together in our vibrant ecosystem.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg?_wi=2",
|
||||
imageAlt: "Team collaboration",
|
||||
},
|
||||
id: "3", title: "Inspiring Entrepreneurs", description: "Work alongside successful founders and established companies. Learn, collaborate, and grow together in our vibrant ecosystem.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg", imageAlt: "Team collaboration"},
|
||||
items: [
|
||||
{
|
||||
icon: Trophy,
|
||||
text: "Success-driven community",
|
||||
},
|
||||
text: "Success-driven community"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Innovation hub",
|
||||
},
|
||||
text: "Innovation hub"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -198,29 +148,11 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Coworking Desk",
|
||||
price: "€199/month",
|
||||
variant: "Flexible hourly or daily access",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149366500.jpg?_wi=3",
|
||||
imageAlt: "Coworking desk workspace",
|
||||
},
|
||||
id: "1", name: "Coworking Desk", price: "€199/month", variant: "Flexible hourly or daily access", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-office_23-2149366500.jpg", imageAlt: "Coworking desk workspace"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dedicated Desk",
|
||||
price: "€349/month",
|
||||
variant: "Your personal workspace",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg?_wi=3",
|
||||
imageAlt: "Dedicated desk setup",
|
||||
},
|
||||
id: "2", name: "Dedicated Desk", price: "€349/month", variant: "Your personal workspace", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg", imageAlt: "Dedicated desk setup"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Startup Office",
|
||||
price: "€599/month",
|
||||
variant: "Private office space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-attending-business-meeting-boardroom-project-planning-marketing-strategy-people-working-with-charts-television-devices-management-presentation_482257-35943.jpg?_wi=2",
|
||||
imageAlt: "Private startup office",
|
||||
},
|
||||
id: "3", name: "Startup Office", price: "€599/month", variant: "Private office space", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-attending-business-meeting-boardroom-project-planning-marketing-strategy-people-working-with-charts-television-devices-management-presentation_482257-35943.jpg", imageAlt: "Private startup office"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -234,37 +166,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah van den Berg",
|
||||
role: "Founder, Tech Startup",
|
||||
testimonial: "Good place with nice people to work. The community here is genuinely supportive and inspiring. Love the flexible options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-school_23-2150470876.jpg?_wi=1",
|
||||
imageAlt: "Sarah van den Berg",
|
||||
},
|
||||
id: "1", name: "Sarah van den Berg", role: "Founder, Tech Startup", testimonial: "Good place with nice people to work. The community here is genuinely supportive and inspiring. Love the flexible options.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-school_23-2150470876.jpg", imageAlt: "Sarah van den Berg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
role: "Freelance Developer",
|
||||
testimonial: "Flexible space with a great community. No pressure, lots of opportunities to network and collaborate with other entrepreneurs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg?_wi=1",
|
||||
imageAlt: "Marcus Chen",
|
||||
},
|
||||
id: "2", name: "Marcus Chen", role: "Freelance Developer", testimonial: "Flexible space with a great community. No pressure, lots of opportunities to network and collaborate with other entrepreneurs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", imageAlt: "Marcus Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Startup Advisor",
|
||||
testimonial: "The professional environment combined with the friendly atmosphere makes it the perfect place for innovation and growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3269.jpg?_wi=1",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Startup Advisor", testimonial: "The professional environment combined with the friendly atmosphere makes it the perfect place for innovation and growth.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3269.jpg", imageAlt: "Elena Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom Jansen",
|
||||
role: "Founder, Digital Agency",
|
||||
testimonial: "Inspiring entrepreneurs everywhere you look. Being surrounded by ambitious people pushes you to achieve more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg?_wi=1",
|
||||
imageAlt: "Tom Jansen",
|
||||
},
|
||||
id: "4", name: "Tom Jansen", role: "Founder, Digital Agency", testimonial: "Inspiring entrepreneurs everywhere you look. Being surrounded by ambitious people pushes you to achieve more.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg", imageAlt: "Tom Jansen"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -278,27 +186,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Schedule a Tour",
|
||||
price: "Free",
|
||||
period: "30-min tour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-office-desk_482257-123984.jpg?_wi=2",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
id: "1", title: "Schedule a Tour", price: "Free", period: "30-min tour", imageSrc: "http://img.b2bpic.net/free-photo/black-man-employee-joins-telecommuting-session-office-desk_482257-123984.jpg", button: {
|
||||
text: "Book Now", href: "/contact"},
|
||||
features: ["See all our spaces", "Meet the community", "Discuss options with our team"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Get in Touch",
|
||||
price: "Call",
|
||||
period: "020 244 4444",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg?_wi=4",
|
||||
button: {
|
||||
text: "Call Us",
|
||||
href: "tel:0202444444",
|
||||
},
|
||||
id: "2", title: "Get in Touch", price: "Call", period: "020 244 4444", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-team-working-with-digital-tablet_329181-12084.jpg", button: {
|
||||
text: "Call Us", href: "tel:0202444444"},
|
||||
features: ["Speak with our team", "Ask any questions", "Get personalized recommendations"],
|
||||
},
|
||||
]}
|
||||
@@ -307,68 +201,43 @@ export default function HomePage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-s-eye-view-buildings-riverbank-middelburg-netherlands_181624-10860.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bird-s-eye-view-buildings-riverbank-middelburg-netherlands_181624-10860.jpg"
|
||||
imageAlt="Haarlem city location"
|
||||
logoText="Haarlem.Tech"
|
||||
copyrightText="© 2025 Haarlem.Tech Startup Hub. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/community",
|
||||
},
|
||||
label: "About", href: "/community"},
|
||||
{
|
||||
label: "Workspace",
|
||||
href: "/workspace",
|
||||
},
|
||||
label: "Workspace", href: "/workspace"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "/community",
|
||||
},
|
||||
label: "Community", href: "/community"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "/location",
|
||||
},
|
||||
label: "Location", href: "/location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Book a Tour",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Book a Tour", href: "/contact"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0202444444",
|
||||
},
|
||||
label: "Call Us", href: "tel:0202444444"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@haarlem.tech",
|
||||
},
|
||||
label: "Email", href: "mailto:info@haarlem.tech"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user