Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8d937f27b9 |
229
src/app/page.tsx
229
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "reviews"},
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Black Wolf Coffee"
|
brandName="Black Wolf Coffee"
|
||||||
/>
|
/>
|
||||||
@@ -50,108 +44,63 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Coffee with Bite. Comfort that Lingers."
|
title="Coffee with Bite. Comfort that Lingers."
|
||||||
description="Toronto’s premier destination for bold espresso, artisanal Hatch roasts, and the city’s most coveted ginger molasses cookies."
|
description="Toronto’s premier destination for bold espresso, artisanal Hatch roasts, and the city’s most coveted ginger molasses cookies."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-sugar-cubes_23-2148337158.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-sugar-cubes_23-2148337158.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancake-inside-round-metal-pan-around-powdered-chocolate-dark-surface_140725-14559.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancake-inside-round-metal-pan-around-powdered-chocolate-dark-surface_140725-14559.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-hiding-her-face_23-2149551258.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-hiding-her-face_23-2149551258.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-milk-into-coffee-coffee-shop_1303-19413.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-milk-into-coffee-coffee-shop_1303-19413.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pouring-splashing-into-dark-cup_84443-84495.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pouring-splashing-into-dark-cup_84443-84495.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-barista-frothing-milk_23-2148523068.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-barista-frothing-milk_23-2148523068.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865607.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865607.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-redhead-guy-holding-coffee-cup_171337-9995.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-redhead-guy-holding-coffee-cup_171337-9995.jpg", imageAlt: "Hero espresso pour"},
|
||||||
imageAlt: "Hero espresso pour",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order for Pickup",
|
text: "Order Coffee Now", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View the Menu",
|
text: "View the Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-barista-serving-cups-coffee_23-2148522983.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-barista-serving-cups-coffee_23-2148522983.jpg", alt: "Barista team member"},
|
||||||
alt: "Barista team member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-waiters-serving-cup-coffee-counter_1170-623.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-waiters-serving-cup-coffee-counter_1170-623.jpg", alt: "Barista team member"},
|
||||||
alt: "Barista team member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756284.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756284.jpg", alt: "Barista team member"},
|
||||||
alt: "Barista team member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/low-angle-baristas-posing-back-back_23-2148523080.jpg",
|
src: "http://img.b2bpic.net/free-photo/low-angle-baristas-posing-back-back_23-2148523080.jpg", alt: "Barista team member"},
|
||||||
alt: "Barista team member",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2329.jpg",
|
src: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2329.jpg", alt: "Barista team member"},
|
||||||
alt: "Barista team member",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join our growing pack of regulars"
|
avatarText="Join our growing pack of regulars"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Hatch Roasts"},
|
||||||
text: "Hatch Roasts",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Artisan Baked"},
|
||||||
text: "Artisan Baked",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Bay St. Hub"},
|
||||||
text: "Bay St. Hub",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Bold Flavor"},
|
||||||
text: "Bold Flavor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Toronto Local"},
|
||||||
text: "Toronto Local",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -161,9 +110,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A Sanctuary of Strong Caffeine"
|
title="A Sanctuary of Strong Caffeine"
|
||||||
description={[
|
description={[
|
||||||
"We aren't just another stop on your commute. Between the glass towers of Toronto, Black Wolf Coffee is a sanctuary of strong caffeine and homemade comfort.",
|
"We aren't just another stop on your commute. Between the glass towers of Toronto, Black Wolf Coffee is a sanctuary of strong caffeine and homemade comfort.", "Whether it's a 'Supernova' espresso or a seat in our cozy corner, we provide the fuel for the modern pack. Our team brings the warmth and friendly service that makes every visit memorable."]}
|
||||||
"Whether it's a 'Supernova' espresso or a seat in our cozy corner, we provide the fuel for the modern pack. Our team brings the warmth and friendly service that makes every visit memorable.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -174,17 +121,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Strong Hatch Roasts",
|
"Strong Hatch Roasts", "Artisan Baked Goods", "Cozy Den Atmosphere"],
|
||||||
"Artisan Baked Goods",
|
|
||||||
"Cozy Den Atmosphere",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Subtext Balanced Beans",
|
"Subtext Balanced Beans", "Ginger Molasses Famous", "Professional Staff Care"],
|
||||||
"Ginger Molasses Famous",
|
|
||||||
"Professional Staff Care",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
title="The Strength & Art Experience"
|
title="The Strength & Art Experience"
|
||||||
description="A refined look at what makes our den the preferred stop on Bay Street."
|
description="A refined look at what makes our den the preferred stop on Bay Street."
|
||||||
@@ -199,59 +140,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", brand: "Signature", name: "Supernova Espresso", price: "$4.50", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg"},
|
||||||
name: "Supernova Espresso",
|
|
||||||
price: "$4.50",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", brand: "Pastry", name: "Ginger Molasses Cookie", price: "$3.75", rating: 5,
|
||||||
brand: "Pastry",
|
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gingerbread-cookies-bowl_181624-60657.jpg"},
|
||||||
name: "Ginger Molasses Cookie",
|
|
||||||
price: "$3.75",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "340",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-gingerbread-cookies-bowl_181624-60657.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", brand: "Signature", name: "Dolce Latte", price: "$6.25", rating: 4,
|
||||||
brand: "Signature",
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/porcelain-cups-near-teapot_23-2147809277.jpg"},
|
||||||
name: "Dolce Latte",
|
|
||||||
price: "$6.25",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/porcelain-cups-near-teapot_23-2147809277.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", brand: "Pastry", name: "S'mores Strawberry Cookie", price: "$4.00", rating: 5,
|
||||||
brand: "Pastry",
|
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll-assortment-top-view_23-2148904730.jpg"},
|
||||||
name: "S'mores Strawberry Cookie",
|
|
||||||
price: "$4.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "92",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll-assortment-top-view_23-2148904730.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", brand: "Craft", name: "Oatly Matcha", price: "$6.50", rating: 5,
|
||||||
brand: "Craft",
|
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-matcha-tea-cup-coaster_23-2148378882.jpg"},
|
||||||
name: "Oatly Matcha",
|
|
||||||
price: "$6.50",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "110",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-matcha-tea-cup-coaster_23-2148378882.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", brand: "Pastry", name: "Macadamia Butter Tart", price: "$4.25", rating: 5,
|
||||||
brand: "Pastry",
|
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/creative-arrangement-delicious-macarons_23-2148949040.jpg"},
|
||||||
name: "Macadamia Butter Tart",
|
|
||||||
price: "$4.25",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "65",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-arrangement-delicious-macarons_23-2148949040.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Vault"
|
title="Our Signature Vault"
|
||||||
description="Artisanal pours and handmade decadence."
|
description="Artisanal pours and handmade decadence."
|
||||||
@@ -266,25 +171,15 @@ export default function LandingPage() {
|
|||||||
author="C R. & cokeys"
|
author="C R. & cokeys"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg",
|
src: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-coffee-cup_1170-644.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-coffee-cup_1170-644.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg",
|
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -295,14 +190,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
text="Find us at 717 Bay St, Toronto. We are Open for your daily fuel."
|
text="Find us at 717 Bay St, Toronto. We are Open for your daily fuel."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -313,20 +205,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Where are you located?", content: "717 Bay St, Toronto."},
|
||||||
title: "Where are you located?",
|
|
||||||
content: "717 Bay St, Toronto.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Do you offer vegan options?", content: "Yes, we have Oatly-based lattes."},
|
||||||
title: "Do you offer vegan options?",
|
|
||||||
content: "Yes, we have Oatly-based lattes.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "How can I order?", content: "Use our quick pickup system online."},
|
||||||
title: "How can I order?",
|
|
||||||
content: "Use our quick pickup system online.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -340,16 +223,12 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Black Wolf Coffee"
|
logoText="Black Wolf Coffee"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user