Merge version_1 into main #1
210
src/app/page.tsx
210
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dopapen Coffee"
|
||||
/>
|
||||
@@ -58,33 +50,21 @@ export default function LandingPage() {
|
||||
description="Expertly crafted coffee and a welcoming space where the community gathers. Visit us today and discover your new favorite coffee spot."
|
||||
buttons={[
|
||||
{
|
||||
text: "8200 Birchmount Rd unit M, Markham, ON L3R 5M6",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "8200 Birchmount Rd unit M, Markham, ON L3R 5M6", href: "https://maps.google.com"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2148395431.jpg",
|
||||
alt: "Group of friends meeting at restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2148395431.jpg", alt: "Group of friends meeting at restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg",
|
||||
alt: "Young woman drinking tea in a cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-tea-cafe_1303-25721.jpg", alt: "Young woman drinking tea in a cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg",
|
||||
alt: "Person in a cafe enjoying a book",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg", alt: "Person in a cafe enjoying a book"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
|
||||
alt: "Coffee shop with people",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg", alt: "Coffee shop with people"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-city_1157-19949.jpg",
|
||||
alt: "Cute and stylish family in a summer city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-stylish-family-summer-city_1157-19949.jpg", alt: "Cute and stylish family in a summer city"},
|
||||
]}
|
||||
avatarText="Join our growing coffee community"
|
||||
/>
|
||||
@@ -97,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Varietals",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Coffee Varietals", value: "15+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Hours Daily",
|
||||
value: "12",
|
||||
},
|
||||
label: "Hours Daily", value: "12"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Local Community",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Local Community", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,41 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Espresso",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-is-serving-by-barista-partial-dark-room-shop_1150-6094.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-is-serving-by-barista-partial-dark-room-shop_1150-6094.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Pour Over",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-coffee-with-roasted-beans_23-2148251666.jpg",
|
||||
},
|
||||
id: "p2", name: "Artisan Pour Over", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-coffee-with-roasted-beans_23-2148251666.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Cappuccino", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cold Brew Special",
|
||||
price: "$5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
|
||||
},
|
||||
id: "p4", name: "Cold Brew Special", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Iced Matcha Latte",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg",
|
||||
},
|
||||
id: "p5", name: "Iced Matcha Latte", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "House Pastry Duo",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg",
|
||||
},
|
||||
id: "p6", name: "House Pastry Duo", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/person-holding-cup-milky-coffee_114579-4398.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Handpicked selection of artisan brews and refreshments."
|
||||
@@ -166,42 +116,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quiet Workspace",
|
||||
author: "Professional Zone",
|
||||
description: "Dedicated tables for high-speed productivity.",
|
||||
tags: [
|
||||
"Wi-Fi",
|
||||
"Quiet",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-full-roasted-coffee-beans-marble-surface_114579-43561.jpg",
|
||||
},
|
||||
id: "f1", title: "Quiet Workspace", author: "Professional Zone", description: "Dedicated tables for high-speed productivity.", tags: [
|
||||
"Wi-Fi", "Quiet"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-full-roasted-coffee-beans-marble-surface_114579-43561.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Social Seating",
|
||||
author: "Community Area",
|
||||
description: "Comfortable couches for small group meetups.",
|
||||
tags: [
|
||||
"Social",
|
||||
"Gathering",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-perfection_23-2151961357.jpg",
|
||||
},
|
||||
id: "f2", title: "Social Seating", author: "Community Area", description: "Comfortable couches for small group meetups.", tags: [
|
||||
"Social", "Gathering"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-perfection_23-2151961357.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Community Vibe",
|
||||
author: "Markham Local",
|
||||
description: "A truly inclusive space for everyone.",
|
||||
tags: [
|
||||
"Welcoming",
|
||||
"Local",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg",
|
||||
},
|
||||
id: "f3", title: "Community Vibe", author: "Markham Local", description: "A truly inclusive space for everyone.", tags: [
|
||||
"Welcoming", "Local"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg"},
|
||||
]}
|
||||
title="Your Home Away From Home"
|
||||
description="Whether you're finishing a deadline or catching up with friends, our space is designed for comfort."
|
||||
@@ -214,45 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best Coffee!",
|
||||
quote: "The absolute best specialty coffee in Markham. A daily ritual.",
|
||||
name: "Sarah Chen",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-white-headphones-smoothie-table_1157-2109.jpg",
|
||||
},
|
||||
id: "t1", title: "Best Coffee!", quote: "The absolute best specialty coffee in Markham. A daily ritual.", name: "Sarah Chen", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-white-headphones-smoothie-table_1157-2109.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Work Paradise",
|
||||
quote: "I spend hours here remote working. Reliable WiFi and great drinks.",
|
||||
name: "David Smith",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg",
|
||||
},
|
||||
id: "t2", title: "Work Paradise", quote: "I spend hours here remote working. Reliable WiFi and great drinks.", name: "David Smith", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Warm Vibe",
|
||||
quote: "Love the cozy atmosphere and the friendly staff. Highly recommend.",
|
||||
name: "Anita Gupta",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-adult-female-woman-wear-apron-standing-entrance-her-workshop-pottery-studio-incasual-cloth-relax-smiling-confident-warm-welcomeasian-woman-with-her-home-studio-workshop_609648-2692.jpg",
|
||||
},
|
||||
id: "t3", title: "Warm Vibe", quote: "Love the cozy atmosphere and the friendly staff. Highly recommend.", name: "Anita Gupta", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-adult-female-woman-wear-apron-standing-entrance-her-workshop-pottery-studio-incasual-cloth-relax-smiling-confident-warm-welcomeasian-woman-with-her-home-studio-workshop_609648-2692.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Hidden Gem",
|
||||
quote: "Finally, a great coffee shop in the neighborhood. Love it.",
|
||||
name: "Mark Johnson",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-muffin-boss_23-2148636882.jpg",
|
||||
},
|
||||
id: "t4", title: "Hidden Gem", quote: "Finally, a great coffee shop in the neighborhood. Love it.", name: "Mark Johnson", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/coffee-muffin-boss_23-2148636882.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Superbly Crafted",
|
||||
quote: "Every latte art is perfect. You can taste the quality here.",
|
||||
name: "Emily Wong",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg",
|
||||
},
|
||||
id: "t5", title: "Superbly Crafted", quote: "Every latte art is perfect. You can taste the quality here.", name: "Emily Wong", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-black-woman-smiling-camera-home_197531-33133.jpg"},
|
||||
]}
|
||||
title="What Markham Says"
|
||||
description="Our community values the quality and ambiance we bring daily."
|
||||
@@ -264,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer parking?",
|
||||
content: "Yes, we have convenient parking available for our customers on Birchmount Road.",
|
||||
},
|
||||
id: "q1", title: "Do you offer parking?", content: "Yes, we have convenient parking available for our customers on Birchmount Road."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your space dog-friendly?",
|
||||
content: "Yes, well-behaved dogs are welcome on our outdoor patio area.",
|
||||
},
|
||||
id: "q2", title: "Is your space dog-friendly?", content: "Yes, well-behaved dogs are welcome on our outdoor patio area."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accept advance orders?",
|
||||
content: "We currently do not offer online pre-orders, please visit us in person.",
|
||||
},
|
||||
id: "q3", title: "Do you accept advance orders?", content: "We currently do not offer online pre-orders, please visit us in person."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -288,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Find Us & Visit"
|
||||
description="Come visit Dopapen Coffee @ Markham. We look forward to pouring you a perfect cup."
|
||||
@@ -304,37 +194,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Our Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user