Merge version_2 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OPPA Coffee & Space"
|
||||
/>
|
||||
@@ -59,51 +49,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="More Than Coffee. It’s Your Space."
|
||||
description="Open 24 Hours • Great Food • Real Connections"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-sunlight_23-2151961381.jpg?_wi=1",
|
||||
imageAlt: "Coffee pouring",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-sunlight_23-2151961381.jpg?_wi=1", imageAlt: "Coffee pouring"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg?_wi=1",
|
||||
imageAlt: "Friends laughing",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg?_wi=1", imageAlt: "Friends laughing"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-bokeh-glowing-light-outdoor_23-2148055602.jpg",
|
||||
imageAlt: "Live music",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/decoration-bokeh-glowing-light-outdoor_23-2148055602.jpg", imageAlt: "Live music"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/troubled-teen-receiving-therapy-emotional-management-mental-health_482257-116069.jpg",
|
||||
imageAlt: "Billiards",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/troubled-teen-receiving-therapy-emotional-management-mental-health_482257-116069.jpg", imageAlt: "Billiards"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236898.jpg",
|
||||
imageAlt: "Cozy dating",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236898.jpg", imageAlt: "Cozy dating"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-meat-with-baked-potatoes-eggplant-tomato-pepper-decorated-with-pomegranate-plate-served-table_176474-2442.jpg",
|
||||
imageAlt: "Food serving",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-meat-with-baked-potatoes-eggplant-tomato-pepper-decorated-with-pomegranate-plate-served-table_176474-2442.jpg", imageAlt: "Food serving"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,14 +80,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Excellent Taste",
|
||||
"Cozy Ambience",
|
||||
"Friendly Service",
|
||||
"Perfect Location",
|
||||
"Night Life Vibe",
|
||||
"Great Music",
|
||||
"Affordable Luxury",
|
||||
]}
|
||||
"Excellent Taste", "Cozy Ambience", "Friendly Service", "Perfect Location", "Night Life Vibe", "Great Music", "Affordable Luxury"]}
|
||||
title="Loved by Hundreds of Guests"
|
||||
description="Consistently praised for our quality and atmosphere."
|
||||
/>
|
||||
@@ -134,17 +94,11 @@ export default function LandingPage() {
|
||||
description="OPPA Coffee and Space is where great food meets great company. From late-night conversations to live music weekends, every detail is designed to make you feel at home."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "24/7 Service",
|
||||
description: "Whenever you need a space, we are here.",
|
||||
},
|
||||
title: "24/7 Service", description: "Whenever you need a space, we are here."},
|
||||
{
|
||||
title: "Community Hub",
|
||||
description: "Home to live music and local matches.",
|
||||
},
|
||||
title: "Community Hub", description: "Home to live music and local matches."},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Affordable luxury you can taste every time.",
|
||||
},
|
||||
title: "Premium Quality", description: "Affordable luxury you can taste every time."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -159,23 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Music",
|
||||
description: "Feel the vibe every weekend with local artists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg",
|
||||
imageAlt: "Closeup of white coffee cup on wooden table",
|
||||
},
|
||||
title: "Live Music", description: "Feel the vibe every weekend with local artists.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg", imageAlt: "Closeup of white coffee cup on wooden table"},
|
||||
{
|
||||
title: "Billiards & Games",
|
||||
description: "Bring friends and play a round in our lounge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-sunlight_23-2151961381.jpg?_wi=2",
|
||||
imageAlt: "Closeup of white coffee cup on wooden table",
|
||||
},
|
||||
title: "Billiards & Games", description: "Bring friends and play a round in our lounge.", imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-sunlight_23-2151961381.jpg?_wi=2", imageAlt: "Closeup of white coffee cup on wooden table"},
|
||||
{
|
||||
title: "Watch Parties",
|
||||
description: "Big matches, big energy, and big screens.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg?_wi=2",
|
||||
imageAlt: "Closeup of white coffee cup on wooden table",
|
||||
},
|
||||
title: "Watch Parties", description: "Big matches, big energy, and big screens.", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16250.jpg?_wi=2", imageAlt: "Closeup of white coffee cup on wooden table"},
|
||||
]}
|
||||
title="The OPPA Experience"
|
||||
description="More than just a coffee shop, we are your community hub."
|
||||
@@ -190,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Latte",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Latte", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Comfort Pasta",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-honey-grapes_23-2147693756.jpg",
|
||||
},
|
||||
id: "2", name: "Comfort Pasta", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-honey-grapes_23-2147693756.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sharing Platter",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520111.jpg",
|
||||
},
|
||||
id: "3", name: "Sharing Platter", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520111.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cold Brew",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
|
||||
},
|
||||
id: "4", name: "Cold Brew", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dessert Delight",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg",
|
||||
},
|
||||
id: "5", name: "Dessert Delight", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Iced Tea Special",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",
|
||||
},
|
||||
id: "6", name: "Iced Tea Special", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg"},
|
||||
]}
|
||||
title="Our Menu Favorites"
|
||||
description="Affordable Luxury — Quality Without Compromise."
|
||||
@@ -238,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_cafe",
|
||||
testimonial: "My husband and I’s favorite place for dinner. Never fails.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_cafe", testimonial: "My husband and I’s favorite place for dinner. Never fails.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_r",
|
||||
testimonial: "Comfortable, quiet, perfect for conversations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@mark_r", testimonial: "Comfortable, quiet, perfect for conversations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3944.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Fun even during match nights! Great energy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756339.jpg",
|
||||
},
|
||||
id: "3", name: "Elena V.", handle: "@elena_v", testimonial: "Fun even during match nights! Great energy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756339.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leo K.",
|
||||
handle: "@leok",
|
||||
testimonial: "Affordable but amazing quality. Best coffee.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-looking-mobile_23-2148395307.jpg",
|
||||
},
|
||||
id: "4", name: "Leo K.", handle: "@leok", testimonial: "Affordable but amazing quality. Best coffee.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-looking-mobile_23-2148395307.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@anna_p",
|
||||
testimonial: "The perfect place to hang out and chill.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
|
||||
},
|
||||
id: "5", name: "Anna P.", handle: "@anna_p", testimonial: "The perfect place to hang out and chill.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Stories"
|
||||
@@ -289,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you open 24 hours?",
|
||||
content: "Yes, we are open 24 hours a day, 7 days a week.",
|
||||
},
|
||||
id: "1", title: "Are you open 24 hours?", content: "Yes, we are open 24 hours a day, 7 days a week."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have parking?",
|
||||
content: "Yes, we have convenient parking available for all guests.",
|
||||
},
|
||||
id: "2", title: "Do you have parking?", content: "Yes, we have convenient parking available for all guests."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I book for events?",
|
||||
content: "Absolutely! Contact us via WhatsApp to reserve space for parties.",
|
||||
},
|
||||
id: "3", title: "Can I book for events?", content: "Absolutely! Contact us via WhatsApp at 081394042043 to reserve space for parties."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -313,18 +197,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to experience OPPA? Visit us today or book your table now."
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to experience OPPA? Visit us today or book your table now via WhatsApp at 081394042043."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book on WhatsApp", href: "https://wa.me/6281394042043"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,38 +213,25 @@ export default function LandingPage() {
|
||||
logoText="OPPA Coffee & Space"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/6281394042043"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -374,4 +240,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user