bender/9fb2c3f3-cc1d-470b-a008-9cabc2d51ac7
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-22 04:37:42 +00:00
parent 7d85c9b2f3
commit 467ae3a09b
1 changed files with 38 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -31,45 +31,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Tepi Langit"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
logoText="Tepi Langit"
description="Experience the most serene coffee break with breathtaking sunset views and cool mountain air in Karanganyar."
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Book Table",
href: "#contact",
},
{ text: "View Menu", href: "#menu" },
{ text: "Book Table", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-glass-cup-front-sunset_266188-9.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-glass-cup-front-sunset_266188-9.jpg"
imageAlt="Tepi Langit Coffee view"
mediaAnimation="slide-up"
/>
@@ -81,16 +62,10 @@ export default function LandingPage() {
title="A Sanctuary Above the Clouds"
description="Tepi Langit is more than just a cafe. It's a sanctuary designed for those who appreciate cool mountain breezes, stunning sunsets, and quiet moments away from the city hustle."
metrics={[
{
value: "1.1K+",
title: "Happy Reviews",
},
{
value: "4.6",
title: "Rating Score",
},
{ value: "1.1K+", title: "Happy Reviews" },
{ value: "4.6", title: "Rating Score" },
]}
imageSrc="http://img.b2bpic.net/free-photo/cup-coffee-cookie-put-windowsill_181624-22130.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/cup-coffee-cookie-put-windowsill_181624-22130.jpg"
imageAlt="Cafe Interior"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -102,27 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
tag: "View",
title: "Breathtaking Sunsets",
subtitle: "Golden hour magic",
description: "Perfect spot to watch the sun go down over Karanganyar.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
},
{
tag: "Comfort",
title: "Cozy Atmosphere",
subtitle: "Relaxing and safe",
description: "A comfortable place regardless of the weather.",
imageSrc: "http://img.b2bpic.net/free-photo/hiker-embraces-challenge-trekking-through-wilderness_482257-119787.jpg",
},
{
tag: "Facilities",
title: "Complete Amenities",
subtitle: "Everything you need",
description: "Ample parking, prayer room (musholla), and clean restrooms.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg",
},
{ tag: "View", title: "Breathtaking Sunsets", subtitle: "Golden hour magic", description: "Perfect spot to watch the sun go down over Karanganyar.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg" },
{ tag: "Comfort", title: "Cozy Atmosphere", subtitle: "Relaxing and safe", description: "A comfortable place regardless of the weather.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-embraces-challenge-trekking-through-wilderness_482257-119787.jpg" },
{ tag: "Facilities", title: "Complete Amenities", subtitle: "Everything you need", description: "Ample parking, prayer room (musholla), and clean restrooms.", imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg" },
]}
title="Why Choose Us?"
description="We offer complete facilities and an unforgettable ambiance for your comfort."
@@ -136,48 +93,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Kopi Tepi Langit",
price: "Rp 35rb",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-art-cappuccino-foam-cup-wooden-table_23-2147908327.jpg",
},
{
id: "2",
name: "Nasi Goreng Seafood",
price: "Rp 45rb",
variant: "Food",
imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles_1203-9277.jpg",
},
{
id: "3",
name: "Beef Burger",
price: "Rp 40rb",
variant: "Food",
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-sesame-bun-served-with-fries_140725-1703.jpg",
},
{
id: "4",
name: "Pisang Goreng Keju",
price: "Rp 25rb",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cakes-with-fresh-fruits-light-background_140725-136278.jpg",
},
{
id: "5",
name: "Gourmet Waffle",
price: "Rp 28rb",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pancakes-with-fruits-grey-desk_140725-14459.jpg",
},
{
id: "6",
name: "Mie Godog Jawa",
price: "Rp 30rb",
variant: "Food",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-table_140725-8194.jpg",
},
{ id: "1", name: "Kopi Tepi Langit", price: "Rp 35rb", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-art-cappuccino-foam-cup-wooden-table_23-2147908327.jpg" },
{ id: "2", name: "Nasi Goreng Seafood", price: "Rp 45rb", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles_1203-9277.jpg" },
{ id: "3", name: "Beef Burger", price: "Rp 40rb", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-sesame-bun-served-with-fries_140725-1703.jpg" },
{ id: "4", name: "Pisang Goreng Keju", price: "Rp 25rb", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cakes-with-fresh-fruits-light-background_140725-136278.jpg" },
{ id: "5", name: "Gourmet Waffle", price: "Rp 28rb", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pancakes-with-fruits-grey-desk_140725-14459.jpg" },
{ id: "6", name: "Mie Godog Jawa", price: "Rp 30rb", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-table_140725-8194.jpg" },
]}
title="Our Signature Menu"
description="From traditional Javanese favorites to modern coffee delicacies, explore our curated selection."
@@ -190,53 +111,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
title: "Coffee Break",
price: "Rp 25k",
period: "/person",
features: [
"1 Coffee Selection",
"Light Snack",
],
button: {
text: "Select",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-balcony-background-night-city_1153-3810.jpg",
imageAlt: "Woman sits on the balcony, in the background the night city",
},
{
id: "pro",
title: "Full Dining",
price: "Rp 50k",
period: "/person",
features: [
"1 Main Dish",
"1 Signature Drink",
"Full Access",
],
button: {
text: "Select",
},
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-glass-cup-front-sunset_266188-9.jpg?_wi=2",
imageAlt: "Woman sits on the balcony, in the background the night city",
},
{
id: "premium",
title: "Family Package",
price: "Rp 150k",
period: "/group",
features: [
"4 Main Dishes",
"4 Drinks",
"Reserved Table",
],
button: {
text: "Select",
},
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-cookie-put-windowsill_181624-22130.jpg?_wi=2",
imageAlt: "Woman sits on the balcony, in the background the night city",
},
{ id: "basic", title: "Coffee Break", price: "Rp 25k", period: "/person", features: ["1 Coffee Selection", "Light Snack"], button: { text: "Select" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-sits-balcony-background-night-city_1153-3810.jpg" },
{ id: "pro", title: "Full Dining", price: "Rp 50k", period: "/person", features: ["1 Main Dish", "1 Signature Drink", "Full Access"], button: { text: "Select" }, imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-glass-cup-front-sunset_266188-9.jpg" },
{ id: "premium", title: "Family Package", price: "Rp 150k", period: "/group", features: ["4 Main Dishes", "4 Drinks", "Reserved Table"], button: { text: "Select" }, imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-cookie-put-windowsill_181624-22130.jpg" },
]}
title="Dining Packages"
description="Choose the best experience for your visit."
@@ -249,46 +126,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah",
handle: "@sarah_j",
testimonial: "View is 9/10, especially for sunset. Absolutely recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg",
},
{
id: "2",
name: "Dinda",
handle: "@dinda_d",
testimonial: "The parking attendant was so helpful and friendly. Great experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-woman-holding-coffee-cup_171337-7627.jpg",
},
{
id: "3",
name: "Jefri",
handle: "@jefri",
testimonial: "Atmosphere is great, super soothing for a coffee break.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe-near-window_171337-18122.jpg",
},
{
id: "4",
name: "Maya",
handle: "@maya_p",
testimonial: "I loved the waffle, it's perfect for a rainy afternoon.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-reunited-coffee-shop_23-2148914592.jpg",
},
{
id: "5",
name: "Budi",
handle: "@budi_c",
testimonial: "Worth the drive, the view is unlike anything else in Karanganyar.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
},
{ id: "1", name: "Sarah", handle: "@sarah_j", testimonial: "View is 9/10, especially for sunset. Absolutely recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg" },
{ id: "2", name: "Dinda", handle: "@dinda_d", testimonial: "The parking attendant was so helpful and friendly. Great experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-woman-holding-coffee-cup_171337-7627.jpg" },
{ id: "3", name: "Jefri", handle: "@jefri", testimonial: "Atmosphere is great, super soothing for a coffee break.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe-near-window_171337-18122.jpg" },
{ id: "4", name: "Maya", handle: "@maya_p", testimonial: "I loved the waffle, it's perfect for a rainy afternoon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-reunited-coffee-shop_23-2148914592.jpg" },
{ id: "5", name: "Budi", handle: "@budi_c", testimonial: "Worth the drive, the view is unlike anything else in Karanganyar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg" },
]}
showRating={true}
title="What Our Guests Say"
@@ -301,21 +143,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Are you open when it rains?",
content: "Yes! We have indoor seating designed to keep you cozy and dry.",
},
{
id: "2",
title: "Is parking available?",
content: "Yes, we provide spacious parking facilities for all our visitors.",
},
{
id: "3",
title: "Do you provide prayer rooms?",
content: "We have a clean and accessible musholla (prayer room) for all guests.",
},
{ id: "1", title: "Are you open when it rains?", content: "Yes! We have indoor seating designed to keep you cozy and dry." },
{ id: "2", title: "Is parking available?", content: "Yes, we provide spacious parking facilities for all our visitors." },
{ id: "3", title: "Do you provide prayer rooms?", content: "We have a clean and accessible musholla (prayer room) for all guests." },
]}
title="Common Questions"
description="Planning your trip? Find all information here."
@@ -326,19 +156,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Visit Tepi Langit Coffee & Eatery today for a scenic coffee experience you won't forget."
buttons={[
{
text: "Call Now",
href: "tel:085647015918",
},
{
text: "Get Directions",
href: "https://maps.google.com",
},
{ text: "Call Now", href: "tel:085647015918" },
{ text: "Get Directions", href: "https://maps.google.com" },
]}
/>
</div>
@@ -346,37 +168,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Location",
items: [
{
label: "Gero, Berjo, Karanganyar",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Call: 0856-4701-5918",
href: "tel:085647015918",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{ title: "Location", items: [{ label: "Gero, Berjo, Karanganyar", href: "#" }] },
{ title: "Support", items: [{ label: "Call: 0856-4701-5918", href: "tel:085647015918" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
]}
bottomLeftText="© 2024 Tepi Langit"
bottomRightText="All rights reserved."