Merge version_1 into main #1
307
src/app/page.tsx
307
src/app/page.tsx
@@ -34,34 +34,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book a Tour",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book a Tour", href: "#contact"}}
|
||||
logoSrc="http://img.b2bpic.net/free-psd/flat-design-office-building-isolated_23-2151579855.jpg"
|
||||
logoAlt="Hertfordshire Business Centre Logo"
|
||||
brandName="Hertfordshire Business Centre"
|
||||
@@ -71,45 +57,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Business Thrives Here"
|
||||
description="Discover flexible office spaces and a supportive community for your business at Hertfordshire Business Centre."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Offices",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Explore Offices", href: "#pricing"},
|
||||
{
|
||||
text: "Book a Tour",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Tour", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-building-center-city_657883-736.jpg",
|
||||
imageAlt: "Exterior of Hertfordshire Business Centre",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-building-center-city_657883-736.jpg", imageAlt: "Exterior of Hertfordshire Business Centre"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-coffeehouse-with-contemporary-design_23-2149052832.jpg",
|
||||
imageAlt: "Modern coworking space with professionals collaborating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-coffeehouse-with-contemporary-design_23-2149052832.jpg", imageAlt: "Modern coworking space with professionals collaborating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4385.jpg",
|
||||
imageAlt: "Clean, empty office space ready for rent",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4385.jpg", imageAlt: "Clean, empty office space ready for rent"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shake-hands-success_1388-77.jpg",
|
||||
imageAlt: "Business professionals shaking hands after a successful meeting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shake-hands-success_1388-77.jpg", imageAlt: "Business professionals shaking hands after a successful meeting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-wooden-door_23-2149936894.jpg",
|
||||
imageAlt: "Stylish reception area of a business centre",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-wooden-door_23-2149936894.jpg", imageAlt: "Stylish reception area of a business centre"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-room-conference-table_1262-3764.jpg",
|
||||
imageAlt: "Modern conference room with presentation setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-meeting-room-conference-table_1262-3764.jpg", imageAlt: "Modern conference room with presentation setup"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -122,9 +91,7 @@ export default function LandingPage() {
|
||||
description="Located at Alexander Rd, London Colney, St Albans AL2 1JG, Hertfordshire Business Centre offers modern, practical office spaces designed for local businesses. Transformed from an old school, our centre provides a unique and supportive environment for growth and collaboration."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-hydroelectric-power-station-scottish-highlands_1308-189294.jpg"
|
||||
imageAlt="Exterior view of Hertfordshire Business Centre"
|
||||
@@ -137,29 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Flexible Office Solutions",
|
||||
description: "Tailored spaces for businesses of all sizes, from startups to established enterprises, with adaptable lease terms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311442.jpg",
|
||||
imageAlt: "Flexible office space interior",
|
||||
},
|
||||
title: "Flexible Office Solutions", description: "Tailored spaces for businesses of all sizes, from startups to established enterprises, with adaptable lease terms.", imageSrc: "http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311442.jpg", imageAlt: "Flexible office space interior"},
|
||||
{
|
||||
title: "Prime Location & Management",
|
||||
description: "Enjoy a great location with superb, responsive managers ensuring your operational needs are met promptly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826282.jpg",
|
||||
imageAlt: "Office with natural light and a laptop",
|
||||
},
|
||||
title: "Prime Location & Management", description: "Enjoy a great location with superb, responsive managers ensuring your operational needs are met promptly.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826282.jpg", imageAlt: "Office with natural light and a laptop"},
|
||||
{
|
||||
title: "Excellent Parking Facilities",
|
||||
description: "Ample and convenient parking available on-site, making commutes and client visits hassle-free for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg",
|
||||
imageAlt: "Car parking spaces at a business centre",
|
||||
},
|
||||
title: "Excellent Parking Facilities", description: "Ample and convenient parking available on-site, making commutes and client visits hassle-free for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg", imageAlt: "Car parking spaces at a business centre"},
|
||||
{
|
||||
title: "Diverse Business Community",
|
||||
description: "Connect with a variety of businesses, including an Applied Pilates studio, fostering a dynamic and 'learning experience' environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804532.jpg",
|
||||
imageAlt: "Professionals collaborating in an office",
|
||||
},
|
||||
title: "Diverse Business Community", description: "Connect with a variety of businesses, including an Applied Pilates studio, fostering a dynamic and 'learning experience' environment.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804532.jpg", imageAlt: "Professionals collaborating in an office"},
|
||||
]}
|
||||
title="Unrivalled Business Advantage"
|
||||
description="Hertfordshire Business Centre is meticulously designed to support your operations and foster a vibrant community."
|
||||
@@ -173,43 +124,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic-office",
|
||||
badge: "Start-up",
|
||||
badgeIcon: Sparkles,
|
||||
price: "From £350/month",
|
||||
subtitle: "Ideal for solo entrepreneurs and small teams",
|
||||
features: [
|
||||
"Dedicated office space",
|
||||
"Access to shared amenities",
|
||||
"Flexible month-to-month terms",
|
||||
"High-speed internet",
|
||||
],
|
||||
id: "basic-office", badge: "Start-up", badgeIcon: Sparkles,
|
||||
price: "From £350/month", subtitle: "Ideal for solo entrepreneurs and small teams", features: [
|
||||
"Dedicated office space", "Access to shared amenities", "Flexible month-to-month terms", "High-speed internet"],
|
||||
},
|
||||
{
|
||||
id: "standard-suite",
|
||||
badge: "Growth",
|
||||
badgeIcon: Sparkles,
|
||||
price: "From £700/month",
|
||||
subtitle: "Perfect for growing businesses needing more room",
|
||||
features: [
|
||||
"Larger private office",
|
||||
"Meeting room access",
|
||||
"Mail handling services",
|
||||
"24/7 access",
|
||||
],
|
||||
id: "standard-suite", badge: "Growth", badgeIcon: Sparkles,
|
||||
price: "From £700/month", subtitle: "Perfect for growing businesses needing more room", features: [
|
||||
"Larger private office", "Meeting room access", "Mail handling services", "24/7 access"],
|
||||
},
|
||||
{
|
||||
id: "premium-block",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Contact for Quote",
|
||||
subtitle: "Customizable blocks for established companies",
|
||||
features: [
|
||||
"Multi-room office suite",
|
||||
"Branding opportunities",
|
||||
"Dedicated support",
|
||||
"Priority parking",
|
||||
],
|
||||
id: "premium-block", badge: "Enterprise", badgeIcon: Sparkles,
|
||||
price: "Contact for Quote", subtitle: "Customizable blocks for established companies", features: [
|
||||
"Multi-room office suite", "Branding opportunities", "Dedicated support", "Priority parking"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Office Solutions for Every Business"
|
||||
@@ -219,35 +146,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "businesses",
|
||||
value: "50+",
|
||||
title: "Businesses Housed",
|
||||
items: [
|
||||
"Diverse industries",
|
||||
"Growing community",
|
||||
],
|
||||
id: "businesses", value: "50+", title: "Businesses Housed", items: [
|
||||
"Diverse industries", "Growing community"],
|
||||
},
|
||||
{
|
||||
id: "satisfaction",
|
||||
value: "95%",
|
||||
title: "Tenant Satisfaction",
|
||||
items: [
|
||||
"Responsive management",
|
||||
"Supportive environment",
|
||||
],
|
||||
id: "satisfaction", value: "95%", title: "Tenant Satisfaction", items: [
|
||||
"Responsive management", "Supportive environment"],
|
||||
},
|
||||
{
|
||||
id: "years",
|
||||
value: "10+",
|
||||
title: "Years in Operation",
|
||||
items: [
|
||||
"Proven track record",
|
||||
"Experienced support",
|
||||
],
|
||||
id: "years", value: "10+", title: "Years in Operation", items: [
|
||||
"Proven track record", "Experienced support"],
|
||||
},
|
||||
]}
|
||||
title="Our Centre's Impact"
|
||||
@@ -260,14 +173,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Applied Pilates Studio",
|
||||
"Tech Innovations Ltd.",
|
||||
"Local Marketing Group",
|
||||
"Hertfordshire Consulting",
|
||||
"Elite Financial Services",
|
||||
"Green Energy Solutions",
|
||||
"Creative Design Co.",
|
||||
]}
|
||||
"Applied Pilates Studio", "Tech Innovations Ltd.", "Local Marketing Group", "Hertfordshire Consulting", "Elite Financial Services", "Green Energy Solutions", "Creative Design Co."]}
|
||||
title="A Community of Thriving Businesses"
|
||||
description="Our tenants range from innovative startups to established local service providers, all contributing to a vibrant business ecosystem."
|
||||
/>
|
||||
@@ -280,64 +186,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maksim Moisa",
|
||||
role: "Business Owner",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
imageAlt: "Maksim Moisa",
|
||||
},
|
||||
id: "1", name: "Maksim Moisa", role: "Business Owner", company: "Local Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", imageAlt: "Maksim Moisa"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gus Defransz",
|
||||
role: "Pilates Studio Owner",
|
||||
company: "Applied Pilates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-woman-outdoor-portrait_624325-3303.jpg",
|
||||
imageAlt: "Gus Defransz",
|
||||
},
|
||||
id: "2", name: "Gus Defransz", role: "Pilates Studio Owner", company: "Applied Pilates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-woman-outdoor-portrait_624325-3303.jpg", imageAlt: "Gus Defransz"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jason Ramasamy",
|
||||
role: "Tenant",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
|
||||
imageAlt: "Jason Ramasamy",
|
||||
},
|
||||
id: "3", name: "Jason Ramasamy", role: "Tenant", company: "Local Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", imageAlt: "Jason Ramasamy"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nzewuihe Chigoziri",
|
||||
role: "Tenant",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-having-idea-sitting-table-trench-coat-working-laptop_285396-2368.jpg",
|
||||
imageAlt: "Nzewuihe Chigoziri",
|
||||
},
|
||||
id: "4", name: "Nzewuihe Chigoziri", role: "Tenant", company: "Local Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-having-idea-sitting-table-trench-coat-working-laptop_285396-2368.jpg", imageAlt: "Nzewuihe Chigoziri"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ron Sorkin",
|
||||
role: "Tenant",
|
||||
company: "Local Guide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116269.jpg",
|
||||
imageAlt: "Ron Sorkin",
|
||||
},
|
||||
id: "5", name: "Ron Sorkin", role: "Tenant", company: "Local Guide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116269.jpg", imageAlt: "Ron Sorkin"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5.0", label: "Average Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Recommendation Rate",
|
||||
},
|
||||
value: "100%", label: "Recommendation Rate"},
|
||||
{
|
||||
value: "Diverse",
|
||||
label: "Business Types",
|
||||
},
|
||||
value: "Diverse", label: "Business Types"},
|
||||
]}
|
||||
title="What Our Valued Tenants Say"
|
||||
description="Hear directly from the businesses that call Hertfordshire Business Centre their professional home."
|
||||
@@ -350,25 +220,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of offices are available for rent?",
|
||||
content: "We offer a range of flexible office solutions, including small dedicated offices for solo entrepreneurs, larger suites for growing teams, and customizable blocks for established businesses.",
|
||||
},
|
||||
id: "1", title: "What types of offices are available for rent?", content: "We offer a range of flexible office solutions, including small dedicated offices for solo entrepreneurs, larger suites for growing teams, and customizable blocks for established businesses."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is parking available at Hertfordshire Business Centre?",
|
||||
content: "Yes, we provide ample and convenient on-site parking facilities for all our tenants and their visitors, ensuring hassle-free access.",
|
||||
},
|
||||
id: "2", title: "Is parking available at Hertfordshire Business Centre?", content: "Yes, we provide ample and convenient on-site parking facilities for all our tenants and their visitors, ensuring hassle-free access."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What amenities are included with office rental?",
|
||||
content: "Standard amenities include high-speed internet, access to shared communal areas, and responsive on-site management. Depending on your plan, you may also have access to meeting rooms, mail handling, and 24/7 access.",
|
||||
},
|
||||
id: "3", title: "What amenities are included with office rental?", content: "Standard amenities include high-speed internet, access to shared communal areas, and responsive on-site management. Depending on your plan, you may also have access to meeting rooms, mail handling, and 24/7 access."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I tour the facility before committing?",
|
||||
content: "Absolutely! We encourage prospective tenants to book a tour to experience our spaces and community firsthand. Please contact us to schedule a visit.",
|
||||
},
|
||||
id: "4", title: "Can I tour the facility before committing?", content: "Absolutely! We encourage prospective tenants to book a tour to experience our spaces and community firsthand. Please contact us to schedule a visit."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our business centre and services."
|
||||
@@ -383,22 +241,14 @@ export default function LandingPage() {
|
||||
description="We are located at Hertfordshire Business Centre, Alexander Rd, London Colney, St Albans AL2 1JG. Reach out to discuss your office needs or schedule a visit."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message or Inquiry",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message or Inquiry", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-talking-receptionist-while-arriving-spa_637285-9455.jpg"
|
||||
@@ -415,50 +265,31 @@ export default function LandingPage() {
|
||||
logoText="Hertfordshire Business Centre"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user