Update src/app/page.tsx

This commit is contained in:
2026-05-06 14:23:18 +00:00
parent 1e5e230074
commit 8243a5f6a8

View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="CG LANDMARK"
/>
@@ -56,93 +48,52 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Welcome to CG LANDMARK"
description="Experience the pinnacle of luxury, fashion, and leisure in the heart of the city. Discover world-class brands and an unparalleled shopping journey."
testimonials={[
{
name: "Elena R.",
handle: "@elena_shopper",
testimonial: "The atmosphere at CG LANDMARK is truly unmatched. My favorite weekend spot!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-shopping-with-friends_23-2148385663.jpg",
},
name: "Elena R.", handle: "@elena_shopper", testimonial: "The atmosphere at CG LANDMARK is truly unmatched. My favorite weekend spot!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-shopping-with-friends_23-2148385663.jpg"},
{
name: "Marcus T.",
handle: "@marcus_t",
testimonial: "I love the variety of brands available. Always a great selection of goods.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-his-jacket_171337-19142.jpg",
},
name: "Marcus T.", handle: "@marcus_t", testimonial: "I love the variety of brands available. Always a great selection of goods.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-his-jacket_171337-19142.jpg"},
{
name: "Sarah J.",
handle: "@sarah_j",
testimonial: "Perfect place for families to spend a relaxed afternoon. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-foreground-friends-her_329181-8071.jpg",
},
name: "Sarah J.", handle: "@sarah_j", testimonial: "Perfect place for families to spend a relaxed afternoon. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-foreground-friends-her_329181-8071.jpg"},
{
name: "David W.",
handle: "@david_w",
testimonial: "Modern, clean, and always welcoming. The best mall in town by far.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-walking-summer-city_1157-20309.jpg",
},
name: "David W.", handle: "@david_w", testimonial: "Modern, clean, and always welcoming. The best mall in town by far.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-walking-summer-city_1157-20309.jpg"},
{
name: "Chloe L.",
handle: "@chloe_l",
testimonial: "The coffee shops are amazing for a quick break from shopping.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg",
},
name: "Chloe L.", handle: "@chloe_l", testimonial: "The coffee shops are amazing for a quick break from shopping.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551184.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551184.jpg"
imageAlt="Luxurious Shopping Mall Interior"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg",
alt: "Happy shopper profile 1",
},
src: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg", alt: "Happy shopper profile 1"},
{
src: "http://img.b2bpic.net/free-photo/women-talking-about-what-they-have-bought_329181-8017.jpg",
alt: "Happy shopper profile 2",
},
src: "http://img.b2bpic.net/free-photo/women-talking-about-what-they-have-bought_329181-8017.jpg", alt: "Happy shopper profile 2"},
{
src: "http://img.b2bpic.net/free-photo/trendy-women-posing-camera-while-shopping_23-2147669849.jpg",
alt: "Happy shopper profile 3",
},
src: "http://img.b2bpic.net/free-photo/trendy-women-posing-camera-while-shopping_23-2147669849.jpg", alt: "Happy shopper profile 3"},
{
src: "http://img.b2bpic.net/free-photo/what-you-think-about-new-jewelry_329181-8033.jpg",
alt: "Happy shopper profile 4",
},
src: "http://img.b2bpic.net/free-photo/what-you-think-about-new-jewelry_329181-8033.jpg", alt: "Happy shopper profile 4"},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shoes-shop_1303-19729.jpg",
alt: "Happy shopper profile 5",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shoes-shop_1303-19729.jpg", alt: "Happy shopper profile 5"},
]}
marqueeItems={[
{
type: "text",
text: "Premium Fashion",
},
type: "text", text: "Premium Fashion"},
{
type: "text",
text: "Gourmet Dining",
},
type: "text", text: "Gourmet Dining"},
{
type: "text",
text: "Elite Service",
},
type: "text", text: "Elite Service"},
{
type: "text",
text: "Modern Leisure",
},
type: "text", text: "Modern Leisure"},
{
type: "text",
text: "Luxury Lifestyle",
},
type: "text", text: "Luxury Lifestyle"},
]}
/>
</div>
@@ -153,9 +104,7 @@ export default function LandingPage() {
title="Redefining the Shopping Experience"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
/>
</div>
@@ -167,49 +116,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Retail",
description: "Global brands under one roof.",
icon: ShoppingBag,
title: "Premium Retail", description: "Global brands under one roof.", icon: ShoppingBag,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-shopping-bags-mall_627829-8558.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-shopping-bags-mall_627829-8558.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/trendy-model-with-bags-posing-escalator_23-2147669829.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/trendy-model-with-bags-posing-escalator_23-2147669829.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551184.jpg?_wi=2",
imageAlt: "modern shopping mall shops",
},
{
title: "Luxury Lounges",
description: "Relax and recharge in style.",
icon: Coffee,
title: "Luxury Lounges", description: "Relax and recharge in style.", icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girls-walking-together_23-2149334021.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girls-walking-together_23-2149334021.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-customer-paying-purchase-checkout-talking-cashier-using-pos-terminal-credit-card-side-view-shopping-service-concept_74855-11786.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-customer-paying-purchase-checkout-talking-cashier-using-pos-terminal-credit-card-side-view-shopping-service-concept_74855-11786.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2888.jpg",
imageAlt: "modern shopping mall shops",
},
{
title: "Expert Service",
description: "Dedicated assistance for you.",
icon: Award,
title: "Expert Service", description: "Dedicated assistance for you.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-posing-photo_1157-1130.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-posing-photo_1157-1130.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg?_wi=1",
imageAlt: "modern shopping mall shops",
},
]}
title="Mall Highlights"
@@ -225,47 +156,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Fashion Apparel",
price: "High End",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg?_wi=2",
},
id: "1", name: "Fashion Apparel", price: "High End", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg"},
{
id: "2",
name: "Electronics",
price: "Top Tier",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-white-shelves_1203-849.jpg",
},
id: "2", name: "Electronics", price: "Top Tier", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-white-shelves_1203-849.jpg"},
{
id: "3",
name: "Home Decor",
price: "Elegant",
variant: "Style",
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24639.jpg",
},
id: "3", name: "Home Decor", price: "Elegant", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24639.jpg"},
{
id: "4",
name: "Beauty & Care",
price: "Natural",
variant: "Organic",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-restaurant_74190-5738.jpg",
},
id: "4", name: "Beauty & Care", price: "Natural", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-restaurant_74190-5738.jpg"},
{
id: "5",
name: "Gourmet Dining",
price: "Diverse",
variant: "Tasty",
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4340.jpg",
},
id: "5", name: "Gourmet Dining", price: "Diverse", variant: "Tasty", imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4340.jpg"},
{
id: "6",
name: "Books & Media",
price: "Inspirational",
variant: "Culture",
imageSrc: "http://img.b2bpic.net/free-photo/students-having-fun-library_23-2147678876.jpg",
},
id: "6", name: "Books & Media", price: "Inspirational", variant: "Culture", imageSrc: "http://img.b2bpic.net/free-photo/students-having-fun-library_23-2147678876.jpg"},
]}
title="Explore Our Categories"
description="Find exactly what you're looking for with our curated shopping categories."
@@ -279,20 +180,11 @@ export default function LandingPage() {
tag="Trusted Mall"
metrics={[
{
id: "m1",
value: "200+",
description: "Retail Stores",
},
id: "m1", value: "200+", description: "Retail Stores"},
{
id: "m2",
value: "50+",
description: "Dining Options",
},
id: "m2", value: "50+", description: "Dining Options"},
{
id: "m3",
value: "1M+",
description: "Happy Visitors",
},
id: "m3", value: "1M+", description: "Happy Visitors"},
]}
metricsAnimation="slide-up"
/>
@@ -303,14 +195,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Elite",
"Gold Jewelers",
"Tech World",
"Pure Beauty",
"Grand Cafe",
"Culture Books",
"Precision Watch",
]}
"Fashion Elite", "Gold Jewelers", "Tech World", "Pure Beauty", "Grand Cafe", "Culture Books", "Precision Watch"]}
title="Partnered Brands"
description="Featuring the most respected brands in the retail world."
/>
@@ -321,20 +206,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Mall hours?",
content: "10 AM to 10 PM daily.",
},
id: "q1", title: "Mall hours?", content: "10 AM to 10 PM daily."},
{
id: "q2",
title: "Parking available?",
content: "Yes, ample parking available.",
},
id: "q2", title: "Parking available?", content: "Yes, ample parking available."},
{
id: "q3",
title: "Wheelchair accessible?",
content: "Yes, the mall is fully accessible.",
},
id: "q3", title: "Wheelchair accessible?", content: "Yes, the mall is fully accessible."},
]}
sideTitle="Frequently Asked"
faqsAnimation="slide-up"
@@ -345,8 +221,7 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Visit us today at CG LANDMARK! Reach out for concierge services or mall inquiries."
/>
</div>
@@ -355,29 +230,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Links",
items: [
title: "Links", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Stores",
href: "#products",
},
label: "Stores", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}