Merge version_1 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -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."
|
||||
|
||||
Reference in New Issue
Block a user