Update src/app/page.tsx

This commit is contained in:
2026-05-05 10:23:51 +00:00
parent 727ea3d7a5
commit 848d767a78

View File

@@ -32,18 +32,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Nayab Trade Center"
/>
@@ -51,32 +42,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Welcome to Nayab Trade Center"
description="Your premier destination for commercial space and professional business operations."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248358.jpg?_wi=1",
imageAlt: "Nayab Trade Center Exterior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-with-cigarette_171337-19403.jpg",
imageAlt: "Trade Center Lobby",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/street-scape-canary-wharf-district-water-channels-with-modern-buildings-skyscrapers_1268-25816.jpg",
imageAlt: "Professional Office Space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836796.jpg",
imageAlt: "Modern skyscrapers in japan business district",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/building-with-colorful-walls_1127-2241.jpg",
imageAlt: "Building with colorful walls",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248358.jpg", imageAlt: "Nayab Trade Center Exterior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-with-cigarette_171337-19403.jpg", imageAlt: "Trade Center Lobby" },
{ imageSrc: "http://img.b2bpic.net/free-photo/street-scape-canary-wharf-district-water-channels-with-modern-buildings-skyscrapers_1268-25816.jpg", imageAlt: "Professional Office Space" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836796.jpg", imageAlt: "Modern skyscrapers in japan business district" },
{ imageSrc: "http://img.b2bpic.net/free-photo/building-with-colorful-walls_1127-2241.jpg", imageAlt: "Building with colorful walls" },
]}
mediaAnimation="slide-up"
/>
@@ -90,7 +64,7 @@ export default function LandingPage() {
description="Nayab Trade Center is designed to facilitate professional growth and commercial excellence. We provide state-of-the-art facilities tailored to your business needs."
subdescription="Located in a prime location to serve your customers and employees."
icon={Building}
imageSrc="http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906286.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906286.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -102,28 +76,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Modern Spaces",
description: "High-quality office spaces with modern architecture.",
bentoComponent: "reveal-icon",
icon: LayoutDashboard,
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-concert-hall-iceland-with-lot-visitors_181624-10671.jpg",
imageAlt: "Horizontal shot of the beautiful Concert Hall in Iceland with a lot of visitors",
title: "Modern Spaces", description: "High-quality office spaces with modern architecture.", bentoComponent: "reveal-icon", icon: LayoutDashboard,
},
{
title: "Prime Location",
description: "Highly accessible site for your clients and staff.",
bentoComponent: "reveal-icon",
icon: MapPin,
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248358.jpg?_wi=2",
imageAlt: "Horizontal shot of the beautiful Concert Hall in Iceland with a lot of visitors",
title: "Prime Location", description: "Highly accessible site for your clients and staff.", bentoComponent: "reveal-icon", icon: MapPin,
},
{
title: "Security Systems",
description: "24/7 security for peace of mind and business protection.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906286.jpg?_wi=2",
imageAlt: "Horizontal shot of the beautiful Concert Hall in Iceland with a lot of visitors",
title: "Security Systems", description: "24/7 security for peace of mind and business protection.", bentoComponent: "reveal-icon", icon: ShieldCheck,
},
]}
title="Business Solutions"
@@ -135,31 +94,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ali Khan",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
},
{
id: "2",
name: "Sara Ahmed",
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-standing-her-restaurant-using-computer_23-2147936244.jpg",
},
{
id: "3",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg",
},
{
id: "4",
name: "Jane Smith",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-making-thumbs-up-gesture_23-2147708164.jpg",
},
{
id: "5",
name: "Omar Raza",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior-design-with-wooden-walls-green-vertical-garden_191095-99739.jpg",
},
{ id: "1", name: "Ali Khan", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" },
{ id: "2", name: "Sara Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/female-manager-standing-her-restaurant-using-computer_23-2147936244.jpg" },
{ id: "3", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg" },
{ id: "4", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-making-thumbs-up-gesture_23-2147708164.jpg" },
{ id: "5", name: "Omar Raza", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior-design-with-wooden-walls-green-vertical-garden_191095-99739.jpg" },
]}
cardTitle="Client Experiences"
cardTag="What they say"
@@ -174,21 +113,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "100+",
description: "Active Business Tenants",
},
{
id: "2",
value: "20+",
description: "Years of Excellence",
},
{
id: "3",
value: "95%",
description: "Tenant Satisfaction",
},
{ id: "1", value: "100+", description: "Active Business Tenants" },
{ id: "2", value: "20+", description: "Years of Excellence" },
{ id: "3", value: "95%", description: "Tenant Satisfaction" },
]}
title="Our Reach"
description="Numbers that define our professional community."
@@ -199,21 +126,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How can I book a space?",
content: "Contact our management office to discuss availability and pricing.",
},
{
id: "2",
title: "Are there parking facilities?",
content: "Yes, we have dedicated secure parking for tenants and visitors.",
},
{
id: "3",
title: "Is the location accessible?",
content: "Absolutely, we are located near major transit hubs for convenience.",
},
{ id: "1", title: "How can I book a space?", content: "Contact our management office to discuss availability and pricing." },
{ id: "2", title: "Are there parking facilities?", content: "Yes, we have dedicated secure parking for tenants and visitors." },
{ id: "3", title: "Is the location accessible?", content: "Absolutely, we are located near major transit hubs for convenience." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about setting up your business at Nayab Trade Center."
@@ -226,14 +141,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Corporate Bank",
"Global Logistics",
"Tech Solutions Inc",
"Creative Media Hub",
"Regional Finance Corp",
"Export Import Co",
"Regional Trade Partners",
]}
"Corporate Bank", "Global Logistics", "Tech Solutions Inc", "Creative Media Hub", "Regional Finance Corp", "Export Import Co", "Regional Trade Partners"]}
title="Trusted by Professionals"
description="We are proud to host industry leaders and growing companies."
/>
@@ -242,9 +150,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Inquiry"
title="Get in Touch"
description="Reach out to us for any inquiries about available units or management services."
@@ -255,37 +161,17 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
title: "Navigate", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Terms", href: "#" },
{ label: "Privacy", href: "#" },
],
},
]}