Merge version_2 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -31,133 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Orient Business Complex"
|
||||
brandName="ZIA Business Complex"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Elevate Your Business Presence"
|
||||
description="Premium office spaces in the heart of the city designed for productivity and growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice",
|
||||
testimonial: "The best office space I have rented so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg?_wi=1",
|
||||
imageAlt: "luxury office building exterior architecture",
|
||||
},
|
||||
{
|
||||
name: "Bob Smith",
|
||||
handle: "@bob",
|
||||
testimonial: "Exceptional management and professional environment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg?_wi=1",
|
||||
imageAlt: "luxury office building exterior architecture",
|
||||
},
|
||||
{
|
||||
name: "Charlie Day",
|
||||
handle: "@charlie",
|
||||
testimonial: "High-quality facilities and amenities.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=1",
|
||||
imageAlt: "luxury office building exterior architecture",
|
||||
},
|
||||
{
|
||||
name: "Diana Ross",
|
||||
handle: "@diana",
|
||||
testimonial: "Perfect location for our startup growth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg?_wi=1",
|
||||
imageAlt: "luxury office building exterior architecture",
|
||||
},
|
||||
{
|
||||
name: "Evan Wright",
|
||||
handle: "@evan",
|
||||
testimonial: "Responsive team and beautiful design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg?_wi=1",
|
||||
imageAlt: "luxury office building exterior architecture",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Tour",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg?_wi=2"
|
||||
imageAlt="Orient Business Complex Exterior"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="ZIA Business Complex: Where Business Grows"
|
||||
description="World-class office infrastructure tailored for modern enterprises and high-growth teams."
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Book a Tour", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-glass-facade_1127-1421.jpg"
|
||||
imageAlt="ZIA Business Complex Exterior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "Portrait of professional consultant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
|
||||
alt: "Portrait of successful entrepreneur",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg",
|
||||
alt: "Portrait of business leader",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-business-man-suit-office_1303-21175.jpg",
|
||||
alt: "Portrait of corporate manager",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
alt: "Portrait of business owner",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Grade-A Workspace",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Security",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Leases",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top-tier Amenities",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,62 +60,23 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50+",
|
||||
title: "Happy Tenants",
|
||||
items: [
|
||||
"Corporate clients",
|
||||
"Retail shops",
|
||||
"Startups",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10k+",
|
||||
title: "Square Meters",
|
||||
items: [
|
||||
"Office space",
|
||||
"Retail space",
|
||||
"Meeting halls",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Facility management",
|
||||
"Leasing",
|
||||
"Maintenance",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "50+", title: "Premium Tenants", items: ["Global Corporations", "Innovative Startups", "Boutique Firms"] },
|
||||
{ id: "2", value: "15k+", title: "Sq. Meters", items: ["Grade-A Office", "Collaboration Hubs", "Retail Spaces"] },
|
||||
{ id: "3", value: "24/7", title: "Operations", items: ["High-Tech Security", "Full Maintenance", "Smart Infrastructure"] },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Proven success metrics across all our business tenants."
|
||||
title="Excellence Defined"
|
||||
description="ZIA Business Complex sets the standard for professional environments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Legacy"
|
||||
title="Vision & Values"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building,
|
||||
label: "Modern Facilities",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "24/7 Security",
|
||||
value: "Safe",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Networking Events",
|
||||
value: "Weekly",
|
||||
},
|
||||
{ icon: Building, label: "Architectural Brilliance", value: "Award Winning" },
|
||||
{ icon: ShieldCheck, label: "Secure Environment", value: "Enterprise Grade" },
|
||||
{ icon: Users, label: "Community Growth", value: "Network Focused" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -233,23 +87,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden fees",
|
||||
"Zero maintenance hassle",
|
||||
"No contract stress",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"High-speed internet",
|
||||
"Modern meeting rooms",
|
||||
"On-site café",
|
||||
"Parking space",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="Unmatched amenities for the modern professional."
|
||||
negativeCard={{ items: ["No hidden management fees", "Zero maintenance delays", "No restrictive lease terms"] }}
|
||||
positiveCard={{ items: ["Gigabit Fiber Internet", "Advanced Meeting Suites", "Eco-Friendly Climate Control", "Ample Underground Parking"] }}
|
||||
title="The ZIA Advantage"
|
||||
description="We offer more than just office space; we provide a complete business ecosystem."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -258,45 +99,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah",
|
||||
testimonial: "Excellent service and environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@michael",
|
||||
testimonial: "Truly professional team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily",
|
||||
testimonial: "I love the office vibe here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@david",
|
||||
testimonial: "Great networking opportunities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
handle: "@jane",
|
||||
testimonial: "Top-tier location for any business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-work-while-her-colleagues-are-using-laptop-documents_23-2149330960.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="Hear what our business partners say."
|
||||
testimonials={[]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join a growing community of professionals thriving in our space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -304,23 +109,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer short-term leases?",
|
||||
content: "Yes, we have flexible lease options.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is parking available?",
|
||||
content: "We offer ample secure parking space for all tenants.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I visit before booking?",
|
||||
content: "Absolutely! We encourage you to book a tour first.",
|
||||
},
|
||||
{ id: "1", title: "Can I customize my office space?", content: "Yes, ZIA offers full customization options to fit your brand identity." },
|
||||
{ id: "2", title: "What transport links are available?", content: "We are located directly adjacent to major transit hubs for easy access." },
|
||||
{ id: "3", title: "Are there on-site dining options?", content: "Our complex features a premium café and multiple business-lunch restaurants." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideTitle="FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -328,47 +121,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Book Your Tour Today"
|
||||
description="Ready to move your business to the next level? Contact us to schedule a site visit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Connect"
|
||||
title="Secure Your Space at ZIA"
|
||||
description="Join the most prestigious business address in the city. Schedule a guided tour today."
|
||||
buttons={[{ text: "Schedule a Visit", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Orient Business Complex"
|
||||
logoText="ZIA Business Complex"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Solutions", items: [{ label: "Leasing", href: "#" }, { label: "Virtual Office", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user