bender/3c1a6fb5-b6df-4f9c-a424-6d0196ceb5dd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-05-11 07:55:26 +00:00
Conversation 0 Commits 1 Files Changed 1 +60 -203
1 changed files with 60 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Stores",
id: "products",
},
name: "Stores", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="City of Tomorrow"
/>
@@ -55,62 +47,39 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Experience the Future of Shopping"
description="Discover a destination where innovation meets leisure at City of Tomorrow Mall. Over 200 stores, world-class dining, and entertainment for everyone."
buttons={[
{
text: "Plan Your Visit",
href: "#contact",
},
text: "Plan Your Visit", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/moving-flat-escalator-subway-dubai_93675-134742.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5428.jpg",
alt: "Happy shopper profile 1",
},
src: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5428.jpg", alt: "Happy shopper profile 1"},
{
src: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8856.jpg",
alt: "Happy shopper profile 2",
},
src: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8856.jpg", alt: "Happy shopper profile 2"},
{
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862114.jpg",
alt: "Happy shopper profile 3",
},
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862114.jpg", alt: "Happy shopper profile 3"},
{
src: "http://img.b2bpic.net/free-photo/panoramic-view-shopping-center_1203-712.jpg",
alt: "Happy shopper profile 4",
},
src: "http://img.b2bpic.net/free-photo/panoramic-view-shopping-center_1203-712.jpg", alt: "Happy shopper profile 4"},
{
src: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039428.jpg",
alt: "Happy shopper profile 5",
},
src: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039428.jpg", alt: "Happy shopper profile 5"},
]}
avatarText="Join 5 million+ happy visitors"
marqueeItems={[
{
type: "text",
text: "Luxury Shopping",
},
type: "text", text: "Luxury Shopping"},
{
type: "text",
text: "Gourmet Dining",
},
type: "text", text: "Gourmet Dining"},
{
type: "text",
text: "Interactive Cinema",
},
type: "text", text: "Interactive Cinema"},
{
type: "text",
text: "Modern Architecture",
},
type: "text", text: "Modern Architecture"},
{
type: "text",
text: "Smart Facilities",
},
type: "text", text: "Smart Facilities"},
]}
/>
</div>
@@ -131,29 +100,14 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "World Class Brands",
subtitle: "Curated selection",
category: "Retail",
value: "200+ Stores",
},
id: "f1", title: "World Class Brands", subtitle: "Curated selection", category: "Retail", value: "200+ Stores"},
{
id: "f2",
title: "Gourmet Dining",
subtitle: "Culinary delights",
category: "Dining",
value: "50+ Eateries",
},
id: "f2", title: "Gourmet Dining", subtitle: "Culinary delights", category: "Dining", value: "50+ Eateries"},
{
id: "f3",
title: "Family Fun",
subtitle: "For all ages",
category: "Entertainment",
value: "Cinema & Arcade",
},
id: "f3", title: "Family Fun", subtitle: "For all ages", category: "Entertainment", value: "Cinema & Arcade"},
]}
title="Why Visit Us?"
description="Everything you need under one roof."
description="Experience a smarter, more sustainable way to shop, dine, and unwind."
/>
</div>
@@ -165,41 +119,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Apparel",
price: "From $50",
imageSrc: "http://img.b2bpic.net/free-photo/worker-closing-buttons-blazer-shop_482257-96910.jpg",
},
id: "p1", name: "Apparel", price: "From $50", imageSrc: "http://img.b2bpic.net/free-photo/worker-closing-buttons-blazer-shop_482257-96910.jpg"},
{
id: "p2",
name: "Electronics",
price: "From $200",
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg",
},
id: "p2", name: "Electronics", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg"},
{
id: "p3",
name: "Beauty",
price: "From $30",
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8852.jpg",
},
id: "p3", name: "Beauty", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8852.jpg"},
{
id: "p4",
name: "Home Decor",
price: "From $45",
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24634.jpg",
},
id: "p4", name: "Home Decor", price: "From $45", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24634.jpg"},
{
id: "p5",
name: "Jewelry",
price: "From $150",
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623481.jpg",
},
id: "p5", name: "Jewelry", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623481.jpg"},
{
id: "p6",
name: "Books & Stationery",
price: "From $15",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-thinking-library_23-2148727801.jpg",
},
id: "p6", name: "Books & Stationery", price: "From $15", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-thinking-library_23-2148727801.jpg"},
]}
title="Trending Categories"
description="Shop the latest collections from your favorite retailers."
@@ -213,31 +143,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "5M+",
title: "Visitors",
items: [
"Annual footfall",
"Satisfied customers",
],
id: "m1", value: "5M+", title: "Visitors", items: [
"Annual footfall", "Satisfied customers"],
},
{
id: "m2",
value: "200+",
title: "Stores",
items: [
"Global brands",
"Local gems",
],
id: "m2", value: "200+", title: "Stores", items: [
"Global brands", "Local gems"],
},
{
id: "m3",
value: "100%",
title: "Accessible",
items: [
"Smart facilities",
"Family friendly",
],
id: "m3", value: "100%", title: "Accessible", items: [
"Smart facilities", "Family friendly"],
},
]}
title="Our Impact"
@@ -252,59 +167,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Fashion Enthusiast",
company: "City of Tomorrow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg",
},
id: "1", name: "Sarah Miller", role: "Fashion Enthusiast", company: "City of Tomorrow", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg"},
{
id: "2",
name: "David Clark",
role: "Family Man",
company: "City of Tomorrow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family_1157-4543.jpg",
},
id: "2", name: "David Clark", role: "Family Man", company: "City of Tomorrow", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family_1157-4543.jpg"},
{
id: "3",
name: "Emily Chen",
role: "Student",
company: "City of Tomorrow",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-thrift-store_23-2150082915.jpg",
},
id: "3", name: "Emily Chen", role: "Student", company: "City of Tomorrow", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-thrift-store_23-2150082915.jpg"},
{
id: "4",
name: "John Doe",
role: "Regular Visitor",
company: "City of Tomorrow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jumping-with-shopping-bags_1139-144.jpg",
},
id: "4", name: "John Doe", role: "Regular Visitor", company: "City of Tomorrow", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jumping-with-shopping-bags_1139-144.jpg"},
{
id: "5",
name: "Linda White",
role: "Local Resident",
company: "City of Tomorrow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-caucasian-couple-doing-shopping-shopping-centre_181624-41456.jpg",
},
id: "5", name: "Linda White", role: "Local Resident", company: "City of Tomorrow", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-caucasian-couple-doing-shopping-shopping-centre_181624-41456.jpg"},
]}
kpiItems={[
{
value: "4.9/5",
label: "Satisfaction",
},
value: "4.9/5", label: "Satisfaction"},
{
value: "95%",
label: "Return Rate",
},
value: "95%", label: "Return Rate"},
{
value: "10k+",
label: "Daily Visitors",
},
value: "10k+", label: "Daily Visitors"},
]}
title="What Our Shoppers Say"
description="Real experiences from real shoppers."
@@ -317,20 +201,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What are the opening hours?",
content: "We are open from 10:00 AM to 10:00 PM every day.",
},
id: "q1", title: "What are the opening hours?", content: "We are open from 10:00 AM to 10:00 PM every day."},
{
id: "q2",
title: "Is parking free?",
content: "Yes, we offer complimentary parking for all mall visitors.",
},
id: "q2", title: "Is parking free?", content: "Yes, we offer complimentary parking for all mall visitors."},
{
id: "q3",
title: "Are pets allowed?",
content: "Pets are allowed in our common areas, but please check individual stores.",
},
id: "q3", title: "Are pets allowed?", content: "Pets are allowed in our common areas, but please check individual stores."},
]}
title="Frequently Asked Questions"
description="Have questions about your visit?"
@@ -342,14 +217,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Ready to visit the City of Tomorrow Mall? Plan your perfect day out with our interactive store guide or contact our concierge team."
buttons={[
{
text: "Plan Your Trip",
href: "#",
},
text: "Plan Your Trip", href: "#"},
]}
/>
</div>
@@ -359,42 +231,27 @@ export default function LandingPage() {
logoText="City of Tomorrow"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#faq",
},
label: "Help Center", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}
@@ -403,4 +260,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}