Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -17,7 +17,7 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Offerings",
|
||||
id: "offerings",
|
||||
},
|
||||
name: "Offerings", id: "offerings"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "amenities",
|
||||
},
|
||||
name: "Amenities", id: "amenities"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Boston Building"
|
||||
/>
|
||||
@@ -59,67 +49,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Where Cape Town Comes Home"
|
||||
description="A landmark mixed-use address on Voortrekker Road — luxury apartments, serviced stays, premium retail, and professional offices under one distinguished roof."
|
||||
tag="Bellville, Cape Town"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Boston",
|
||||
href: "#offerings",
|
||||
},
|
||||
text: "Explore Boston", href: "#offerings"},
|
||||
{
|
||||
text: "Book a Viewing",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Viewing", href: "#contact"},
|
||||
]}
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2941.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
|
||||
alt: "Resident",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg", alt: "Resident"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Tenant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Tenant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-clerk-with-phone-glass-handrail_1262-7287.jpg",
|
||||
alt: "Professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-clerk-with-phone-glass-handrail_1262-7287.jpg", alt: "Professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-boyfriend_273609-12682.jpg",
|
||||
alt: "Visitor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-boyfriend_273609-12682.jpg", alt: "Visitor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg",
|
||||
alt: "Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg", alt: "Manager"},
|
||||
]}
|
||||
avatarText="Trusted by our community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Security",
|
||||
},
|
||||
type: "text", text: "Modern Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
type: "text", text: "Prime Location"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Retail",
|
||||
},
|
||||
type: "text", text: "Premium Retail"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Workspaces",
|
||||
},
|
||||
type: "text", text: "Workspaces"},
|
||||
{
|
||||
type: "text",
|
||||
text: "City Views",
|
||||
},
|
||||
type: "text", text: "City Views"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,21 +96,15 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Building,
|
||||
label: "Units",
|
||||
value: "99",
|
||||
},
|
||||
label: "Units", value: "99"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Voortrekker Rd",
|
||||
value: "Prime",
|
||||
},
|
||||
label: "Voortrekker Rd", value: "Prime"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Security",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Security", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="reveal-blur"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Long-Term Apartments",
|
||||
price: "From R5,500",
|
||||
imageSrc: "asset://p-1",
|
||||
},
|
||||
id: "1", name: "Long-Term Apartments", price: "From R5,500", imageSrc: "asset://p-1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "AirBnB Short Stays",
|
||||
price: "Nightly Rates",
|
||||
imageSrc: "asset://p-2",
|
||||
},
|
||||
id: "2", name: "AirBnB Short Stays", price: "Nightly Rates", imageSrc: "asset://p-2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Business Centre",
|
||||
price: "Flexible Leases",
|
||||
imageSrc: "asset://p-3",
|
||||
},
|
||||
id: "3", name: "Business Centre", price: "Flexible Leases", imageSrc: "asset://p-3"},
|
||||
{
|
||||
id: "4",
|
||||
name: "SPAR Convenience",
|
||||
price: "Open till 9pm",
|
||||
imageSrc: "asset://p-4",
|
||||
},
|
||||
id: "4", name: "SPAR Convenience", price: "Open till 9pm", imageSrc: "asset://p-4"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Secure Parking",
|
||||
price: "Allocated",
|
||||
imageSrc: "asset://p-5",
|
||||
},
|
||||
id: "5", name: "Secure Parking", price: "Allocated", imageSrc: "asset://p-5"},
|
||||
{
|
||||
id: "6",
|
||||
name: "24/7 Security",
|
||||
price: "Inclusive",
|
||||
imageSrc: "asset://p-6",
|
||||
},
|
||||
id: "6", name: "24/7 Security", price: "Inclusive", imageSrc: "asset://p-6"},
|
||||
]}
|
||||
title="Everything you need, all in one place"
|
||||
description="Premium living, workspace, and convenience under one distinguished address."
|
||||
@@ -204,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Security",
|
||||
description: "Dedicated patrols for resident safety.",
|
||||
imageSrc: "asset://f-1",
|
||||
},
|
||||
title: "24/7 Security", description: "Dedicated patrols for resident safety.", imageSrc: "asset://f-1"},
|
||||
{
|
||||
title: "Secure Parking",
|
||||
description: "Allocated and well-managed bays.",
|
||||
imageSrc: "asset://f-2",
|
||||
},
|
||||
title: "Secure Parking", description: "Allocated and well-managed bays.", imageSrc: "asset://f-2"},
|
||||
{
|
||||
title: "Open 24/7",
|
||||
description: "Accessible address, always ready.",
|
||||
imageSrc: "asset://f-3",
|
||||
},
|
||||
title: "Open 24/7", description: "Accessible address, always ready.", imageSrc: "asset://f-3"},
|
||||
]}
|
||||
title="Every detail considered"
|
||||
description="Designed for modern convenience and absolute comfort."
|
||||
@@ -231,20 +157,11 @@ export default function LandingPage() {
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.2",
|
||||
description: "Google Rating",
|
||||
},
|
||||
id: "m1", value: "4.2", description: "Google Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "181",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
id: "m2", value: "181", description: "Verified Reviews"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Secure Access",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Secure Access"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -256,45 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "Beautiful apartments with excellent light.",
|
||||
name: "Huda",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Experience", quote: "Beautiful apartments with excellent light.", name: "Huda", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Excellent Shop",
|
||||
quote: "SPAR service is top notch.",
|
||||
name: "Gerhard",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-photo-camera-his-holidays_23-2149373965.jpg",
|
||||
},
|
||||
id: "t2", title: "Excellent Shop", quote: "SPAR service is top notch.", name: "Gerhard", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/man-with-photo-camera-his-holidays_23-2149373965.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Chic & Stylish",
|
||||
quote: "Lovely apartments and very convenient.",
|
||||
name: "Michelle",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sit-tread_23-2148013423.jpg",
|
||||
},
|
||||
id: "t3", title: "Chic & Stylish", quote: "Lovely apartments and very convenient.", name: "Michelle", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-sit-tread_23-2148013423.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best place to stay in Bellville.",
|
||||
name: "Almarie",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg",
|
||||
},
|
||||
id: "t4", title: "Highly Recommend", quote: "Best place to stay in Bellville.", name: "Almarie", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Great Security",
|
||||
quote: "Warm, quiet and well maintained.",
|
||||
name: "Ernest",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg",
|
||||
},
|
||||
id: "t5", title: "Great Security", quote: "Warm, quiet and well maintained.", name: "Ernest", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5064.jpg"},
|
||||
]}
|
||||
title="Resident Voices"
|
||||
description="Hear what our community says about living at the Boston Building."
|
||||
@@ -305,16 +192,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Enquire Now"
|
||||
title="Ready to move in?"
|
||||
description="Secure your unit today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,16 +207,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Reach out today"
|
||||
description="Need more info? Our team is available 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "071 922 9651",
|
||||
href: "tel:0719229651",
|
||||
},
|
||||
text: "071 922 9651", href: "tel:0719229651"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,50 +223,31 @@ export default function LandingPage() {
|
||||
logoText="Boston Building"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Offerings",
|
||||
href: "#offerings",
|
||||
},
|
||||
label: "Offerings", href: "#offerings"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Offerings",
|
||||
items: [
|
||||
title: "Offerings", items: [
|
||||
{
|
||||
label: "Apartments",
|
||||
href: "#offerings",
|
||||
},
|
||||
label: "Apartments", href: "#offerings"},
|
||||
{
|
||||
label: "Stays",
|
||||
href: "#offerings",
|
||||
},
|
||||
label: "Stays", href: "#offerings"},
|
||||
{
|
||||
label: "Business",
|
||||
href: "#offerings",
|
||||
},
|
||||
label: "Business", href: "#offerings"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "99 Voortrekker",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "99 Voortrekker", href: "#contact"},
|
||||
{
|
||||
label: "info@boston.co.za",
|
||||
href: "mailto:info@boston.co.za",
|
||||
},
|
||||
label: "info@boston.co.za", href: "mailto:info@boston.co.za"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user