bender/9f8b1bbb-3343-4543-b2e0-9c01af28a298
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 08:17:30 +00:00
parent d6ae209025
commit a45002cc67
1 changed files with 39 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -31,127 +31,34 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" }
]}
brandName="China Plaza"
button={{ text: "Get Started" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Welcome to China Plaza"
description="The heart of retail and convenience in the center of Dar es Salaam. Discover a world of choices."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=1",
imageAlt: "modern shopping mall facade",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-town-square_1359-156.jpg",
imageAlt: "empty town square",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1122.jpg",
imageAlt: "square front of modern office buildings",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551205.jpg",
imageAlt: "Mall of america scenes in cinematic style",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/berlin-concert-hall-germany_181624-18088.jpg",
imageAlt: "Berlin Concert Hall, Germany",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg", imageAlt: "modern shopping mall facade" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-town-square_1359-156.jpg", imageAlt: "empty town square" },
{ imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1122.jpg", imageAlt: "square front of modern office buildings" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551205.jpg", imageAlt: "Mall of america scenes in cinematic style" },
{ imageSrc: "http://img.b2bpic.net/free-photo/berlin-concert-hall-germany_181624-18088.jpg", imageAlt: "Berlin Concert Hall, Germany" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_74190-5431.jpg?_wi=1",
imageAlt: "shopping center lobby",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-red-blouse-jeans-holding-cup-coffee-shopping-mall_627829-9623.jpg",
imageAlt: "Portrait of a gorgeous woman in red blouse and jeans holding a cup of coffee in a shopping mall",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8286.jpg",
imageAlt: "Abstract blur shopping mall interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5428.jpg",
imageAlt: "Abstract blur airport interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_74190-4685.jpg",
imageAlt: "Abstract blur shopping mall",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/shopping-bag-package-banner-sign-symbol-shopping-concept-orange-background-3d-rendering_56104-1399.jpg",
alt: "Shopping bag package banner sign",
},
{
src: "http://img.b2bpic.net/free-photo/gift-bag-earring-box-front-side-white-background_187299-38735.jpg",
alt: "Gift Bag and Earring Box",
},
{
src: "http://img.b2bpic.net/free-photo/ring-box-with-shopping-bag_187299-46523.jpg",
alt: "Ring in a box with a shopping bag",
},
{
src: "http://img.b2bpic.net/free-photo/woman-enjoy-shopping-mall_53876-165215.jpg",
alt: "Woman enjoy shopping at a mall",
},
{
src: "http://img.b2bpic.net/free-vector/technological-sales-background_3446-375.jpg",
alt: "technological sales background",
},
]}
avatarText="Join our community of over 5,000+ happy shoppers."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/online-shop-options-smartphone_1212-90.jpg",
alt: "Online shop options",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/online-shopping-flat-design-concept-image_23-2147498191.jpg",
alt: "Online shopping concept",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/purple-background-cyber-monday-with-colorful-objects_23-2147578276.jpg",
alt: "Cyber monday decor",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/restaurant-sign_1101-909.jpg",
alt: "Restaurant sign",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/coffee-cafe-drinks-beverage-menu-chalk-board_53876-65094.jpg",
alt: "Menu Chalk Board",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_74190-5431.jpg", imageAlt: "shopping center lobby" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-red-blouse-jeans-holding-cup-coffee-shopping-mall_627829-9623.jpg", imageAlt: "Portrait of a gorgeous woman in red blouse and jeans holding a cup of coffee in a shopping mall" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8286.jpg", imageAlt: "Abstract blur shopping mall interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5428.jpg", imageAlt: "Abstract blur airport interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_74190-4685.jpg", imageAlt: "Abstract blur shopping mall" }
]}
/>
</div>
@@ -175,30 +82,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Fashion",
description: "Top trend apparel and footwear.",
bentoComponent: "reveal-icon",
icon: ShoppingBag,
imageSrc: "http://img.b2bpic.net/free-photo/empty-blackboard-restaurant_1253-266.jpg",
imageAlt: "Empty blackboard of a restaurant",
},
{
title: "Tech",
description: "Modern electronics and service centers.",
bentoComponent: "reveal-icon",
icon: Smartphone,
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=2",
imageAlt: "Empty blackboard of a restaurant",
},
{
title: "Food Court",
description: "Local and international cuisines.",
bentoComponent: "reveal-icon",
icon: Utensils,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_74190-5431.jpg?_wi=2",
imageAlt: "Empty blackboard of a restaurant",
},
{ title: "Fashion", description: "Top trend apparel and footwear.", bentoComponent: "reveal-icon", icon: ShoppingBag },
{ title: "Tech", description: "Modern electronics and service centers.", bentoComponent: "reveal-icon", icon: Smartphone },
{ title: "Food Court", description: "Local and international cuisines.", bentoComponent: "reveal-icon", icon: Utensils }
]}
title="Everything Under One Roof"
description="From daily essentials to boutique shopping experiences."
@@ -210,43 +96,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
name: "Luxury Retail",
price: "Visit Us",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-shopping-bag-package-banner-sign-symbol-shopping-concept-orange-background-3d-rendering_56104-1395.jpg",
},
{
id: "p2",
name: "Gadget Store",
price: "Service",
imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-shopping-labels_23-2147526172.jpg",
},
{
id: "p3",
name: "Cafe Area",
price: "Dining",
imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-with-blackboard_23-2147775899.jpg",
},
{
id: "p4",
name: "Beauty Salon",
price: "Wellness",
imageSrc: "http://img.b2bpic.net/free-vector/set-vector-shopping-icons-black-white-with-cart-trolley-wallet-bank-card-shop-store-money-gift-delivery-bar-code-depicting-consumerism-retail-purchasing_1284-43160.jpg",
},
{
id: "p5",
name: "Textiles",
price: "Variety",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835512.jpg",
},
{
id: "p6",
name: "Home Goods",
price: "Essentials",
imageSrc: "http://img.b2bpic.net/free-photo/french-restaurant-paris-france-menu-board-square_1101-3195.jpg",
},
{ id: "p1", name: "Luxury Retail", price: "Visit Us", imageSrc: "http://img.b2bpic.net/free-photo/minimal-shopping-bag-package-banner-sign-symbol-shopping-concept-orange-background-3d-rendering_56104-1395.jpg" },
{ id: "p2", name: "Gadget Store", price: "Service", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-shopping-labels_23-2147526172.jpg" },
{ id: "p3", name: "Cafe Area", price: "Dining", imageSrc: "http://img.b2bpic.net/free-photo/two-waiters-with-blackboard_23-2147775899.jpg" },
{ id: "p4", name: "Beauty Salon", price: "Wellness", imageSrc: "http://img.b2bpic.net/free-vector/set-vector-shopping-icons-black-white-with-cart-trolley-wallet-bank-card-shop-store-money-gift-delivery-bar-code-depicting-consumerism-retail-purchasing_1284-43160.jpg" },
{ id: "p5", name: "Textiles", price: "Variety", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-celebration_23-2151835512.jpg" },
{ id: "p6", name: "Home Goods", price: "Essentials", imageSrc: "http://img.b2bpic.net/free-photo/french-restaurant-paris-france-menu-board-square_1101-3195.jpg" }
]}
title="Mall Highlights"
description="Explore our featured shops and categories."
@@ -259,27 +116,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5k+",
title: "Daily Visitors",
description: "Vibrant foot traffic daily",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7897.jpg",
},
{
id: "m2",
value: "100+",
title: "Unique Shops",
description: "Diverse brand offerings",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_74190-5980.jpg",
},
{
id: "m3",
value: "4.2",
title: "Avg. Rating",
description: "Customer feedback score",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9458.jpg",
},
{ id: "m1", value: "5k+", title: "Daily Visitors", description: "Vibrant foot traffic daily", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7897.jpg" },
{ id: "m2", value: "100+", title: "Unique Shops", description: "Diverse brand offerings", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall_74190-5980.jpg" },
{ id: "m3", value: "4.2", title: "Avg. Rating", description: "Customer feedback score", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9458.jpg" }
]}
title="Mall Statistics"
description="A trusted choice for thousands of shoppers daily."
@@ -291,47 +130,13 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Sarah",
role: "Shopper",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/darkskinned-woman-denim-outfit-looking-camera-pink-background-portrait-curly-girl-green-tee-smiling-isolated-backdrop_197531-28997.jpg",
},
{
id: "2",
name: "Mike",
role: "Visitor",
company: "City",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-girl-wearing-blue-shirt-shorts-sitting-sunny-street-with-smartphone-enjoying-sunny-day_291650-2673.jpg",
},
{
id: "3",
name: "John",
role: "Business",
company: "Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-with-denim-jacket_23-2148856094.jpg",
},
{
id: "4",
name: "Jane",
role: "Local",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
},
{
id: "5",
name: "Alex",
role: "Tourist",
company: "Visitor",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-blurred-effect_23-2148565475.jpg",
},
{ id: "1", name: "Sarah", role: "Shopper", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/darkskinned-woman-denim-outfit-looking-camera-pink-background-portrait-curly-girl-green-tee-smiling-isolated-backdrop_197531-28997.jpg" },
{ id: "2", name: "Mike", role: "Visitor", company: "City", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-girl-wearing-blue-shirt-shorts-sitting-sunny-street-with-smartphone-enjoying-sunny-day_291650-2673.jpg" },
{ id: "3", name: "John", role: "Business", company: "Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-with-denim-jacket_23-2148856094.jpg" },
{ id: "4", name: "Jane", role: "Local", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg" },
{ id: "5", name: "Alex", role: "Tourist", company: "Visitor", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-blurred-effect_23-2148565475.jpg" }
]}
title="Visitor Feedback"
description="See why our customers love China Plaza."
@@ -341,9 +146,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Visit Us Today"
description="Find us at Uhuru St, Dar es Salaam. Open until 4 PM."
imageSrc="http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-3201.jpg"
@@ -356,32 +159,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="China Plaza"
columns={[
{
title: "Info",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
],
},
{ title: "Info", items: [{ label: "Contact", href: "#contact" }, { label: "About", href: "#about" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}