Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "product" },
|
||||
{ name: "Community", id: "contact" }
|
||||
]}
|
||||
brandName="Wildhearts"
|
||||
/>
|
||||
@@ -57,37 +45,16 @@ export default function LandingPage() {
|
||||
title="Your Neighborhood Ritual."
|
||||
description="Where exceptional coffee meets warm community energy in the heart of the Annex."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
{ text: "Order Online", href: "#" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-antique-lamp-brightens-old-brick-wall-generated-by-ai_188544-27636.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glowing-antique-lamp-brightens-old-brick-wall-generated-by-ai_188544-27636.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-celebrating-gender-reveal-full-shot_23-2150154732.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/sun-shines-faces-stunning-woman-sitting-red-sunglasses-cafe_8353-5111.jpg", alt: "Customer portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg", alt: "Customer portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg", alt: "Customer portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg", alt: "Customer portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-celebrating-gender-reveal-full-shot_23-2150154732.jpg", alt: "Customer portrait 5" }
|
||||
]}
|
||||
avatarText="Join our community of over 500+ regular coffee lovers."
|
||||
/>
|
||||
@@ -100,20 +67,11 @@ export default function LandingPage() {
|
||||
title="A Hidden Gem of Creativity"
|
||||
description="Wildhearts is more than a café; it's a sanctuary for the curious, the creative, and the community-focused. Designed for those who value slow moments and artisanal craft."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artistic Energy",
|
||||
description: "Surrounded by local art and thoughtfully curated music.",
|
||||
},
|
||||
{
|
||||
title: "Calm Productivity",
|
||||
description: "Sunlit spaces and reliable atmosphere for your next breakthrough.",
|
||||
},
|
||||
{
|
||||
title: "Community Ritual",
|
||||
description: "Every cup served is a commitment to neighborhood connection.",
|
||||
},
|
||||
{ title: "Artistic Energy", description: "Surrounded by local art and thoughtfully curated music." },
|
||||
{ title: "Calm Productivity", description: "Sunlit spaces and reliable atmosphere for your next breakthrough." },
|
||||
{ title: "Community Ritual", description: "Every cup served is a commitment to neighborhood connection." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-drinks_23-2149454327.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-drinks_23-2149454327.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,41 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Exceptional Coffee",
|
||||
description: "Expertly roasted beans for the perfect flat white or iced vanilla latte.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648720.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-tasty-drink-cinnamon-marble_114579-29624.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-antique-lamp-brightens-old-brick-wall-generated-by-ai_188544-27636.jpg?_wi=2",
|
||||
imageAlt: "premium flat white coffee latte art",
|
||||
title: "Exceptional Coffee", description: "Expertly roasted beans for the perfect flat white or iced vanilla latte.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648720.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/glass-with-tasty-drink-cinnamon-marble_114579-29624.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Homemade Baked Goods",
|
||||
description: "Freshly baked every morning: flaky croissants and artisan muffins.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-brownies-milk_140725-4360.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-muffins-metal-molds-closeups-bakery_169016-25728.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-drinks_23-2149454327.jpg?_wi=2",
|
||||
imageAlt: "premium flat white coffee latte art",
|
||||
title: "Homemade Baked Goods", description: "Freshly baked every morning: flaky croissants and artisan muffins.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pair-brownies-milk_140725-4360.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-muffins-metal-molds-closeups-bakery_169016-25728.jpg" }
|
||||
},
|
||||
{
|
||||
title: "The Iconic Patio",
|
||||
description: "Soak in the neighborhood energy on our legendary outdoor space.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-girl-having-fun-roof_23-2147784795.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-old-grinder_1204-103.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg?_wi=1",
|
||||
imageAlt: "premium flat white coffee latte art",
|
||||
},
|
||||
title: "The Iconic Patio", description: "Soak in the neighborhood energy on our legendary outdoor space.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/anonymous-girl-having-fun-roof_23-2147784795.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-old-grinder_1204-103.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Crafted with Intention"
|
||||
@@ -173,60 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Coffee",
|
||||
name: "Signature Flat White",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Coffee",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$6.25",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-chocolade-table_140725-43748.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Bakery",
|
||||
name: "Classic Croissant",
|
||||
price: "$4.50",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cake-chocolate_1388-249.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Tea",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.75",
|
||||
rating: 4,
|
||||
reviewCount: "82",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-green-tea-latte-with-milk-white-cup-with-green-leaves-wooden-spoon_181624-772.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Bakery",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$4.00",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7518.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Specialty",
|
||||
name: "Cold Brew Cubes",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244121.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Coffee", name: "Signature Flat White", price: "$5.50", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg" },
|
||||
{ id: "2", brand: "Coffee", name: "Iced Vanilla Latte", price: "$6.25", rating: 5, reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/cold-chocolade-table_140725-43748.jpg" },
|
||||
{ id: "3", brand: "Bakery", name: "Classic Croissant", price: "$4.50", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cake-chocolate_1388-249.jpg" },
|
||||
{ id: "4", brand: "Tea", name: "Matcha Latte", price: "$5.75", rating: 4, reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-green-tea-latte-with-milk-white-cup-with-green-leaves-wooden-spoon_181624-772.jpg" },
|
||||
{ id: "5", brand: "Bakery", name: "Blueberry Muffin", price: "$4.00", rating: 5, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7518.jpg" },
|
||||
{ id: "6", brand: "Specialty", name: "Cold Brew Cubes", price: "$6.00", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations-still-life_23-2150244121.jpg" }
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Our seasonal menu highlights the best of modern café culture."
|
||||
@@ -239,24 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Coffee Cups Served",
|
||||
value: "150k+",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Community Gatherings",
|
||||
value: "500+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years of Magic",
|
||||
value: "12+",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", title: "Coffee Cups Served", value: "150k+", icon: Coffee },
|
||||
{ id: "m2", title: "Community Gatherings", value: "500+", icon: Users },
|
||||
{ id: "m3", title: "Years of Magic", value: "12+", icon: Award }
|
||||
]}
|
||||
title="A Neighborhood Staple"
|
||||
description="We are proud to serve our community every single day."
|
||||
@@ -270,46 +141,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-barista-female-staff-worker-apron-showing-thumbs-up-pointing-copy-space_1258-199229.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-book-sitting-cafe_23-2147737549.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Designer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Writer",
|
||||
company: "Author",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6806.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
role: "Neighbor",
|
||||
company: "The Annex",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-designer-talking-by-phone_171337-15736.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Creative", company: "Local Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-barista-female-staff-worker-apron-showing-thumbs-up-pointing-copy-space_1258-199229.jpg" },
|
||||
{ id: "t2", name: "Michael C.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-book-sitting-cafe_23-2147737549.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Designer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9650.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Writer", company: "Author", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6806.jpg" },
|
||||
{ id: "t5", name: "Jessica L.", role: "Neighbor", company: "The Annex", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-designer-talking-by-phone_171337-15736.jpg" }
|
||||
]}
|
||||
title="Loved by the Neighborhood"
|
||||
description="Hear what our regulars have to say about the Wildhearts experience."
|
||||
@@ -319,19 +155,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Join our neighborhood ritual. We’re open daily from 8AM until sunset on the patio."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Visit Our Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{ text: "Order Online", href: "#" },
|
||||
{ text: "Visit Our Instagram", href: "https://instagram.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -340,57 +168,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Wildhearts Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{
|
||||
label: "The Annex, Toronto",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "8AM - 6PM Daily",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Visit", items: [{ label: "The Annex, Toronto", href: "#" }, { label: "8AM - 6PM Daily", href: "#" }] },
|
||||
{ title: "Explore", items: [{ label: "Our Menu", href: "#product" }, { label: "Our Story", href: "#about" }, { label: "Events", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Catering", href: "#" }, { label: "Newsletter", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user