Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Puāwai"
|
||||
/>
|
||||
@@ -59,60 +44,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your local spot for coffee, kai, and craft."
|
||||
description="Experience the warmth of Puāwai in the heart of Napier. Locally owned, crafted with love, and always fresh."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244096.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244096.jpg"
|
||||
imageAlt="cozy coffee shop interior warm lighting"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffin_23-2148337164.jpg",
|
||||
alt: "Front view cup of coffee with a muffin",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg",
|
||||
alt: "Home workspace minimalistic design",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
|
||||
alt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1507.jpg",
|
||||
alt: "Coffee cup",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-view-cup-black-tea-delicious-croisasant-beloved-one-dark-table_140725-95024.jpg",
|
||||
alt: "Vertical view of a cup of black tea delicious croisasant for beloved one on dark table",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffin_23-2148337164.jpg", alt: "Front view cup of coffee with a muffin" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg", alt: "Home workspace minimalistic design" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", alt: "Laptop; digital tablet; book and pot plant on wooden table in the restaurant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1507.jpg", alt: "Coffee cup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-view-cup-black-tea-delicious-croisasant-beloved-one-dark-table_140725-95024.jpg", alt: "Vertical view of a cup of black tea delicious croisasant for beloved one on dark table" },
|
||||
]}
|
||||
avatarText="Join our growing community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-cupcake-red-plate_23-2148815862.jpg",
|
||||
alt: "High angle cupcake on red plate",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/work-space-top-view-wooden-table_93675-128403.jpg",
|
||||
alt: "Work space, top view. on wooden table.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-scanning-qr-restaurant_23-2149357913.jpg",
|
||||
alt: "Medium shot smiley woman scanning qr at restaurant",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craft",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-cupcake-red-plate_23-2148815862.jpg", alt: "High angle cupcake on red plate" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/work-space-top-view-wooden-table_93675-128403.jpg", alt: "Work space, top view. on wooden table." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-scanning-qr-restaurant_23-2149357913.jpg", alt: "Medium shot smiley woman scanning qr at restaurant" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Artisanal Craft" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,15 +71,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to the Bay.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/person-pouring-espresso-coffee-glass-with-cake-slices-chopping-board_23-2147906726.jpg",
|
||||
alt: "friendly cafe owners smiling",
|
||||
},
|
||||
{ type: "text", content: "Welcome to the Bay." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/person-pouring-espresso-coffee-glass-with-cake-slices-chopping-board_23-2147906726.jpg", alt: "friendly cafe owners smiling" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,49 +84,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expertly Crafted Coffee",
|
||||
description: "Flat whites, oat lattes, and the best mochas in town.",
|
||||
icon: Coffee,
|
||||
title: "Expertly Crafted Coffee", description: "Flat whites, oat lattes, and the best mochas in town.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_1203-3413.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-milkshake_23-2148635670.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244096.jpg?_wi=2",
|
||||
imageAlt: "flat white coffee latte art",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_1203-3413.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-milkshake_23-2148635670.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Local Goods & Crafts",
|
||||
description: "Browse our curated selection of local treasures and gifts.",
|
||||
icon: ShoppingBag,
|
||||
title: "Local Goods & Crafts", description: "Browse our curated selection of local treasures and gifts.", icon: ShoppingBag,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-packaging-wooden-table-with-natural-background_23-2151965889.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://prod-2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-espresso-coffee-glass-with-cake-slices-chopping-board_23-2147906726.jpg",
|
||||
imageAlt: "flat white coffee latte art",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-packaging-wooden-table-with-natural-background_23-2151965889.jpg" },
|
||||
{ imageSrc: "asset://prod-2" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community Atmosphere",
|
||||
description: "A welcoming, friendly spot to enjoy your kai and connect.",
|
||||
icon: Heart,
|
||||
title: "Community Atmosphere", description: "A welcoming, friendly spot to enjoy your kai and connect.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16122.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424025.jpg?_wi=1",
|
||||
imageAlt: "flat white coffee latte art",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16122.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why visit Puāwai?"
|
||||
@@ -198,48 +117,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Flat White",
|
||||
price: "$5.00",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-16564.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Oat Milk Mocha",
|
||||
price: "$6.50",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-coffee-latte-piece-fabric-pampas-grass-blue-background_114579-74452.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Focaccia Toasty",
|
||||
price: "$9.00",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Homemade Pie",
|
||||
price: "$8.00",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-coffee-with-whipped-cream-table_23-2148937309.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Local Craft Gift",
|
||||
price: "$10.00",
|
||||
variant: "Gift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-japanese-woman_23-2148966947.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisanal Pastry",
|
||||
price: "$7.00",
|
||||
variant: "Food",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-cracker-glass-milk-wooden-table_114579-18244.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Flat White", price: "$5.00", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-16564.jpg" },
|
||||
{ id: "p2", name: "Oat Milk Mocha", price: "$6.50", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-coffee-latte-piece-fabric-pampas-grass-blue-background_114579-74452.jpg" },
|
||||
{ id: "p3", name: "Focaccia Toasty", price: "$9.00", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/black-cafe-food-old-background_1339-66.jpg" },
|
||||
{ id: "p4", name: "Homemade Pie", price: "$8.00", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-coffee-with-whipped-cream-table_23-2148937309.jpg" },
|
||||
{ id: "p5", name: "Local Craft Gift", price: "$10.00", variant: "Gift", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-japanese-woman_23-2148966947.jpg" },
|
||||
{ id: "p6", name: "Artisanal Pastry", price: "$7.00", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/rice-cracker-glass-milk-wooden-table_114579-18244.jpg" },
|
||||
]}
|
||||
title="Our Daily Menu"
|
||||
description="Fresh, delicious, and made to order."
|
||||
@@ -252,21 +135,9 @@ export default function LandingPage() {
|
||||
title="By the numbers"
|
||||
tag="Trusted"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "122+",
|
||||
description: "Happy Reviews",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Friendly Service",
|
||||
},
|
||||
{ id: "m1", value: "122+", description: "Happy Reviews" },
|
||||
{ id: "m2", value: "5.0", description: "Star Rating" },
|
||||
{ id: "m3", value: "100%", description: "Friendly Service" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -277,46 +148,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing Atmosphere",
|
||||
quote: "This place is amazing! Beautiful vibes and kindly greeted by the lovely owners.",
|
||||
name: "Crystal Karaitiana",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424025.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Coffee",
|
||||
quote: "A lovely coffee shop with great coffee and local crafts.",
|
||||
name: "Sam Wachsberger",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Absolutely the best",
|
||||
quote: "OMG, absolutely the best coffee I have ever had! The oat milk mocha was smooth.",
|
||||
name: "Irene Edwards",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-girl-with-hat-camera_23-2148752373.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Beautiful vibes",
|
||||
quote: "Would recommend 100%. Awesome decor and gifts.",
|
||||
name: "Sarah Miller",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Lovely spot",
|
||||
quote: "Such a lovely little spot to enjoy your kai and beverages.",
|
||||
name: "John Doe",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Amazing Atmosphere", quote: "This place is amazing! Beautiful vibes and kindly greeted by the lovely owners.", name: "Crystal Karaitiana", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424025.jpg" },
|
||||
{ id: "t2", title: "Great Coffee", quote: "A lovely coffee shop with great coffee and local crafts.", name: "Sam Wachsberger", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg" },
|
||||
{ id: "t3", title: "Absolutely the best", quote: "OMG, absolutely the best coffee I have ever had! The oat milk mocha was smooth.", name: "Irene Edwards", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-girl-with-hat-camera_23-2148752373.jpg" },
|
||||
{ id: "t4", title: "Beautiful vibes", quote: "Would recommend 100%. Awesome decor and gifts.", name: "Sarah Miller", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg" },
|
||||
{ id: "t5", title: "Lovely spot", quote: "Such a lovely little spot to enjoy your kai and beverages.", name: "John Doe", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg" },
|
||||
]}
|
||||
title="Kind Words"
|
||||
description="See what our lovely customers have to say about Puāwai."
|
||||
@@ -328,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes! We have a range of pastries including gluten-free and vegan options.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, come visit us for your morning brew and pastries!",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We're at 17D Latham Street, Napier South, Napier.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer vegan options?", content: "Yes! We have a range of pastries including gluten-free and vegan options." },
|
||||
{ id: "f2", title: "Are you open on weekends?", content: "Yes, come visit us for your morning brew and pastries!" },
|
||||
{ id: "f3", title: "Where are you located?", content: "We're at 17D Latham Street, Napier South, Napier." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We're happy to help."
|
||||
@@ -353,9 +177,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Connect"
|
||||
title="Visit us in Napier"
|
||||
description="Stop by for a coffee or reach out for questions. 17D Latham Street, Napier South."
|
||||
@@ -369,16 +191,8 @@ export default function LandingPage() {
|
||||
logoText="Puāwai"
|
||||
copyrightText="© 2024 Puāwai Napier"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user