Merge version_1 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Restoran Sri Pantai"
|
||||
/>
|
||||
@@ -55,33 +43,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Authentic Johorean Flavors by the River"
|
||||
description="Experience the legendary Asam Pedas of Kg Sungai Melayu, where fresh seafood meets the peaceful charm of a traditional fishing village."
|
||||
tag="Since 2016"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-boats-water-with-clear-sky_23-2149119369.jpg",
|
||||
imageAlt: "Authentic Asam Pedas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287844.jpg",
|
||||
imageAlt: "Riverside Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-boats-water-with-buildings-mountains-distance_181624-9727.jpg",
|
||||
imageAlt: "Riverside boats",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-noodles-style_74190-3896.jpg",
|
||||
imageAlt: "Traditional dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-sitting-waterfront_1150-19283.jpg",
|
||||
imageAlt: "Waterfront experience",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bunch-boats-water-with-clear-sky_23-2149119369.jpg", imageAlt: "Authentic Asam Pedas" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287844.jpg", imageAlt: "Riverside Dining" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,23 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Daily Catch",
|
||||
description: "Sourced directly from local fishermen every morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seafood-assortment_23-2148926764.jpg",
|
||||
imageAlt: "Fresh Catch",
|
||||
},
|
||||
title: "Fresh Daily Catch", description: "Sourced directly from local fishermen every morning.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seafood-assortment_23-2148926764.jpg", imageAlt: "Fresh Catch"},
|
||||
{
|
||||
title: "Authentic Johor Recipes",
|
||||
description: "Traditional Sambal and Asam Pedas recipes preserved.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-squid-calamari-rings_1339-4716.jpg",
|
||||
imageAlt: "Cooking Traditions",
|
||||
},
|
||||
title: "Authentic Johor Recipes", description: "Traditional Sambal and Asam Pedas recipes preserved.", imageSrc: "http://img.b2bpic.net/free-photo/fried-squid-calamari-rings_1339-4716.jpg", imageAlt: "Cooking Traditions"},
|
||||
{
|
||||
title: "Riverside Ambience",
|
||||
description: "A unique, peaceful dining experience by the jetty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-italian-garden_628469-330.jpg",
|
||||
imageAlt: "Scenic River",
|
||||
},
|
||||
title: "Riverside Ambience", description: "A unique, peaceful dining experience by the jetty.", imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-italian-garden_628469-330.jpg", imageAlt: "Scenic River"},
|
||||
]}
|
||||
title="Why Visitors Love Us"
|
||||
description="Beyond the food, we offer a total cultural immersion."
|
||||
@@ -135,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asam Pedas Ikan Pari",
|
||||
price: "RM 35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-fresh-oyster-salad-thai-food-ingredients_1150-22755.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Siakap Goreng Crispy",
|
||||
price: "RM 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-with-sauces_114579-16452.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Udang Goreng Kunyit",
|
||||
price: "RM 28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-shrimps-sauce-with-tomatoes-herbs_141793-4918.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sambal Kupang",
|
||||
price: "RM 22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mussel-shells-with-lemon_23-2148375625.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fried Calamari Rings",
|
||||
price: "RM 18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-calamari-rings-served-with-side-tomato-sauce-garnished-with-fresh-parsley_9975-124480.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ulam-Ulaman Segar",
|
||||
price: "RM 12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-salad-bowl-appetizing-vegetable-salad-cutting-board_140725-74075.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Asam Pedas Ikan Pari", price: "RM 35", imageSrc: "http://img.b2bpic.net/free-photo/spicy-fresh-oyster-salad-thai-food-ingredients_1150-22755.jpg" },
|
||||
{ id: "p2", name: "Siakap Goreng Crispy", price: "RM 45", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-wings-with-sauces_114579-16452.jpg" },
|
||||
{ id: "p3", name: "Udang Goreng Kunyit", price: "RM 28", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-shrimps-sauce-with-tomatoes-herbs_141793-4918.jpg" },
|
||||
{ id: "p4", name: "Sambal Kupang", price: "RM 22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mussel-shells-with-lemon_23-2148375625.jpg" },
|
||||
{ id: "p5", name: "Fried Calamari Rings", price: "RM 18", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-calamari-rings-served-with-side-tomato-sauce-garnished-with-fresh-parsley_9975-124480.jpg" },
|
||||
{ id: "p6", name: "Ulam-Ulaman Segar", price: "RM 12", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-salad-bowl-appetizing-vegetable-salad-cutting-board_140725-74075.jpg" }
|
||||
]}
|
||||
title="Signature Specialties"
|
||||
description="Our most popular dishes loved by locals and travelers alike."
|
||||
@@ -184,26 +110,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Harman H."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-smartphone-beer_23-2147680764.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-smartphone-beer_23-2147680764.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -217,27 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.5K+",
|
||||
title: "Reviews",
|
||||
description: "Happy diners served",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years",
|
||||
description: "Legacy in recipes",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "9/10",
|
||||
title: "Quality Rating",
|
||||
description: "Authentic Johor style",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{ id: "m1", value: "1.5K+", title: "Reviews", description: "Happy diners served", icon: Star },
|
||||
{ id: "m2", value: "20+", title: "Years", description: "Legacy in recipes", icon: Award },
|
||||
{ id: "m3", value: "9/10", title: "Quality Rating", description: "Authentic Johor style", icon: CheckCircle },
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Quality and consistency are at our core."
|
||||
@@ -249,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the road safe at night?",
|
||||
content: "We recommend visiting during daylight as parts of the road through the plantation lack street lights.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept reservations?",
|
||||
content: "For large groups, we highly suggest calling in advance to ensure availability.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open on public holidays?",
|
||||
content: "Yes, we are generally open, but check our social media for specific holiday updates.",
|
||||
},
|
||||
{ id: "f1", title: "Is the road safe at night?", content: "We recommend visiting during daylight as parts of the road through the plantation lack street lights." },
|
||||
{ id: "f2", title: "Do you accept reservations?", content: "For large groups, we highly suggest calling in advance to ensure availability." },
|
||||
{ id: "f3", title: "Are you open on public holidays?", content: "Yes, we are generally open, but check our social media for specific holiday updates." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552621.jpg"
|
||||
imageAlt="Welcome to our restaurant"
|
||||
@@ -277,16 +158,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to experience the best Asam Pedas in Johor? Visit us at Kg Sungai Melayu today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Reserve",
|
||||
href: "tel:+60123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call to Reserve", href: "tel:+60123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -295,16 +169,8 @@ export default function LandingPage() {
|
||||
logoText="Restoran Sri Pantai"
|
||||
copyrightText="© 2025 Restoran Sri Pantai. All Rights Reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user