Merge version_1 into main #1
209
src/app/page.tsx
209
src/app/page.tsx
@@ -32,68 +32,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
]}
|
||||
brandName="O, Coffee Bar"
|
||||
button={{
|
||||
text: "Order Online", href: "#menu"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Daily Coffee, Done Right."
|
||||
description="Affordable, high-quality coffee in the heart of Porac."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Get Directions", href: "#location"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg",
|
||||
imageAlt: "Coffee shop vibe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg",
|
||||
imageAlt: "Barista service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg",
|
||||
imageAlt: "Coffee quality",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ceramic-bowl-with-coffee-cup-wooden-surface_176474-458.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14700.jpg",
|
||||
imageAlt: "Coffee close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-coffee-making-using-coffee-machine-restaurant-by-talanted-barista_613910-17354.jpg",
|
||||
imageAlt: "Cozy space",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg", imageAlt: "Coffee shop vibe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg", imageAlt: "Barista service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg", imageAlt: "Coffee quality" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ceramic-bowl-with-coffee-cup-wooden-surface_176474-458.jpg", imageAlt: "Cafe interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14700.jpg", imageAlt: "Coffee close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/process-coffee-making-using-coffee-machine-restaurant-by-talanted-barista_613910-17354.jpg", imageAlt: "Cozy space" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,8 +76,7 @@ export default function LandingPage() {
|
||||
title="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
},
|
||||
text: "Visit Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,20 +88,11 @@ export default function LandingPage() {
|
||||
description="We bring premium taste to every cup in Porac."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "5.0 Rating",
|
||||
content: "Consistently loved by our local community.",
|
||||
},
|
||||
id: "f1", title: "5.0 Rating", content: "Consistently loved by our local community."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Affordable Premium",
|
||||
content: "Café-quality taste without the high price tag.",
|
||||
},
|
||||
id: "f2", title: "Affordable Premium", content: "Café-quality taste without the high price tag."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cozy Atmosphere",
|
||||
content: "A perfect chill spot for any time of day.",
|
||||
},
|
||||
id: "f3", title: "Cozy Atmosphere", content: "A perfect chill spot for any time of day."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caffeine-working-coffee-cup-table_1122-2430.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -145,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso",
|
||||
price: "Price in-store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-two-cups-coffee-cookies-cinnamon-limes-old-newspaper-dark-background_140725-143595.jpg",
|
||||
},
|
||||
id: "p1", name: "Espresso", price: "Price in-store", imageSrc: "http://img.b2bpic.net/free-photo/top-view-two-cups-coffee-cookies-cinnamon-limes-old-newspaper-dark-background_140725-143595.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Latte",
|
||||
price: "Price in-store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cuffee-cups-natural-wooden-textured_53876-95387.jpg",
|
||||
},
|
||||
id: "p2", name: "Latte", price: "Price in-store", imageSrc: "http://img.b2bpic.net/free-photo/cuffee-cups-natural-wooden-textured_53876-95387.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cappuccino",
|
||||
price: "Price in-store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-eclairs-with-cup-tea-dark-table-dessert-sweet-cake_140725-81752.jpg",
|
||||
},
|
||||
id: "p3", name: "Cappuccino", price: "Price in-store", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-eclairs-with-cup-tea-dark-table-dessert-sweet-cake_140725-81752.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chocolate",
|
||||
price: "Price in-store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",
|
||||
},
|
||||
id: "p4", name: "Chocolate", price: "Price in-store", imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Milk Tea",
|
||||
price: "Price in-store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg",
|
||||
},
|
||||
id: "p5", name: "Milk Tea", price: "Price in-store", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pastries",
|
||||
price: "Price in-store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cake-biscuit-rolls-dark-surface_140725-75137.jpg",
|
||||
},
|
||||
id: "p6", name: "Pastries", price: "Price in-store", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cake-biscuit-rolls-dark-surface_140725-75137.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Affordable options for every craving."
|
||||
@@ -193,23 +131,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Coffee,
|
||||
title: "Cups Served",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "m1", icon: Coffee,
|
||||
title: "Cups Served", value: "10k+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Rating", value: "5.0"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Happy Guests",
|
||||
value: "5k+",
|
||||
},
|
||||
id: "m3", icon: Smile,
|
||||
title: "Happy Guests", value: "5k+"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quality service metrics."
|
||||
@@ -224,45 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
role: "Local",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna S.", role: "Local", company: "Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
role: "Student",
|
||||
company: "Porac U",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077813.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark L.", role: "Student", company: "Porac U", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077813.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
role: "Office",
|
||||
company: "Work",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-taking-break-drinking-coffee-from-takeaway-standing-blue-background_1258-158027.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", role: "Office", company: "Work", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-taking-break-drinking-coffee-from-takeaway-standing-blue-background_1258-158027.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John D.",
|
||||
role: "Client",
|
||||
company: "Fiesta",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man_1098-14322.jpg",
|
||||
},
|
||||
id: "t4", name: "John D.", role: "Client", company: "Fiesta", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man_1098-14322.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria G.",
|
||||
role: "Guest",
|
||||
company: "Porac",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg",
|
||||
},
|
||||
id: "t5", name: "Maria G.", role: "Guest", company: "Porac", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Our community's favorite neighborhood spot."
|
||||
@@ -273,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
text="Visit us at B10 Lot 1, Fiesta Communities, Brgy. Manibaug Paralaya, Porac, Pampanga."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,29 +190,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Coffee", href: "#menu"},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Pastries", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user