Merge version_1 into main #2
357
src/app/page.tsx
357
src/app/page.tsx
@@ -26,250 +26,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="WestView Commercial"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="WestView Commercial"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="WestView Commercial"
|
||||
description="People Matter. Properties Thrive. Elevating the standard of commercial association management through proactive oversight and dedicated service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg?_wi=1"
|
||||
imageAlt="Modern commercial office building facade"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="WestView Commercial"
|
||||
description="People Matter. Properties Thrive. Elevating the standard of commercial association management through proactive oversight and dedicated service."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg"
|
||||
imageAlt="Modern commercial office building facade"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vendor & Insurance",
|
||||
description: "Strategic vendor oversight and rigorous insurance compliance reviews to protect your asset and minimize liability.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg?_wi=1",
|
||||
imageAlt: "Construction inspection project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg?_wi=2",
|
||||
imageAlt: "Site maintenance audit",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg?_wi=2",
|
||||
imageAlt: "modern commercial office building exterior",
|
||||
},
|
||||
{
|
||||
title: "Financial Management",
|
||||
description: "Precision-focused accounting, transparent budgeting, and detailed monthly reporting for complete financial clarity.",
|
||||
icon: DollarSign,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg?_wi=1",
|
||||
imageAlt: "Financial report analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg?_wi=2",
|
||||
imageAlt: "Accounting desk overview",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-work-elements_1150-117.jpg",
|
||||
imageAlt: "professional property manager working in office",
|
||||
},
|
||||
{
|
||||
title: "Board Communications",
|
||||
description: "Streamlined, effective communication channels ensuring board members, owners, and tenants remain informed and engaged.",
|
||||
icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173769.jpg?_wi=1",
|
||||
imageAlt: "Board meeting presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173769.jpg?_wi=2",
|
||||
imageAlt: "Professional office communication",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg?_wi=3",
|
||||
imageAlt: "vendor management construction inspection",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Management Services"
|
||||
description="At WestView, we provide full-scale commercial association property management with a focus on value preservation and community harmony."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Management Services"
|
||||
description="At WestView, we provide full-scale commercial association property management with a focus on value preservation and community harmony."
|
||||
features={[
|
||||
{
|
||||
title: "Vendor & Insurance", description: "Strategic vendor oversight and rigorous insurance compliance reviews to protect your asset and minimize liability.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg", imageAlt: "Construction inspection project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg", imageAlt: "Site maintenance audit" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Financial Management", description: "Precision-focused accounting, transparent budgeting, and detailed monthly reporting for complete financial clarity.", icon: DollarSign,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg", imageAlt: "Financial report analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg", imageAlt: "Accounting desk overview" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Board Communications", description: "Streamlined, effective communication channels ensuring board members, owners, and tenants remain informed and engaged.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173769.jpg", imageAlt: "Board meeting presentation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173769.jpg", imageAlt: "Professional office communication" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you understand our management approach and property benefits."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What types of commercial properties do you manage?",
|
||||
content: "We specialize in office parks, retail centers, and mixed-use commercial associations.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How do you handle emergency maintenance?",
|
||||
content: "Our team provides 24/7 emergency response coordination for all critical facility infrastructure issues.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can you handle financial reporting for our board?",
|
||||
content: "Yes, we provide full transparency including monthly financial statements, budget planning, and reserve analysis.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What is your approach to vendor management?",
|
||||
content: "We utilize a vetted network of licensed and insured professionals, ensuring high-quality maintenance at competitive costs.",
|
||||
},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "How does WestView improve property value?",
|
||||
content: "Through proactive preventative maintenance, fiscal responsibility, and maintaining high standards of property aesthetics.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you understand our management approach and property benefits."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "faq-1", title: "What types of commercial properties do you manage?", content: "We specialize in office parks, retail centers, and mixed-use commercial associations." },
|
||||
{ id: "faq-2", title: "How do you handle emergency maintenance?", content: "Our team provides 24/7 emergency response coordination for all critical facility infrastructure issues." },
|
||||
{ id: "faq-3", title: "Can you handle financial reporting for our board?", content: "Yes, we provide full transparency including monthly financial statements, budget planning, and reserve analysis." },
|
||||
{ id: "faq-4", title: "What is your approach to vendor management?", content: "We utilize a vetted network of licensed and insured professionals, ensuring high-quality maintenance at competitive costs." },
|
||||
{ id: "faq-5", title: "How does WestView improve property value?", content: "Through proactive preventative maintenance, fiscal responsibility, and maintaining high standards of property aesthetics." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Proven results for commercial associations focused on long-term success."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Deep expertise in the California commercial property sector.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Properties Managed",
|
||||
description: "Successfully overseeing diverse commercial portfolios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Retention Rate",
|
||||
description: "Client satisfaction driven by reliability and consistent performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173769.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Proven results for commercial associations focused on long-term success."
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Deep expertise in the California commercial property sector.", imageSrc: "http://img.b2bpic.net/free-photo/business-accessories-objects-top-view_1150-7578.jpg" },
|
||||
{ id: "m2", value: "200+", title: "Properties Managed", description: "Successfully overseeing diverse commercial portfolios.", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-engineer-work-clothes-yellow-hardhat-thoughtfully-looking-plan-new-apartment-work_574295-1999.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Retention Rate", description: "Client satisfaction driven by reliability and consistent performance.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173769.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Ready to elevate your property? Connect with our team to discuss your association management needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you today?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-corporate-businessmen-talking_23-2147707163.jpg"
|
||||
imageAlt="Modern commercial office entrance"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Ready to elevate your property? Connect with our team to discuss your association management needs."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you today?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-corporate-businessmen-talking_23-2147707163.jpg"
|
||||
imageAlt="Modern commercial office entrance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="WestView Commercial"
|
||||
columns={[
|
||||
{
|
||||
title: "Office Location",
|
||||
items: [
|
||||
{
|
||||
label: "3420 Bristol St Suite 600, Costa Mesa, CA",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "949.945.1030",
|
||||
href: "tel:9499451030",
|
||||
},
|
||||
{
|
||||
label: "Michael@WestViewCommercial.com",
|
||||
href: "mailto:Michael@WestViewCommercial.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="Copyright © 2026 WestView Commercial. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="WestView Commercial"
|
||||
columns={[
|
||||
{
|
||||
title: "Office Location", items: [
|
||||
{ label: "3420 Bristol St Suite 600, Costa Mesa, CA", href: "#" },
|
||||
{ label: "949.945.1030", href: "tel:9499451030" },
|
||||
{ label: "Michael@WestViewCommercial.com", href: "mailto:Michael@WestViewCommercial.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="Copyright © 2026 WestView Commercial. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user