Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Vibe",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Vibe", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fresh Café"
|
||||
/>
|
||||
@@ -54,46 +42,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fresh Café & Eatery"
|
||||
description="A welcoming café in Phnom Penh serving great coffee, delicious meals, and a relaxing atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Get Directions", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-wooden-tabletop_23-2147747247.jpg?_wi=1",
|
||||
imageAlt: "Cafe ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg?_wi=1",
|
||||
imageAlt: "Coffee and food",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg?_wi=1",
|
||||
imageAlt: "Relaxed cafe nook",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-dinner-restaurant_23-2148018752.jpg",
|
||||
imageAlt: "Refreshments",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-blue-cup-with-mixed-chopped-vegetable-fruits_114579-56791.jpg",
|
||||
imageAlt: "Favorite fried rice",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg",
|
||||
imageAlt: "Friendly staff",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-wooden-tabletop_23-2147747247.jpg", imageAlt: "Cafe ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg", imageAlt: "Coffee and food" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg", imageAlt: "Relaxed cafe nook" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-having-dinner-restaurant_23-2148018752.jpg", imageAlt: "Refreshments" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salad-blue-cup-with-mixed-chopped-vegetable-fruits_114579-56791.jpg", imageAlt: "Favorite fried rice" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg", imageAlt: "Friendly staff" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,10 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why People Love Us"
|
||||
description={[
|
||||
"We take pride in offering friendly and attentive staff who make every visit special.",
|
||||
"Our menu features good coffee, refreshing drinks, and food that tastes like home, all at prices that fit your budget.",
|
||||
"Whether you need a quiet place to work or a cozy nook to catch up with friends, our balanced atmosphere is designed for your comfort.",
|
||||
]}
|
||||
"We take pride in offering friendly and attentive staff who make every visit special.", "Our menu features good coffee, refreshing drinks, and food that tastes like home, all at prices that fit your budget.", "Whether you need a quiet place to work or a cozy nook to catch up with friends, our balanced atmosphere is designed for your comfort."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,47 +74,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cozy Environment",
|
||||
description: "Comfortable seating perfect for remote work or a casual break.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-woman-sitting-restaurant-using-laptop_23-2147936133.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-wooden-tabletop_23-2147747247.jpg?_wi=2",
|
||||
imageAlt: "smiling barista friendly service cafe",
|
||||
},
|
||||
{
|
||||
title: "Balanced Atmosphere",
|
||||
description: "We keep our music at a comfortable volume so you can focus or chat.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-terrace-high-angle_23-2149703722.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg?_wi=2",
|
||||
imageAlt: "smiling barista friendly service cafe",
|
||||
},
|
||||
{
|
||||
title: "Nearby Attractions",
|
||||
description: "Located perfectly for a quick rest after visiting historical sites.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-women-working-laptops-drinking-coffee_74855-10459.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-using-laptop-cafe_171337-18088.jpg?_wi=2",
|
||||
imageAlt: "smiling barista friendly service cafe",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Your Relaxing Retreat"
|
||||
description="Designed for students, travelers, and locals, our cafe offers a balanced, comfortable environment to recharge."
|
||||
features={[
|
||||
{
|
||||
title: "Cozy Environment", description: "Comfortable seating perfect for remote work or a casual break.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", imageAlt: "smiling barista friendly service cafe" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-woman-sitting-restaurant-using-laptop_23-2147936133.jpg", imageAlt: "smiling barista friendly service cafe" }
|
||||
},
|
||||
{
|
||||
title: "Balanced Atmosphere", description: "We keep our music at a comfortable volume so you can focus or chat.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg", imageAlt: "smiling barista friendly service cafe" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-terrace-high-angle_23-2149703722.jpg", imageAlt: "smiling barista friendly service cafe" }
|
||||
},
|
||||
{
|
||||
title: "Nearby Attractions", description: "Located perfectly for a quick rest after visiting historical sites.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg", imageAlt: "smiling barista friendly service cafe" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-women-working-laptops-drinking-coffee_74855-10459.jpg", imageAlt: "smiling barista friendly service cafe" }
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,42 +101,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Fried Rice",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Matcha Cream",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-with-drizzles-white-pedestal_23-2152002565.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fresh Orange Juice",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-cocktail-with-drinking-straws-grapefruits-slices-purple-background_23-2148102242.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hibiscus Tea",
|
||||
price: "$2.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-red-juice-burlap-with-flowers-high-quality-photo_114579-67856.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hot Americano",
|
||||
price: "$2.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-coffee-process-work_23-2148366579.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tropical Fruit Mix",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304425.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Fried Rice", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg" },
|
||||
{ id: "p2", name: "Matcha Cream", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-with-drizzles-white-pedestal_23-2152002565.jpg" },
|
||||
{ id: "p3", name: "Fresh Orange Juice", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/glasses-cocktail-with-drinking-straws-grapefruits-slices-purple-background_23-2148102242.jpg" },
|
||||
{ id: "p4", name: "Hibiscus Tea", price: "$2.25", imageSrc: "http://img.b2bpic.net/free-photo/glass-red-juice-burlap-with-flowers-high-quality-photo_114579-67856.jpg" },
|
||||
{ id: "p5", name: "Hot Americano", price: "$2.00", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-coffee-process-work_23-2148366579.jpg" },
|
||||
{ id: "p6", name: "Tropical Fruit Mix", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304425.jpg" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Simple, delicious, and fresh. Here's what keeps our customers coming back."
|
||||
@@ -210,27 +115,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Coffee Brewed Daily",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Guests",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Relaxing Hours",
|
||||
value: "12/day",
|
||||
},
|
||||
{ id: "m1", icon: Coffee, title: "Coffee Brewed Daily", value: "200+" },
|
||||
{ id: "m2", icon: Smile, title: "Happy Guests", value: "5000+" },
|
||||
{ id: "m3", icon: Clock, title: "Relaxing Hours", value: "12/day" },
|
||||
]}
|
||||
title="Our Café Experience"
|
||||
description="We prioritize a comfortable space for all our guests."
|
||||
@@ -243,41 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Friendly staff and great coffee — a perfect place to relax after exploring the museum.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-685.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael T.",
|
||||
handle: "@mt_travels",
|
||||
testimonial: "Delicious food, affordable prices, and a chill vibe. Definitely coming back.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-curly-hair-wearing-bandana_273609-16333.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma R.",
|
||||
handle: "@emma_r",
|
||||
testimonial: "A nice break with good drinks and a comfortable setting. The matcha was excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-with-mugs-thinking_23-2148450778.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@david_k",
|
||||
testimonial: "Great atmosphere for working and the staff is super attentive. A hidden gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-reading-book-near-low-table_23-2147737555.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucy H.",
|
||||
handle: "@lucy_h",
|
||||
testimonial: "My go-to spot for refreshing juice and a relaxed morning read.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarah_j", testimonial: "Friendly staff and great coffee — a perfect place to relax after exploring the museum.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-685.jpg" },
|
||||
{ id: "t2", name: "Michael T.", handle: "@mt_travels", testimonial: "Delicious food, affordable prices, and a chill vibe. Definitely coming back.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-curly-hair-wearing-bandana_273609-16333.jpg" },
|
||||
{ id: "t3", name: "Emma R.", handle: "@emma_r", testimonial: "A nice break with good drinks and a comfortable setting. The matcha was excellent.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-with-mugs-thinking_23-2148450778.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@david_k", testimonial: "Great atmosphere for working and the staff is super attentive. A hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-reading-book-near-low-table_23-2147737555.jpg" },
|
||||
{ id: "t5", name: "Lucy H.", handle: "@lucy_h", testimonial: "My go-to spot for refreshing juice and a relaxed morning read.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg" },
|
||||
]}
|
||||
title="Kind Words from Our Guests"
|
||||
description="See why locals and travelers love visiting our café."
|
||||
@@ -287,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us Today"
|
||||
title="Stop By Fresh Café"
|
||||
description="Conveniently located near the Tuol Sleng Genocide Museum in Phnom Penh. We look forward to welcoming you!"
|
||||
@@ -305,37 +164,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-psd/international-coffee-day-instagram-posts-collection_23-2149622681.jpg"
|
||||
logoText="Fresh Café & Eatery"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Phnom Penh, Near Tuol Sleng",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Open Daily 7:00 AM - 9:00 PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [{ label: "Phnom Penh, Near Tuol Sleng", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Open Daily 7:00 AM - 9:00 PM", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user