|
|
|
|
@@ -15,16 +15,16 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
@@ -47,7 +47,7 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Get a Quote", href: "#contact"}}
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa0yl1"
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtSD1FtpvoSZ6LbhPw4QpXXLGL/uploaded-1780996717077-0sjnktfi.png"
|
|
|
|
|
logoAlt="Space.ba Logo"
|
|
|
|
|
brandName="Space.ba"
|
|
|
|
|
/>
|
|
|
|
|
@@ -56,15 +56,15 @@ export default function LandingPage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="Space.ba"
|
|
|
|
|
description="Discover premium office spaces and flexible workspaces designed for your business success in Bosnia and Herzegovina."
|
|
|
|
|
description="Discover premium business office spaces with private parking, and flexible workspaces designed for your business success in Bosnia and Herzegovina."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Explore Offices", href: "#products"},
|
|
|
|
|
{
|
|
|
|
|
text: "Contact Sales", href: "#contact"},
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-room-with-students-reading_23-2147656381.jpg"
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtSD1FtpvoSZ6LbhPw4QpXXLGL/uploaded-1707914563842-89j24i9.png"
|
|
|
|
|
imageAlt="Modern office interior with city view"
|
|
|
|
|
showDimOverlay={true}
|
|
|
|
|
/>
|
|
|
|
|
@@ -72,15 +72,15 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
tag="About Us"
|
|
|
|
|
title="Your Ideal Workspace Awaits"
|
|
|
|
|
title="Your Ideal Business Office Workspace Awaits"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwentySeven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
@@ -104,6 +104,10 @@ export default function LandingPage() {
|
|
|
|
|
id: "f5", title: "Daily Cleaning", descriptions: [
|
|
|
|
|
"Maintain a pristine work environment with professional daily cleaning services."],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laptop-desk-office-showing-stock-exchange-indices_482257-106388.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "f6", title: "Private Parking Space", descriptions: [
|
|
|
|
|
"Enjoy exclusive, secure private parking available for tenants and their clients, ensuring convenience and peace of mind."],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-garage_23-2147775960.jpg"}
|
|
|
|
|
]}
|
|
|
|
|
title="Designed for Productivity"
|
|
|
|
|
description="Our office spaces are equipped with everything you need to thrive, ensuring a seamless and efficient workday."
|
|
|
|
|
@@ -113,9 +117,9 @@ export default function LandingPage() {
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardThree
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "p1", name: "Private Offices", price: "Starting from €400/month", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780755.jpg", imageAlt: "Private office space"},
|
|
|
|
|
@@ -137,7 +141,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardThirteen
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
@@ -178,10 +182,12 @@ export default function LandingPage() {
|
|
|
|
|
id: "faq4", title: "What are your lease terms?", content: "We offer flexible lease terms ranging from monthly agreements for coworking spaces to longer-term contracts for private offices, designed to adapt to your business growth."},
|
|
|
|
|
{
|
|
|
|
|
id: "faq5", title: "Is parking available at your locations?", content: "Most of our prime locations offer convenient parking options, including underground garages and nearby public parking. Please inquire about specific location availability."},
|
|
|
|
|
{
|
|
|
|
|
id: "faq6", title: "Do you offer private parking for office tenants?", content: "Yes, we provide private parking spaces exclusively for our office tenants and their visitors, ensuring convenient and secure access to your business premises."}
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Find quick answers to common questions about our office spaces and services."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -189,10 +195,10 @@ export default function LandingPage() {
|
|
|
|
|
<ContactCenter
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "sparkles-gradient"}}
|
|
|
|
|
variant: "plain"}}
|
|
|
|
|
tag="Get in Touch"
|
|
|
|
|
title="Find Your Perfect Workspace"
|
|
|
|
|
description="Ready to elevate your business environment? Contact us today to learn more about our flexible office solutions."
|
|
|
|
|
title="Connect with Our Business Office Specialists"
|
|
|
|
|
description="Ready to elevate your business environment? Contact us today to learn more about our flexible office solutions for your business office building needs, including private parking. Call us at 062-555-000 or send an inquiry below."
|
|
|
|
|
inputPlaceholder="Enter your email"
|
|
|
|
|
buttonText="Send Inquiry"
|
|
|
|
|
termsText="By clicking Send Inquiry you're confirming that you agree with our Terms and Conditions."
|
|
|
|
|
@@ -201,7 +207,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa0yl1"
|
|
|
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EtSD1FtpvoSZ6LbhPw4QpXXLGL/uploaded-1780996717077-0sjnktfi.png"
|
|
|
|
|
logoAlt="Space.ba Logo"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
@@ -251,4 +257,4 @@ export default function LandingPage() {
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
