Merge version_1 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -33,85 +33,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MeadowBrook"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="The MeadowBrook Business Suites"
|
||||
description="Premium office space tailored for your growth and success."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21048.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21048.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg", alt: "Tenant" },
|
||||
]}
|
||||
avatarText="Trusted by over 200+ local businesses"
|
||||
buttons={[
|
||||
{
|
||||
text: "Tour Suites",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Tour Suites", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Speed Fiber",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Executive Concierge",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Equipped",
|
||||
},
|
||||
{ type: "text", text: "24/7 Access" },
|
||||
{ type: "text", text: "High-Speed Fiber" },
|
||||
{ type: "text", text: "Executive Concierge" },
|
||||
{ type: "text", text: "Prime Location" },
|
||||
{ type: "text", text: "Fully Equipped" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,26 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "High Speed Connectivity",
|
||||
description: "Gigabit fiber internet with redundant backup systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976834.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "High Speed Connectivity", description: "Gigabit fiber internet with redundant backup systems.", imageSrc: "http://img.b2bpic.net/free-photo/meeting-room_1098-19954.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976834.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Advanced Security",
|
||||
description: "24/7 keycard access, surveillance, and on-site monitoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-deliverer-ringing-intercom-gate-customer-s-house-while-delivering-packages_637285-2337.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-ssd-cover_23-2149328231.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Advanced Security", description: "24/7 keycard access, surveillance, and on-site monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-deliverer-ringing-intercom-gate-customer-s-house-while-delivering-packages_637285-2337.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-ssd-cover_23-2149328231.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Executive Lounge",
|
||||
description: "Modern relaxation space featuring premium beverage options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20891.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe-with-mobile-phone-hand_627829-5524.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Executive Lounge", description: "Modern relaxation space featuring premium beverage options.", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20891.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe-with-mobile-phone-hand_627829-5524.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Superior Office Amenities"
|
||||
description="Work in an environment engineered for peak efficiency."
|
||||
@@ -168,14 +108,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GrowthPartners",
|
||||
"DesignStudio",
|
||||
"SummitLogic",
|
||||
"ApexFinance",
|
||||
"FutureFlow",
|
||||
"BoldConsulting",
|
||||
]}
|
||||
"InnovateTech", "GrowthPartners", "DesignStudio", "SummitLogic", "ApexFinance", "FutureFlow", "BoldConsulting"]}
|
||||
title="Our Business Community"
|
||||
description="Joining a network of innovative local leaders."
|
||||
/>
|
||||
@@ -188,49 +121,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
price: "$800/mo",
|
||||
name: "Virtual Suite",
|
||||
features: [
|
||||
"Mailing Address",
|
||||
"Lobby Access",
|
||||
"Business Hours",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
id: "1", price: "$800/mo", name: "Virtual Suite", features: ["Mailing Address", "Lobby Access", "Business Hours"],
|
||||
buttons: [{ text: "Select" }],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
price: "$1,400/mo",
|
||||
name: "Dedicated Desk",
|
||||
features: [
|
||||
"24/7 Access",
|
||||
"High-Speed Internet",
|
||||
"Lounge Access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
id: "2", price: "$1,400/mo", name: "Dedicated Desk", features: ["24/7 Access", "High-Speed Internet", "Lounge Access"],
|
||||
buttons: [{ text: "Select" }],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
price: "$2,200/mo",
|
||||
name: "Executive Private Office",
|
||||
features: [
|
||||
"Fully Furnished",
|
||||
"Meeting Credits",
|
||||
"Private Keycard",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
id: "3", price: "$2,200/mo", name: "Executive Private Office", features: ["Fully Furnished", "Meeting Credits", "Private Keycard"],
|
||||
buttons: [{ text: "Select" }],
|
||||
},
|
||||
]}
|
||||
title="Flexible Office Solutions"
|
||||
@@ -244,21 +144,9 @@ export default function LandingPage() {
|
||||
title="Operational Statistics"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "200+",
|
||||
description: "Satisfied Tenants",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15",
|
||||
description: "Global Locations",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
{ id: "1", value: "200+", description: "Satisfied Tenants" },
|
||||
{ id: "2", value: "15", description: "Global Locations" },
|
||||
{ id: "3", value: "99%", description: "Client Retention" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -271,26 +159,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-real-estate-agent-holding-tablet_23-2150225239.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-real-estate-agent-holding-tablet_23-2150225239.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", alt: "Tenant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", alt: "Tenant" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -302,21 +175,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are there long-term commitments?",
|
||||
content: "We offer flexible month-to-month and annual leasing options.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is internet included?",
|
||||
content: "Yes, high-speed fiber internet is included in all memberships.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I invite guests?",
|
||||
content: "Certainly, private meeting rooms are available for client visits.",
|
||||
},
|
||||
{ id: "f1", title: "Are there long-term commitments?", content: "We offer flexible month-to-month and annual leasing options." },
|
||||
{ id: "f2", title: "Is internet included?", content: "Yes, high-speed fiber internet is included in all memberships." },
|
||||
{ id: "f3", title: "Can I invite guests?", content: "Certainly, private meeting rooms are available for client visits." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers about our leasing terms and office amenities."
|
||||
@@ -328,8 +189,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Get In Touch"
|
||||
title="Tour Our Business Suites"
|
||||
description="Ready to elevate your workplace? Schedule a personal viewing today."
|
||||
@@ -343,16 +203,8 @@ export default function LandingPage() {
|
||||
logoText="MeadowBrook Suites"
|
||||
copyrightText="© 2025 MeadowBrook Business Suites"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user