Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f8fa43b084 | |||
| 0aa5f750f5 | |||
| 0d14157c02 | |||
| e83bf159bc |
172
src/app/page.tsx
172
src/app/page.tsx
@@ -29,79 +29,52 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Our Story", id: "about" },
|
||||||
{
|
{ name: "Selection", id: "featured" },
|
||||||
name: "Our Story", id: "about"},
|
{ name: "Reviews", id: "reviews" },
|
||||||
{
|
{ name: "Visit Us", id: "visit" },
|
||||||
name: "Selection", id: "featured"},
|
|
||||||
{
|
|
||||||
name: "Visit Us", id: "visit"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Harold's"
|
brandName="Harold's"
|
||||||
button={{
|
button={{
|
||||||
text: "Order Online", href: "#visit"
|
text: "Order Online", href: "#visit"
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
title="Baked Slow. Loved Deeply."
|
title="Baked Slow. Loved Deeply."
|
||||||
description="Golden crusts. Warm centers. The kind of baking you don’t rush—and never forget."
|
description="Artisan breads, delicate pastries, and signature pies. Experience the warmth of tradition at Harold's."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "Daily", label: "Small Batches" },
|
||||||
value: "Daily", label: "Small Batches"},
|
{ value: "Handmade", label: "Process" },
|
||||||
{
|
{ value: "Fresh", label: "Every Morning" },
|
||||||
value: "Handmade", label: "Process"},
|
|
||||||
{
|
|
||||||
value: "Fresh", label: "Every Morning"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "View Today’s Selection", href: "#featured" },
|
||||||
text: "View Today’s Selection", href: "#featured"},
|
{ text: "Visit Harold’s", href: "#visit" },
|
||||||
{
|
|
||||||
text: "Visit Harold’s", href: "#visit"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=1"
|
||||||
imageAlt="Fresh artisan bread at Harold's"
|
imageAlt="Fresh artisan bread at Harold's"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/girl-offering-bread-tray_23-2147984942.jpg", alt: "Happy regular"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24886.jpg", alt: "Local patron"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515853.jpg", alt: "Bakery fan"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1656.jpg", alt: "Visitor"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24663.jpg", alt: "Daily guest"},
|
|
||||||
]}
|
|
||||||
avatarText="Loved by 500+ locals"
|
avatarText="Loved by 500+ locals"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Sourdough" },
|
||||||
type: "text", text: "Sourdough"},
|
{ type: "text", text: "Croissants" },
|
||||||
{
|
{ type: "text", text: "Artisan Tarts" },
|
||||||
type: "text", text: "Croissants"},
|
{ type: "text", text: "Fresh Pastries" },
|
||||||
{
|
|
||||||
type: "text", text: "Artisan Tarts"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Fresh Pastries"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Organic Flours"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
|
tag="Our Story"
|
||||||
|
title="We believe that true flavor is a slow process, crafted with heart and the finest ingredients."
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="About Harold's"
|
|
||||||
title="There’s a certain kind of warmth you only feel when something is made the right way."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -110,22 +83,18 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
title="The Signature Experience"
|
||||||
|
description="Our artisanal process defines who we are."
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1", title: "Slow Crafted Daily", author: "Harold's Method", description: "Small batches. Never rushed. Always worth the wait.", tags: [
|
id: "s1", title: "The Daily Proof", author: "Harold's Standard", description: "Hand-shaped and fermented for 24 hours to ensure the perfect crumb and flavor profile.", tags: ["Artisan", "Slow-Baked"],
|
||||||
"Artisan", "Daily"],
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=1"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cake-parchment-paper-cloth_23-2148368311.jpg"},
|
},
|
||||||
{
|
{
|
||||||
id: "f2", title: "Locally Loved", author: "Community", description: "A hidden gem people can’t stop talking about.", tags: [
|
id: "s2", title: "Signature Pastries", author: "Chef's Selection", description: "Buttery, flaky, and golden. Prepared fresh every morning before the sun comes up.", tags: ["Pastry", "Morning Ritual"],
|
||||||
"Local", "Favorite"],
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24886.jpg"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-offering-bread-tray_23-2147984942.jpg"},
|
}
|
||||||
{
|
|
||||||
id: "f3", title: "Worth the Trip", author: "Experience", description: "Whether it’s 5 minutes or 7km—you’ll come back.", tags: [
|
|
||||||
"Destination", "Experience"],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24886.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="More Than a Bakery"
|
|
||||||
description="What makes Harold’s different."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -135,97 +104,46 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "p1", brand: "Bread", name: "Portage Bread", price: "$8.00", rating: 5,
|
|
||||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg"},
|
|
||||||
{
|
|
||||||
id: "p2", brand: "Pie", name: "Coconut Cream Pie", price: "$6.50", rating: 5,
|
|
||||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-cake-with-jam_23-2147802605.jpg"},
|
|
||||||
{
|
|
||||||
id: "p3", brand: "Tart", name: "Butterscotch Tart", price: "$5.00", rating: 4,
|
|
||||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/indulgent-caramel-melting-baked-dark-chocolate-generated-by-ai_188544-18043.jpg"},
|
|
||||||
{
|
|
||||||
id: "p4", brand: "Tart", name: "Lemon Tart", price: "$5.00", rating: 5,
|
|
||||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-served-plate_141793-1312.jpg"},
|
|
||||||
{
|
|
||||||
id: "p5", brand: "Pastry", name: "Fresh Scones", price: "$4.00", rating: 4,
|
|
||||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/scone-set_1150-11057.jpg"},
|
|
||||||
{
|
|
||||||
id: "p6", brand: "Treats", name: "Strawberry Coconut Cups", price: "$4.50", rating: 5,
|
|
||||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/fruit-glass-table_140725-428.jpg"},
|
|
||||||
]}
|
|
||||||
title="Featured Items"
|
title="Featured Items"
|
||||||
description="Most Loved. Always Remembered."
|
description="Our most popular creations, baked daily."
|
||||||
|
products={[
|
||||||
|
{ id: "p1", brand: "Bread", name: "Portage Sourdough", price: "$8.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg" },
|
||||||
|
{ id: "p2", brand: "Pie", name: "Coconut Cream Pie", price: "$6.50", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-cake-with-jam_23-2147802605.jpg" },
|
||||||
|
{ id: "p3", brand: "Tart", name: "Butterscotch Tart", price: "$5.00", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/indulgent-caramel-melting-baked-dark-chocolate-generated-by-ai_188544-18043.jpg" },
|
||||||
|
{ id: "p4", brand: "Tart", name: "Lemon Zest Tart", price: "$5.00", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-served-plate_141793-1312.jpg" },
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="reviews" data-section="reviews">
|
<div id="reviews" data-section="reviews">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={true}
|
testimonial="Harold's Bakery isn't just about bread; it's an experience. The sourdough is a staple in my house."
|
||||||
testimonial="I used to bike 7km just to treat myself to their bread. Still stop by whenever I can."
|
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Jay Strum"
|
author="Sarah J., Regular Patron"
|
||||||
avatars={[
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24663.jpg", alt: "Customer" }]}
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/girl-offering-bread-tray_23-2147984942.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24886.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/person-doing-diy-activity-online-content-creation_23-2151515853.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street_158538-1656.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24663.jpg", alt: "Customer"},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="visit" data-section="visit">
|
<div id="visit" data-section="visit">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "plain"}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Come for the smell. Stay for the taste."
|
title="Come for the smell, stay for the taste."
|
||||||
description="Harold's Bakery. Open Daily. Come taste what everyone's talking about."
|
description="We're located in the heart of the historic district. Stop by for a fresh loaf or a warm tart."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=2"
|
||||||
imageAlt="Harold's Bakery counter"
|
background={{ variant: "plain" }}
|
||||||
mediaAnimation="slide-up"
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Harold's", items: [{ label: "About", href: "#about" }, { label: "Selection", href: "#featured" }, { label: "Visit", href: "#visit" }] },
|
||||||
title: "Harold's", items: [
|
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||||
{
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||||
label: "About", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Selection", href: "#featured"},
|
|
||||||
{
|
|
||||||
label: "Visit", href: "#visit"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Social", items: [
|
|
||||||
{
|
|
||||||
label: "Instagram", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Facebook", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Terms of Service", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Harold's Bakery."
|
bottomLeftText="© 2024 Harold's Bakery."
|
||||||
bottomRightText="Baked with patience. Shared with love."
|
bottomRightText="Baked with patience. Shared with love."
|
||||||
|
|||||||
Reference in New Issue
Block a user