Merge version_1 into main #2
383
src/app/page.tsx
383
src/app/page.tsx
@@ -25,289 +25,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Spaces",
|
||||
id: "#spaces",
|
||||
},
|
||||
{
|
||||
name: "Tenants",
|
||||
id: "#tenants",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Kelly Building"
|
||||
button={{
|
||||
text: "Schedule a Tour",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Spaces", id: "#spaces" },
|
||||
{ name: "Tenants", id: "#tenants" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="The Kelly Building"
|
||||
button={{ text: "Schedule a Tour", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Where Houston's Best Businesses Work"
|
||||
description="Premium office suites available for immediate move-in at 1000 FM 1960 Rd W."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@SarahLaw",
|
||||
testimonial: "The best office address in Houston.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg?_wi=1",
|
||||
imageAlt: "luxury office building golden hour",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@RRealEstate",
|
||||
testimonial: "Unparalleled security and management.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg?_wi=1",
|
||||
imageAlt: "luxury office lobby interior",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@EPConsulting",
|
||||
testimonial: "Exactly the professional environment we needed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg?_wi=1",
|
||||
imageAlt: "executive private office window",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@KFinancial",
|
||||
testimonial: "The Kelly Building set a new standard.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg?_wi=1",
|
||||
imageAlt: "modern private office desk",
|
||||
},
|
||||
{
|
||||
name: "Jennifer L.",
|
||||
handle: "@JLawFirm",
|
||||
testimonial: "Prestigious and accessible for clients.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg?_wi=1",
|
||||
imageAlt: "modern team office suite",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Tour",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Our Spaces",
|
||||
href: "#spaces",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg?_wi=2"
|
||||
imageAlt="The Kelly Building exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-confident-business-man_23-2148767664.jpg",
|
||||
alt: "Tenant 1",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/young-woman-with-glasses-smiling_23-2148767664.jpg",
|
||||
alt: "Tenant 2",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/successful-entrepreneur-looking-away_23-2148767664.jpg",
|
||||
alt: "Tenant 3",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/cheerful-manager-in-office_23-2148767664.jpg",
|
||||
alt: "Tenant 4",
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/professional-woman-in-suit_23-2148767664.jpg",
|
||||
alt: "Tenant 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Grade-A Professionalism",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Secure Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Houston Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fiber Optic Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Executive Amenities",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Houston's Best Businesses Work"
|
||||
description="Premium office suites available for immediate move-in at 1000 FM 1960 Rd W."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@SarahLaw", testimonial: "The best office address in Houston.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg", imageAlt: "luxury office building golden hour" },
|
||||
{ name: "Mark R.", handle: "@RRealEstate", testimonial: "Unparalleled security and management.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg", imageAlt: "luxury office lobby interior" },
|
||||
{ name: "Elena P.", handle: "@EPConsulting", testimonial: "Exactly the professional environment we needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg", imageAlt: "executive private office window" },
|
||||
{ name: "David K.", handle: "@KFinancial", testimonial: "The Kelly Building set a new standard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg", imageAlt: "modern private office desk" },
|
||||
{ name: "Jennifer L.", handle: "@JLawFirm", testimonial: "Prestigious and accessible for clients.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg", imageAlt: "modern team office suite" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Schedule a Tour", href: "#contact" },
|
||||
{ text: "Explore Our Spaces", href: "#spaces" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-metal-building_1122-1322.jpg"
|
||||
imageAlt="The Kelly Building exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "https://img.b2bpic.net/free-photo/portrait-confident-business-man_23-2148767664.jpg", alt: "Tenant 1" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/young-woman-with-glasses-smiling_23-2148767664.jpg", alt: "Tenant 2" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/successful-entrepreneur-looking-away_23-2148767664.jpg", alt: "Tenant 3" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/cheerful-manager-in-office_23-2148767664.jpg", alt: "Tenant 4" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/professional-woman-in-suit_23-2148767664.jpg", alt: "Tenant 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Grade-A Professionalism" },
|
||||
{ type: "text", text: "24/7 Secure Access" },
|
||||
{ type: "text", text: "Prime Houston Location" },
|
||||
{ type: "text", text: "Fiber Optic Ready" },
|
||||
{ type: "text", text: "Executive Amenities" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "30+ Years",
|
||||
subtitle: "Established Presence",
|
||||
category: "Experience",
|
||||
value: "Legacy",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "50+ Businesses",
|
||||
subtitle: "Thriving Community",
|
||||
category: "Networking",
|
||||
value: "Community",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "100%",
|
||||
subtitle: "Controlled Access",
|
||||
category: "Security",
|
||||
value: "Secured",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Prime Location",
|
||||
subtitle: "Cypress Creek Frontage",
|
||||
category: "Access",
|
||||
value: "Houston",
|
||||
},
|
||||
]}
|
||||
title="Building Presence"
|
||||
description="A legacy of professional excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "s1", title: "30+ Years", subtitle: "Established Presence", category: "Experience", value: "Legacy" },
|
||||
{ id: "s2", title: "50+ Businesses", subtitle: "Thriving Community", category: "Networking", value: "Community" },
|
||||
{ id: "s3", title: "100%", subtitle: "Controlled Access", category: "Security", value: "Secured" },
|
||||
{ id: "s4", title: "Prime Location", subtitle: "Cypress Creek Frontage", category: "Access", value: "Houston" },
|
||||
]}
|
||||
title="Building Presence"
|
||||
description="A legacy of professional excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Houston's Premier Professional Address"
|
||||
description="Since the 1990s, The Kelly Building has been the cornerstone of business excellence on FM 1960. Offering executive suites and private offices, our building provides security and prestige for your firm."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Houston's Premier Professional Address"
|
||||
description="Since the 1990s, The Kelly Building has been the cornerstone of business excellence on FM 1960. Offering executive suites and private offices, our building provides security and prestige for your firm."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-entering-office-building_107420-74363.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="spaces" data-section="spaces">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Suite",
|
||||
name: "Executive Suite",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Office",
|
||||
name: "Private Office",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Workspace",
|
||||
name: "Team Suite",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Office Solutions for Every Business"
|
||||
description="Find the perfect suite for your team growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="spaces" data-section="spaces">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", brand: "Suite", name: "Executive Suite", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/window-building-with-tokyo-tower-background_1339-6738.jpg" },
|
||||
{ id: "p2", brand: "Office", name: "Private Office", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/laptop-notepad-glasses-flowerpot-desktop-top-view_169016-52847.jpg" },
|
||||
{ id: "p3", brand: "Workspace", name: "Team Suite", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241315.jpg" },
|
||||
]}
|
||||
title="Office Solutions for Every Business"
|
||||
description="Find the perfect suite for your team growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="GET STARTED"
|
||||
title="Your Next Chapter Begins Here"
|
||||
description="Schedule a private tour and discover why Houston's top professionals choose The Kelly Building."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request My Tour",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="GET STARTED"
|
||||
title="Your Next Chapter Begins Here"
|
||||
description="Schedule a private tour and discover why Houston's top professionals choose The Kelly Building."
|
||||
buttons={[{ text: "Request My Tour", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Quick Links",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Office Spaces",
|
||||
href: "#spaces",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Tenant Portal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="The Kelly Building"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Quick Links", href: "#" }, { label: "Office Spaces", href: "#spaces" }, { label: "Location", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Tenant Portal", href: "#" }] },
|
||||
]}
|
||||
logoText="The Kelly Building"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user