bender/4a85fce4-7541-471e-8bee-eb5ffa9f775f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-04-20 23:17:07 +00:00
parent 58802a101c 0f96894e3c
commit 3fbc28c84b
1 changed files with 160 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

366
src/app/page.tsx
View File

@@ -28,220 +28,174 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Amenities", id: "#amenities"},
{
name: "Events", id: "#events"},
{
name: "Contact", id: "#contact"},
]}
brandName="Salesforce Tower Indy"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Amenities", id: "#amenities" },
{ name: "Events", id: "#events" },
{ name: "Contact", id: "#contact" },
]}
brandName="Salesforce Tower Indy"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient"}}
title="The Heart of Indianapolis"
description="Experience unparalleled professional excellence at Salesforce Tower. Located at 111 Monument Circle, we are the city's most iconic address, offering breathtaking views, premier office spaces, and a world-class environment in the heart of downtown Indy."
tag="Iconic Landmark Address"
buttons={[
{
text: "Leasing Inquiries", href: "#contact"},
{
text: "View Amenities", href: "#amenities"},
]}
imageSrc="http://img.b2bpic.net/free-photo/boston_649448-923.jpg"
imageAlt="Salesforce Tower Indianapolis skyline view"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/building-night_1127-3367.jpg", alt: "Building in the night"},
{
src: "http://img.b2bpic.net/free-photo/shanghai-historic-architecture_649448-1359.jpg", alt: "Shanghai historic architecture"},
{
src: "http://img.b2bpic.net/free-photo/chicago_649448-4483.jpg", alt: "Chicago"},
{
src: "http://img.b2bpic.net/free-photo/canary-wharf-business-district-london-night-thames-river_649448-34.jpg", alt: "Canary Wharf business district"},
{
src: "http://img.b2bpic.net/free-photo/skyscrapers-moscow-city-international-business-centre_158538-26294.jpg", alt: "Moscow City skyscrapers"},
]}
marqueeItems={[
{
type: "text", text: "Premier Address"},
{
type: "text", text: "Breathtaking Views"},
{
type: "text", text: "Heart of Indy"},
{
type: "text", text: "Modern Workspace"},
{
type: "text", text: "Excellence"},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "sparkles-gradient" }}
title="The Heart of Indianapolis"
description="Experience unparalleled professional excellence at Salesforce Tower. Located at 111 Monument Circle, we are the city's most iconic address, offering breathtaking views, premier office spaces, and a world-class environment in the heart of downtown Indy."
tag="Iconic Landmark Address"
buttons={[
{ text: "Leasing Inquiries", href: "#contact" },
{ text: "View Amenities", href: "#amenities" },
]}
imageSrc="http://img.b2bpic.net/free-photo/boston_649448-923.jpg"
imageAlt="Salesforce Tower Indianapolis skyline view"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/building-night_1127-3367.jpg", alt: "Building in the night" },
{ src: "http://img.b2bpic.net/free-photo/shanghai-historic-architecture_649448-1359.jpg", alt: "Shanghai historic architecture" },
{ src: "http://img.b2bpic.net/free-photo/chicago_649448-4483.jpg", alt: "Chicago" },
{ src: "http://img.b2bpic.net/free-photo/canary-wharf-business-district-london-night-thames-river_649448-34.jpg", alt: "Canary Wharf business district" },
{ src: "http://img.b2bpic.net/free-photo/skyscrapers-moscow-city-international-business-centre_158538-26294.jpg", alt: "Moscow City skyscrapers" },
]}
marqueeItems={[
{ type: "text", text: "Premier Address" },
{ type: "text", text: "Breathtaking Views" },
{ type: "text", text: "Heart of Indy" },
{ type: "text", text: "Modern Workspace" },
{ type: "text", text: "Excellence" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Us"
title="A Beacon of Excellence"
description="Salesforce Tower is more than just a skyscraper; it's a testament to Indianapolis's growth and ambition. As the tallest building in the city, we provide premium workspace for top-tier businesses, luxury amenities, and a professional culture that stands above the rest."
subdescription="Our landmark tower offers an exceptional location on Monument Circle, connecting you to the finest restaurants, banking services, and retailers that downtown Indy has to offer."
icon={Building}
imageSrc="http://img.b2bpic.net/free-photo/smiling-mature-businessman-standing-office-hall_1262-3105.jpg"
imageAlt="Modern office space looking over Monument Circle"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Us"
title="A Beacon of Excellence"
description="Salesforce Tower is more than just a skyscraper; it's a testament to Indianapolis's growth and ambition. As the tallest building in the city, we provide premium workspace for top-tier businesses, luxury amenities, and a professional culture that stands above the rest."
subdescription="Our landmark tower offers an exceptional location on Monument Circle, connecting you to the finest restaurants, banking services, and retailers that downtown Indy has to offer."
icon={Building}
imageSrc="http://img.b2bpic.net/free-photo/smiling-mature-businessman-standing-office-hall_1262-3105.jpg"
imageAlt="Modern office space looking over Monument Circle"
mediaAnimation="blur-reveal"
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Downtown Hub", description: "Ideally positioned on Monument Circle, walk to anything.", bentoComponent: "map"
},
{
title: "On-Site Banking", description: "Chase Bank services available on the ground floor.", bentoComponent: "reveal-icon", icon: Building2
},
{
title: "Parking Info", description: "Safe, secure parking connected to the tower complex.", bentoComponent: "3d-task-list", title: "Parking Status", items: [
{
icon: Car,
label: "Direct Garage Access", time: "24/7"},
{
icon: ShieldCheck,
label: "High Security", time: "Mon-Sun"},
{
icon: DoorOpen,
label: "Building Entrance", time: "Mon-Fri"},
]
},
]}
title="Curated Amenities & Connectivity"
description="Designed for professionals, we offer everything you need for a productive work-life balance within steps of your office."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Downtown Hub", description: "Ideally positioned on Monument Circle, walk to anything.", bentoComponent: "map"
},
{
title: "On-Site Banking", description: "Chase Bank services available on the ground floor.", bentoComponent: "reveal-icon", icon: Building2
},
{
title: "Parking Status", description: "Safe, secure parking connected to the tower complex.", bentoComponent: "3d-task-list", items: [
{ icon: Car, label: "Direct Garage Access", time: "24/7" },
{ icon: ShieldCheck, label: "High Security", time: "Mon-Sun" },
{ icon: DoorOpen, label: "Building Entrance", time: "Mon-Fri" },
]
},
]}
title="Curated Amenities & Connectivity"
description="Designed for professionals, we offer everything you need for a productive work-life balance within steps of your office."
/>
</div>
<div id="events" data-section="events">
<ProductCardOne
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1", name: "Yolk Restaurant", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg"},
{
id: "p2", name: "Subway", price: "Casual Eats", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg"},
{
id: "p3", name: "Chase Bank", price: "Banking", imageSrc: "http://img.b2bpic.net/free-photo/corporate-coworkers-discussing-marketing-strategy_482257-77600.jpg"},
{
id: "p4", name: "Professional Retail", price: "Shopping", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797674.jpg"},
{
id: "p5", name: "Corporate Suites", price: "Events", imageSrc: "http://img.b2bpic.net/free-photo/turnstile-entrance-subway_1339-6343.jpg"},
{
id: "p6", name: "Lobby Services", price: "Concierge", imageSrc: "http://img.b2bpic.net/free-photo/street-cloudy-day_23-2149397605.jpg"},
]}
title="World-Class Spaces & Retail"
description="From dining to event hosting, explore what Salesforce Tower provides for our community."
/>
</div>
<div id="events" data-section="events">
<ProductCardOne
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
animationType="slide-up"
products={[
{ id: "p1", name: "Yolk Restaurant", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683453.jpg" },
{ id: "p2", name: "Subway", price: "Casual Eats", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg" },
{ id: "p3", name: "Chase Bank", price: "Banking", imageSrc: "http://img.b2bpic.net/free-photo/corporate-coworkers-discussing-marketing-strategy_482257-77600.jpg" },
{ id: "p4", name: "Professional Retail", price: "Shopping", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797674.jpg" },
{ id: "p5", name: "Corporate Suites", price: "Events", imageSrc: "http://img.b2bpic.net/free-photo/turnstile-entrance-subway_1339-6343.jpg" },
{ id: "p6", name: "Lobby Services", price: "Concierge", imageSrc: "http://img.b2bpic.net/free-photo/street-cloudy-day_23-2149397605.jpg" },
]}
title="World-Class Spaces & Retail"
description="From dining to event hosting, explore what Salesforce Tower provides for our community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Elite Address", quote: "The prestige of Salesforce Tower has elevated our brand image significantly.", name: "Sarah Johnson", role: "CEO, TechCorp", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg"},
{
id: "2", title: "Seamless Operations", quote: "Convenience is key, and having Chase and dining downstairs is unbeatable.", name: "Michael Chen", role: "Director, InnovateLab", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
{
id: "3", title: "Exceptional Staff", quote: "The building management team is always accommodating and friendly.", name: "Emily Rodriguez", role: "Marketing Dir, GrowthCo", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1647.jpg"},
{
id: "4", title: "Stunning Views", quote: "The city views from our 30th-floor office are simply inspiring.", name: "David Kim", role: "Product Mgr, StartupXYZ", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
{
id: "5", title: "Prime Location", quote: "Being on Monument Circle means everything is walkable. Perfect location.", name: "Jessica Lee", role: "Partner, LawFirm", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
]}
title="What Tenants Say"
description="Hear from the professionals who call Salesforce Tower home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Elite Address", quote: "The prestige of Salesforce Tower has elevated our brand image significantly.", name: "Sarah Johnson", role: "CEO, TechCorp", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
{ id: "2", title: "Seamless Operations", quote: "Convenience is key, and having Chase and dining downstairs is unbeatable.", name: "Michael Chen", role: "Director, InnovateLab", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
{ id: "3", title: "Exceptional Staff", quote: "The building management team is always accommodating and friendly.", name: "Emily Rodriguez", role: "Marketing Dir, GrowthCo", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1647.jpg" },
{ id: "4", title: "Stunning Views", quote: "The city views from our 30th-floor office are simply inspiring.", name: "David Kim", role: "Product Mgr, StartupXYZ", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
{ id: "5", title: "Prime Location", quote: "Being on Monument Circle means everything is walkable. Perfect location.", name: "Jessica Lee", role: "Partner, LawFirm", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
]}
title="What Tenants Say"
description="Hear from the professionals who call Salesforce Tower home."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "Where is the tower located?", content: "Salesforce Tower is at 111 Monument Circle, in the absolute heart of downtown Indianapolis."},
{
id: "q2", title: "Are there parking options?", content: "Yes, we are connected to a major parking complex for our tenants and guests."},
{
id: "q3", title: "Can I host an event here?", content: "We offer dedicated spaces for corporate events, ceremonies, and private gatherings."},
{
id: "q4", title: "How do I inquire about leasing?", content: "Please fill out our contact form, and our leasing team will be in touch shortly."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our tower and leasing options."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Where is the tower located?", content: "Salesforce Tower is at 111 Monument Circle, in the absolute heart of downtown Indianapolis." },
{ id: "q2", title: "Are there parking options?", content: "Yes, we are connected to a major parking complex for our tenants and guests." },
{ id: "q3", title: "Can I host an event here?", content: "We offer dedicated spaces for corporate events, ceremonies, and private gatherings." },
{ id: "q4", title: "How do I inquire about leasing?", content: "Please fill out our contact form, and our leasing team will be in touch shortly." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our tower and leasing options."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
title="Secure Your Address"
description="Inquire about premium office leasing or building management today."
tag="Inquire"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
title="Secure Your Address"
description="Inquire about premium office leasing or building management today."
tag="Inquire"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/night-city-view_1417-1729.jpg"
logoText="Salesforce Tower Indy"
columns={[
{
title: "Address", items: [
{
label: "111 Monument Circle", href: "#"},
{
label: "Indianapolis, IN 46204", href: "#"},
],
},
{
title: "Leasing", items: [
{
label: "Office Spaces", href: "#contact"},
{
label: "Event Inquiries", href: "#contact"},
],
},
{
title: "Explore", items: [
{
label: "Amenities", href: "#amenities"},
{
label: "Dining", href: "#events"},
],
},
]}
copyrightText="© 2025 Salesforce Tower Indianapolis. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/night-city-view_1417-1729.jpg"
logoText="Salesforce Tower Indy"
columns={[
{
title: "Address", items: [
{ label: "111 Monument Circle", href: "#" },
{ label: "Indianapolis, IN 46204", href: "#" },
],
},
{
title: "Leasing", items: [
{ label: "Office Spaces", href: "#contact" },
{ label: "Event Inquiries", href: "#contact" },
],
},
{
title: "Explore", items: [
{ label: "Amenities", href: "#amenities" },
{ label: "Dining", href: "#events" },
],
},
]}
copyrightText="© 2025 Salesforce Tower Indianapolis. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);