Merge version_1 into main #1
185
src/app/page.tsx
185
src/app/page.tsx
@@ -29,65 +29,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Listings", id: "listings" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pinnacle Office Group"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Class-A offices in the heart of the city."
|
||||
description="Flexible leases, fully serviced spaces, and premium infrastructure — for teams that mean business. Immediate availability from 200 to 2,400 sq ft."
|
||||
buttons={[
|
||||
{
|
||||
text: "View available spaces",
|
||||
href: "#listings",
|
||||
},
|
||||
{
|
||||
text: "Schedule a viewing",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View available spaces", href: "#listings" },
|
||||
{ text: "Schedule a viewing", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corridor-unfocused_1203-1283.jpg",
|
||||
imageAlt: "Modern premium office space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",
|
||||
imageAlt: "Corporate office interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg",
|
||||
imageAlt: "Serviced office reception",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg",
|
||||
imageAlt: "Flexible workspace area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8202.jpg",
|
||||
imageAlt: "Premium city office view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
|
||||
imageAlt: "Business meeting room",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/corridor-unfocused_1203-1283.jpg", imageAlt: "Modern premium office space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg", imageAlt: "Corporate office interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg", imageAlt: "Serviced office reception" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-white-interior-modern-architecture_181624-21886.jpg", imageAlt: "Flexible workspace area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8202.jpg", imageAlt: "Premium city office view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg", imageAlt: "Business meeting room" },
|
||||
]}
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
@@ -99,24 +65,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Building,
|
||||
title: "Locations",
|
||||
value: "14",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Percent,
|
||||
title: "Occupancy Rate",
|
||||
value: "97%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Calendar,
|
||||
title: "Lease Terms",
|
||||
value: "6–36mo",
|
||||
},
|
||||
{ id: "m1", icon: Building, title: "Locations", value: "14" },
|
||||
{ id: "m2", icon: Percent, title: "Occupancy Rate", value: "97%" },
|
||||
{ id: "m3", icon: Calendar, title: "Lease Terms", value: "6–36mo" },
|
||||
]}
|
||||
title="Our Network"
|
||||
description="Premium infrastructure across key business hubs."
|
||||
@@ -130,48 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "l1",
|
||||
name: "Meridian Tower, Suite 1104",
|
||||
price: "$8,500/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg",
|
||||
imageAlt: "Meridian Tower Suite",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
name: "Solaris Plaza, Suite 300",
|
||||
price: "$12,200/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-black-suit-businessman-with-mobile-phone_1157-45589.jpg",
|
||||
imageAlt: "Solaris Plaza Suite",
|
||||
},
|
||||
{
|
||||
id: "l3",
|
||||
name: "Pinnacle Centre, Unit 22A (Most Popular)",
|
||||
price: "£6,900/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pendant-lamp-handing-home_1252-1070.jpg",
|
||||
imageAlt: "Pinnacle Centre Unit",
|
||||
},
|
||||
{
|
||||
id: "l4",
|
||||
name: "Additional Suite A",
|
||||
price: "$9,200/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-office-interior_1048-6615.jpg",
|
||||
imageAlt: "Suite A",
|
||||
},
|
||||
{
|
||||
id: "l5",
|
||||
name: "Additional Suite B",
|
||||
price: "$10,500/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780726.jpg",
|
||||
imageAlt: "Suite B",
|
||||
},
|
||||
{
|
||||
id: "l6",
|
||||
name: "Additional Suite C",
|
||||
price: "£7,500/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347164.jpg",
|
||||
imageAlt: "Suite C",
|
||||
},
|
||||
{ id: "l1", name: "Meridian Tower, Suite 1104", price: "$8,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/no-people-empty-desk-with-laptop-computer-apartment-use-modern-digital-technology-entertainment-nobody-home-office-with-interior-decorations-creative-indoors-style_482257-42172.jpg", imageAlt: "Meridian Tower Suite" },
|
||||
{ id: "l2", name: "Solaris Plaza, Suite 300", price: "$12,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-black-suit-businessman-with-mobile-phone_1157-45589.jpg", imageAlt: "Solaris Plaza Suite" },
|
||||
{ id: "l3", name: "Pinnacle Centre, Unit 22A (Most Popular)", price: "£6,900/mo", imageSrc: "http://img.b2bpic.net/free-photo/pendant-lamp-handing-home_1252-1070.jpg", imageAlt: "Pinnacle Centre Unit" },
|
||||
{ id: "l4", name: "Additional Suite A", price: "$9,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-office-interior_1048-6615.jpg", imageAlt: "Suite A" },
|
||||
{ id: "l5", name: "Additional Suite B", price: "$10,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780726.jpg", imageAlt: "Suite B" },
|
||||
{ id: "l6", name: "Additional Suite C", price: "£7,500/mo", imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347164.jpg", imageAlt: "Suite C" },
|
||||
]}
|
||||
title="Featured Listings"
|
||||
description="Exceptional spaces for teams of all sizes."
|
||||
@@ -185,36 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "1 Gbps Fibre",
|
||||
description: "High-speed secure connectivity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-workspace-desk-with-computer-notepad_53876-65111.jpg",
|
||||
},
|
||||
{
|
||||
title: "24/7 Concierge",
|
||||
description: "Professional support around the clock.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg",
|
||||
},
|
||||
{
|
||||
title: "Parking Included",
|
||||
description: "Secure building parking available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-123253.jpg",
|
||||
},
|
||||
{
|
||||
title: "Meeting Rooms",
|
||||
description: "Fully equipped meeting spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg",
|
||||
},
|
||||
{
|
||||
title: "Breakout Lounges",
|
||||
description: "Casual areas to recharge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room-chairs_23-2148727504.jpg",
|
||||
},
|
||||
{
|
||||
title: "All-Inclusive Billing",
|
||||
description: "Simple flat-rate monthly invoicing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-rugged-technology-tie-person_1253-877.jpg",
|
||||
},
|
||||
{ title: "1 Gbps Fibre", description: "High-speed secure connectivity.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-workspace-desk-with-computer-notepad_53876-65111.jpg" },
|
||||
{ title: "24/7 Concierge", description: "Professional support around the clock.", imageSrc: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg" },
|
||||
{ title: "Parking Included", description: "Secure building parking available.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-123253.jpg" },
|
||||
{ title: "Meeting Rooms", description: "Fully equipped meeting spaces.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg" },
|
||||
{ title: "Breakout Lounges", description: "Casual areas to recharge.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room-chairs_23-2148727504.jpg" },
|
||||
{ title: "All-Inclusive Billing", description: "Simple flat-rate monthly invoicing.", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-rugged-technology-tie-person_1253-877.jpg" },
|
||||
]}
|
||||
title="All-Inclusive Amenities"
|
||||
description="Designed to support your business productivity."
|
||||
@@ -227,24 +118,10 @@ export default function LandingPage() {
|
||||
title="Get in touch"
|
||||
description="220 West 42nd St, 12th Floor, NY, NY 10036 | +1 (212) 555-0194 | leasing@pinnacleoffices.com | Mon–Fri, 8am–6pm EST"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Business Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Business Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Preferred location or size requirements",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Preferred location or size requirements", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lobby-condominium-building_1262-3037.jpg"
|
||||
buttonText="Submit Enquiry"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user