9 Commits

Author SHA1 Message Date
1656009471 Update theme colors 2026-06-10 17:01:20 +00:00
bda432856c Update theme colors 2026-06-10 17:01:03 +00:00
f3a816e914 Update theme colors 2026-06-10 17:00:50 +00:00
8f2cc2e803 Update theme colors 2026-06-10 17:00:34 +00:00
0d6bb71127 Update src/app/page.tsx 2026-06-10 16:58:16 +00:00
f473d3687d Update src/app/styles/variables.css 2026-06-10 16:57:35 +00:00
5d87cc8d14 Update src/app/page.tsx 2026-06-10 16:57:35 +00:00
ed04b6077b Merge version_3 into main
Merge version_3 into main
2026-06-10 16:54:21 +00:00
2a6552d909 Merge version_3 into main
Merge version_3 into main
2026-06-10 16:53:41 +00:00
2 changed files with 21 additions and 27 deletions

View File

@@ -14,15 +14,15 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="rounded"
contentWidth="mediumSmall" contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles" sizing="medium"
background="blurBottom" background="blurBottom"
cardStyle="soft-shadow" cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
@@ -101,7 +101,7 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
title="INDEPENDENT. FLEXIBLE. PERSONAL." title="INDEPENDENT. FLEXIBLE. PERSONAL."
description={[ description={[
"We're not a chain. We're private landlords who care about the people in our building. If you need something, we pick up the phone."]} "We're not a chain. We're private landlords who care about the people in our building. If you need something, we pick up the phone." ]}
showBorder={false} showBorder={false}
/> />
</div> </div>
@@ -115,16 +115,13 @@ export default function LandingPage() {
features={[ features={[
{ {
title: "OFFICES TO RENT", description: "Flexible private offices tailored for individuals and small teams. Ready to move in.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-using-her-phone_23-2147601413.jpg", imageAlt: "Modern private office interior", button: { title: "OFFICES TO RENT", description: "Flexible private offices tailored for individuals and small teams. Ready to move in.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-using-her-phone_23-2147601413.jpg", imageAlt: "Modern private office interior", button: {
text: "Find out more", href: "#"}, text: "Find out more", href: "#"}},
},
{ {
title: "MEETING ROOM", description: "Professional, fully equipped meeting space available by the hour or day.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-applauding-video-conference_1170-1921.jpg", imageAlt: "Stylish meeting room with large screen", button: { title: "MEETING ROOM", description: "Professional, fully equipped meeting space available by the hour or day.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-applauding-video-conference_1170-1921.jpg", imageAlt: "Stylish meeting room with large screen", button: {
text: "Find out more", href: "#"}, text: "Find out more", href: "#"}},
},
{ {
title: "VIRTUAL OFFICE", description: "Establish a credible St Albans presence with our virtual address services.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg", imageAlt: "Professional business mailbox and reception", button: { title: "VIRTUAL OFFICE", description: "Establish a credible St Albans presence with our virtual address services.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg", imageAlt: "Professional business mailbox and reception", button: {
text: "Find out more", href: "#"}, text: "Find out more", href: "#"}},
},
]} ]}
title="THE SPACES" title="THE SPACES"
description="Discover our range of flexible workspace solutions designed to suit your needs." description="Discover our range of flexible workspace solutions designed to suit your needs."
@@ -139,16 +136,13 @@ export default function LandingPage() {
plans={[ plans={[
{ {
id: "hot-desk", badge: "Flexi-Desk", price: "£75 / week", subtitle: "Great for individuals", features: [ id: "hot-desk", badge: "Flexi-Desk", price: "£75 / week", subtitle: "Great for individuals", features: [
"Access to shared workspace", "Superfast broadband", "All bills included", "Flexible daily rates"], "Access to shared workspace", "Superfast broadband", "All bills included", "Flexible daily rates"]},
},
{ {
id: "private-office", badge: "Dedicated Space", price: "From £300 / week", subtitle: "Ideal for growing teams", features: [ id: "private-office", badge: "Dedicated Space", price: "From £300 / week", subtitle: "Ideal for growing teams", features: [
"Private, lockable office", "Superfast broadband", "All bills included", "Furnished workspace", "Flexible monthly terms"], "Private, lockable office", "Superfast broadband", "All bills included", "Furnished workspace", "Flexible monthly terms"]},
},
{ {
id: "virtual-office-plan", badge: "Business Address", price: "From £35 / month", subtitle: "Professional local presence", features: [ id: "virtual-office-plan", badge: "Business Address", price: "From £35 / month", subtitle: "Professional local presence", features: [
"Prestigious St Albans address", "Mail handling & forwarding", "Dedicated phone number (optional)", "Professional image"], "Prestigious St Albans address", "Mail handling & forwarding", "Dedicated phone number (optional)", "Professional image"]},
},
]} ]}
title="CLEAR, INCLUSIVE PRICING." title="CLEAR, INCLUSIVE PRICING."
description="Choose the perfect workspace solution for your business. Our flexible terms mean you only pay for what you need." description="Choose the perfect workspace solution for your business. Our flexible terms mean you only pay for what you need."
@@ -185,7 +179,7 @@ export default function LandingPage() {
{ {
id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", imageAlt: "David Lee, enjoying the coworking"}, id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", imageAlt: "David Lee, enjoying the coworking"},
{ {
id: "5", name: "Jessica A.", imageSrc: "http://img.b2bpic.net/free-photo/people-job-occupation-hobby-creativity-concept-picture-positive-red-haired-young-woman-creative-profession-wearing-apron-striped-top_273609-922.jpg", imageAlt: "Jessica Allen, recommending the office"}, id: "5", name: "Jessica A.", imageSrc: "http://img.b2bpic.net/free-photo/people-job-occupation-hobby-creativity-concept-picture-positive-red-haired-young-woman-creative-profession-wearing-apron-striped-top_273609-922.jpg", imageAlt: "Jessica Allen, recommending the office"}
]} ]}
cardTitle="GOOD COMPANY." cardTitle="GOOD COMPANY."
cardTag="Hear from our members" cardTag="Hear from our members"

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5d8bf; --background: #f7eee6;
--card: #fefdf9; --card: #ffffff;
--foreground: #2c2c2c; --foreground: #81300a;
--primary-cta: #6F4E37; --primary-cta: #ffffff;
--primary-cta-text: #fcf6ed; --primary-cta-text: #1a1a1a;
--secondary-cta: #fcf6ed; --secondary-cta: #ffffff;
--secondary-cta-text: #2c2c2c; --secondary-cta-text: #1a1a1a;
--accent: #D4AFB9; --accent: #1a1a1a;
--background-accent: #8A3324; --background-accent: #e8e6e1;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);