Merge version_1 into main #1
291
src/app/page.tsx
291
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Parago"
|
||||
/>
|
||||
@@ -59,112 +49,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Parago"
|
||||
description="Where ramen meets the serenity of Seseh rice fields."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-arrangement_23-2149514292.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-tasty-coffee-arrangement_23-2149514292.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thirst-organic-healthful-espresso-healthy_1258-125.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thirst-organic-healthful-espresso-healthy_1258-125.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-serving-coffee-cardboard-cups_1303-31766.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-serving-coffee-cardboard-cups_1303-31766.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4339.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4339.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312234.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312234.jpg", imageAlt: "Cafe interior"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508912.jpg",
|
||||
imageAlt: "Ramen dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508912.jpg", imageAlt: "Ramen dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations_23-2150249794.jpg",
|
||||
imageAlt: "Ramen dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations_23-2150249794.jpg", imageAlt: "Ramen dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/box-with-macaroons-near-coffee_23-2147787050.jpg",
|
||||
imageAlt: "Ramen dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/box-with-macaroons-near-coffee_23-2147787050.jpg", imageAlt: "Ramen dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-bowl-sprouts-mint_23-2148381194.jpg",
|
||||
imageAlt: "Ramen dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-bowl-sprouts-mint_23-2148381194.jpg", imageAlt: "Ramen dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bowl-with-noodle-soup-black-background_23-2148320848.jpg",
|
||||
imageAlt: "Ramen dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bowl-with-noodle-soup-black-background_23-2148320848.jpg", imageAlt: "Ramen dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
|
||||
imageAlt: "Ramen dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", imageAlt: "Ramen dish"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg", alt: "Happy customer"},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic",
|
||||
},
|
||||
type: "text", text: "Authentic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Coffee",
|
||||
},
|
||||
type: "text", text: "Artisan Coffee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rice Field Views",
|
||||
},
|
||||
type: "text", text: "Rice Field Views"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
type: "text", text: "Fresh Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Specials",
|
||||
},
|
||||
type: "text", text: "Daily Specials"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,17 +120,11 @@ export default function LandingPage() {
|
||||
description="Born from a love for local ingredients and traditional techniques, Parago is your sanctuary for authentic ramen and artisanal coffee, nestled amidst emerald rice fields."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "4.9★ Rating",
|
||||
description: "Consistently loved by our community.",
|
||||
},
|
||||
title: "4.9★ Rating", description: "Consistently loved by our community."},
|
||||
{
|
||||
title: "Local Ingredients",
|
||||
description: "Supporting farmers in the Canggu region.",
|
||||
},
|
||||
title: "Local Ingredients", description: "Supporting farmers in the Canggu region."},
|
||||
{
|
||||
title: "All-Day Dining",
|
||||
description: "Ramen, coffee, and cocktails from dawn till dusk.",
|
||||
},
|
||||
title: "All-Day Dining", description: "Ramen, coffee, and cocktails from dawn till dusk."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -202,20 +139,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rice Field Views",
|
||||
description: "Breathtaking backdrops.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-food-with-half-egg_23-2148494831.jpg",
|
||||
},
|
||||
title: "Rice Field Views", description: "Breathtaking backdrops.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-food-with-half-egg_23-2148494831.jpg"},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Home away from home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163354.jpg",
|
||||
},
|
||||
title: "Cozy Atmosphere", description: "Home away from home.", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163354.jpg"},
|
||||
{
|
||||
title: "Work Friendly",
|
||||
description: "High-speed internet included.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678746.jpg",
|
||||
},
|
||||
title: "Work Friendly", description: "High-speed internet included.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678746.jpg"},
|
||||
]}
|
||||
title="Experience Parago"
|
||||
description="More than a meal, it's a sensory journey."
|
||||
@@ -224,46 +152,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pork Ramen",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chinese-noodles-inside-bowl-with-chopped-steak-tomato-slices-lettuce_114579-2954.jpg",
|
||||
},
|
||||
id: "p1", name: "Pork Ramen", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/chinese-noodles-inside-bowl-with-chopped-steak-tomato-slices-lettuce_114579-2954.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beef Ramen",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7640.jpg",
|
||||
},
|
||||
id: "p2", name: "Beef Ramen", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-7640.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Grilled Chicken",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-refreshing-hibiscus-ice-tea_23-2149893620.jpg",
|
||||
},
|
||||
id: "p3", name: "Grilled Chicken", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/glasses-refreshing-hibiscus-ice-tea_23-2149893620.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Matcha",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-cool-lemonade-with-ice-blue-background-juice-drink-color-water-fruit-cold-cocktail_140725-157146.jpg",
|
||||
},
|
||||
id: "p4", name: "Matcha", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-cool-lemonade-with-ice-blue-background-juice-drink-color-water-fruit-cold-cocktail_140725-157146.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cocktails",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-cherry_1203-1744.jpg",
|
||||
},
|
||||
id: "p5", name: "Cocktails", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-with-cherry_1203-1744.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cold Drinks",
|
||||
price: "$4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678742.jpg",
|
||||
},
|
||||
id: "p6", name: "Cold Drinks", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678742.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Crafted with passion, served with love."
|
||||
@@ -278,25 +183,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9",
|
||||
title: "Star Rating",
|
||||
description: "Avg Google Rating",
|
||||
icon: Star,
|
||||
id: "m1", value: "4.9", title: "Star Rating", description: "Avg Google Rating", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Reviews",
|
||||
description: "Verified diners",
|
||||
icon: MessageCircle,
|
||||
id: "m2", value: "50+", title: "Reviews", description: "Verified diners", icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Freshness",
|
||||
description: "Daily sourced",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "100%", title: "Freshness", description: "Daily sourced", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -312,25 +205,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rice Views",
|
||||
description: "Stunning vistas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/instant-noodle-with-pork-egg-ready-be-eaten-delicious-instant-food-menu-concept_1150-6465.jpg",
|
||||
},
|
||||
title: "Rice Views", description: "Stunning vistas.", imageSrc: "http://img.b2bpic.net/free-photo/instant-noodle-with-pork-egg-ready-be-eaten-delicious-instant-food-menu-concept_1150-6465.jpg"},
|
||||
{
|
||||
title: "Cozy Design",
|
||||
description: "Warm textures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pork-medallions-oyster-sauce-with-noodles_2829-16706.jpg",
|
||||
},
|
||||
title: "Cozy Design", description: "Warm textures.", imageSrc: "http://img.b2bpic.net/free-photo/pork-medallions-oyster-sauce-with-noodles_2829-16706.jpg"},
|
||||
{
|
||||
title: "Work Friendly",
|
||||
description: "Productive space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-vietnamese-food-with-noodles-ham_23-2148381195.jpg",
|
||||
},
|
||||
title: "Work Friendly", description: "Productive space.", imageSrc: "http://img.b2bpic.net/free-photo/various-vietnamese-food-with-noodles-ham_23-2148381195.jpg"},
|
||||
{
|
||||
title: "Local Taste",
|
||||
description: "Authentic roots.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-fresh-milk-served-with-delicious-snacks_1150-24491.jpg",
|
||||
},
|
||||
title: "Local Taste", description: "Authentic roots.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-fresh-milk-served-with-delicious-snacks_1150-24491.jpg"},
|
||||
]}
|
||||
title="The Parago Vibe"
|
||||
description="A perfect blend of local culture and cozy comfort."
|
||||
@@ -344,45 +225,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Amazing ramen, best in town!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166180.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarah", testimonial: "Amazing ramen, best in town!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166180.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
handle: "@mike",
|
||||
testimonial: "Great atmosphere for work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg",
|
||||
},
|
||||
id: "2", name: "Mike", handle: "@mike", testimonial: "Great atmosphere for work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena",
|
||||
handle: "@elena",
|
||||
testimonial: "Delicious matcha and cocktails.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg",
|
||||
},
|
||||
id: "3", name: "Elena", handle: "@elena", testimonial: "Delicious matcha and cocktails.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
handle: "@john",
|
||||
testimonial: "Authentic tastes all round.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
},
|
||||
id: "4", name: "John", handle: "@john", testimonial: "Authentic tastes all round.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice",
|
||||
handle: "@alice",
|
||||
testimonial: "Stunning rice field views.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-enjoying-blue-matcha_23-2150649576.jpg",
|
||||
},
|
||||
id: "5", name: "Alice", handle: "@alice", testimonial: "Stunning rice field views.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-enjoying-blue-matcha_23-2150649576.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Stories"
|
||||
@@ -394,8 +250,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Find Parago"
|
||||
description="Seseh, Canggu | Daily 8am - 10pm"
|
||||
@@ -406,33 +261,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user