bender/ac4a1dcc-2666-4180-be5b-faa0ebec411b
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-12 14:45:04 +00:00
parent f6ddc37f87
commit 7f33e29af7
1 changed files with 51 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/app/page.tsx
View File

@@ -32,30 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Menu",
id: "menu",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Menu", id: "menu" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="TL House Puncak"
/>
@@ -63,72 +45,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Experience Dining Above the Clouds"
description="Discover breathtaking 360-degree views of lush green paddy fields and witness golden sunsets at the finest hilltop destination in Sungai Petani escape."
buttons={[
{
text: "Plan Your Visit",
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
{ text: "Plan Your Visit", href: "#contact" },
{ text: "View Menu", href: "#menu" },
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-scenic-shot-sunrise-shrubland-covered-with-snow_181624-11309.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490776.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-couple-toasting-wine-glasses-with-apple-fruits-table_23-2147923012.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/christmas-dinner-video-call-new-normal_53876-132330.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490803.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-happy-friends-with-delicious-food_23-2149073106.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490776.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-couple-toasting-wine-glasses-with-apple-fruits-table_23-2147923012.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/christmas-dinner-video-call-new-normal_53876-132330.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490803.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/close-up-happy-friends-with-delicious-food_23-2149073106.jpg", alt: "Customer 5" },
]}
avatarText="Join 900+ happy visitors"
marqueeItems={[
{
type: "text-icon",
text: "Hilltop View",
icon: Mountain,
},
{
type: "text-icon",
text: "Sunset Dining",
icon: Sun,
},
{
type: "text-icon",
text: "Fresh Cuisine",
icon: Coffee,
},
{
type: "text-icon",
text: "Family Friendly",
icon: Users,
},
{
type: "text-icon",
text: "Nature Escape",
icon: Leaf,
},
{ type: "text-icon", text: "Hilltop View", icon: Mountain },
{ type: "text-icon", text: "Sunset Dining", icon: Sun },
{ type: "text-icon", text: "Fresh Cuisine", icon: Coffee },
{ type: "text-icon", text: "Family Friendly", icon: Users },
{ type: "text-icon", text: "Nature Escape", icon: Leaf },
]}
/>
</div>
@@ -137,41 +76,19 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "A Serene Escape Above the City",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/dessert-tea-table_1304-4060.jpg",
alt: "Serene hilltop atmosphere",
},
{ type: "text", content: "A Serene Escape Above the City" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/dessert-tea-table_1304-4060.jpg", alt: "Serene hilltop atmosphere" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{
items: [
"Minimal parking space",
"No waiting area",
"Limited public amenities",
"Peak hour traffic",
"Steep access road",
],
}}
positiveCard={{
items: [
"Sunset viewing deck",
"Spacious prayer room (surau)",
"Ample secure parking",
"Family-friendly environment",
"Panoramic photo spots",
],
}}
negativeCard={{ items: ["Minimal parking space", "No waiting area", "Limited public amenities", "Peak hour traffic", "Steep access road"] }}
positiveCard={{ items: ["Sunset viewing deck", "Spacious prayer room (surau)", "Ample secure parking", "Family-friendly environment", "Panoramic photo spots"] }}
title="Everything You Need for a Perfect Day"
description="Relax in our peaceful environment designed for families and sunset lovers."
/>
@@ -179,46 +96,17 @@ export default function LandingPage() {
<div id="menu" data-section="menu">
<ProductCardThree
animationType="blur-reveal"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Authentic Tom Yum",
price: "RM 18",
imageSrc: "http://img.b2bpic.net/free-photo/crayfish-soup-with-toasts-corns-black-board-burlap-tablecloth_141793-2906.jpg",
},
{
id: "2",
name: "Premium Cappuccino",
price: "RM 12",
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-chocolate-syrup-flower-latte-art_140725-6925.jpg",
},
{
id: "3",
name: "Local Breakfast Set",
price: "RM 15",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-breakfast-bowl-with-cereal-macarons_23-2148797071.jpg",
},
{
id: "4",
name: "Nasi Lemak Special",
price: "RM 14",
imageSrc: "http://img.b2bpic.net/free-photo/bread-with-honey-grapes_23-2147693760.jpg",
},
{
id: "5",
name: "Ice Mocha Breeze",
price: "RM 13",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-cloth-board_23-2147671382.jpg",
},
{
id: "6",
name: "Traditional Laksa",
price: "RM 16",
imageSrc: "http://img.b2bpic.net/free-photo/bowl-hot-soup-with-diced-green-onion-modern-bowl_140725-495.jpg",
},
{ id: "1", name: "Authentic Tom Yum", price: "RM 18", imageSrc: "http://img.b2bpic.net/free-photo/crayfish-soup-with-toasts-corns-black-board-burlap-tablecloth_141793-2906.jpg" },
{ id: "2", name: "Premium Cappuccino", price: "RM 12", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-chocolate-syrup-flower-latte-art_140725-6925.jpg" },
{ id: "3", name: "Local Breakfast Set", price: "RM 15", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-breakfast-bowl-with-cereal-macarons_23-2148797071.jpg" },
{ id: "4", name: "Nasi Lemak Special", price: "RM 14", imageSrc: "http://img.b2bpic.net/free-photo/bread-with-honey-grapes_23-2147693760.jpg" },
{ id: "5", name: "Ice Mocha Breeze", price: "RM 13", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-cloth-board_23-2147671382.jpg" },
{ id: "6", name: "Traditional Laksa", price: "RM 16", imageSrc: "http://img.b2bpic.net/free-photo/bowl-hot-soup-with-diced-green-onion-modern-bowl_140725-495.jpg" },
]}
title="Exquisite Flavors, Stunning Views"
description="From local breakfast sets to premium coffee, every meal is crafted for perfection."
@@ -231,21 +119,9 @@ export default function LandingPage() {
title="Our Impact & Reach"
tag="Trusted by Thousands"
metrics={[
{
id: "m1",
value: "963+",
description: "Happy Reviews",
},
{
id: "m2",
value: "4.1",
description: "Google Rating",
},
{
id: "m3",
value: "100%",
description: "Hilltop Serenity",
},
{ id: "m1", value: "963+", description: "Happy Reviews" },
{ id: "m2", value: "4.1", description: "Google Rating" },
{ id: "m3", value: "100%", description: "Hilltop Serenity" },
]}
metricsAnimation="blur-reveal"
/>
@@ -255,15 +131,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Traveler's Choice",
"Local Gem",
"Sunset Spot",
"Family Favorites",
"Culinary Excellence",
"Cafe Culture",
"Top Attractions",
]}
names={["Traveler's Choice", "Local Gem", "Sunset Spot", "Family Favorites", "Culinary Excellence", "Cafe Culture", "Top Attractions"]}
title="Recognized Excellence"
description="Widely recommended as the best place to witness the beauty of Sungai Petani."
/>
@@ -276,26 +144,11 @@ export default function LandingPage() {
rating={5}
author="Syarifah Syamimi"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/couple-enjoying-picnic-together-outdoors-summertime_23-2151426032.jpg",
alt: "Visitor 1",
},
{
src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156149.jpg",
alt: "Visitor 2",
},
{
src: "http://img.b2bpic.net/free-photo/last-preparations_1098-13460.jpg",
alt: "Visitor 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors_23-2149144047.jpg",
alt: "Visitor 4",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-hanging-out-jetty_23-2150558042.jpg",
alt: "Visitor 5",
},
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-picnic-together-outdoors-summertime_23-2151426032.jpg", alt: "Visitor 1" },
{ src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156149.jpg", alt: "Visitor 2" },
{ src: "http://img.b2bpic.net/free-photo/last-preparations_1098-13460.jpg", alt: "Visitor 3" },
{ src: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors_23-2149144047.jpg", alt: "Visitor 4" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-hanging-out-jetty_23-2150558042.jpg", alt: "Visitor 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -305,9 +158,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Plan Your Visit"
title="Let's Get in Touch"
description="Ready to visit the hilltop escape? Contact us today for bookings or inquiries."
@@ -318,42 +169,21 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "About",
items: [
{
label: "Our Story",
href: "#about",
},
{
label: "Menu Highlights",
href: "#menu",
},
title: "About", items: [
{ label: "Our Story", href: "#about" },
{ label: "Menu Highlights", href: "#menu" },
],
},
{
title: "Visit",
items: [
{
label: "Directions",
href: "#contact",
},
{
label: "Reviews",
href: "#testimonials",
},
title: "Visit", items: [
{ label: "Directions", href: "#contact" },
{ label: "Reviews", href: "#testimonials" },
],
},
{
title: "Contact",
items: [
{
label: "014-741 0755",
href: "tel:0147410755",
},
{
label: "Sungai Petani, Kedah",
href: "#",
},
title: "Contact", items: [
{ label: "014-741 0755", href: "tel:0147410755" },
{ label: "Sungai Petani, Kedah", href: "#" },
],
},
]}
@@ -364,4 +194,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}