Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
172
src/app/page.tsx
172
src/app/page.tsx
@@ -29,79 +29,52 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Selection", id: "featured"},
|
||||
{
|
||||
name: "Visit Us", id: "visit"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Selection", id: "featured" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit Us", id: "visit" },
|
||||
]}
|
||||
brandName="Harold's"
|
||||
button={{
|
||||
text: "Order Online", href: "#visit"
|
||||
text: "Order Online", href: "#visit"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
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={[
|
||||
{
|
||||
value: "Daily", label: "Small Batches"},
|
||||
{
|
||||
value: "Handmade", label: "Process"},
|
||||
{
|
||||
value: "Fresh", label: "Every Morning"},
|
||||
{ value: "Daily", label: "Small Batches" },
|
||||
{ value: "Handmade", label: "Process" },
|
||||
{ value: "Fresh", label: "Every Morning" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Today’s Selection", href: "#featured"},
|
||||
{
|
||||
text: "Visit Harold’s", href: "#visit"},
|
||||
{ text: "View Today’s Selection", href: "#featured" },
|
||||
{ text: "Visit Harold’s", href: "#visit" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=1"
|
||||
imageAlt="Fresh artisan bread at Harold's"
|
||||
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"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Sourdough"},
|
||||
{
|
||||
type: "text", text: "Croissants"},
|
||||
{
|
||||
type: "text", text: "Artisan Tarts"},
|
||||
{
|
||||
type: "text", text: "Fresh Pastries"},
|
||||
{
|
||||
type: "text", text: "Organic Flours"},
|
||||
{ type: "text", text: "Sourdough" },
|
||||
{ type: "text", text: "Croissants" },
|
||||
{ type: "text", text: "Artisan Tarts" },
|
||||
{ type: "text", text: "Fresh Pastries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Our Story"
|
||||
title="We believe that true flavor is a slow process, crafted with heart and the finest ingredients."
|
||||
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>
|
||||
|
||||
@@ -110,22 +83,18 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="The Signature Experience"
|
||||
description="Our artisanal process defines who we are."
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Slow Crafted Daily", author: "Harold's Method", description: "Small batches. Never rushed. Always worth the wait.", tags: [
|
||||
"Artisan", "Daily"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cake-parchment-paper-cloth_23-2148368311.jpg"},
|
||||
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"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-counter-store_169016-5446.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Locally Loved", author: "Community", description: "A hidden gem people can’t stop talking about.", tags: [
|
||||
"Local", "Favorite"],
|
||||
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"},
|
||||
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"],
|
||||
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>
|
||||
|
||||
@@ -135,97 +104,46 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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"
|
||||
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 id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="I used to bike 7km just to treat myself to their bread. Still stop by whenever I can."
|
||||
testimonial="Harold's Bakery isn't just about bread; it's an experience. The sourdough is a staple in my house."
|
||||
rating={5}
|
||||
author="Jay Strum"
|
||||
avatars={[
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
author="Sarah J., Regular Patron"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24663.jpg", alt: "Customer" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Come for the smell. Stay for the taste."
|
||||
description="Harold's Bakery. Open Daily. Come taste what everyone's talking about."
|
||||
title="Come for the smell, stay for the taste."
|
||||
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"
|
||||
imageAlt="Harold's Bakery counter"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Harold's", items: [
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Harold's", items: [{ 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."
|
||||
bottomRightText="Baked with patience. Shared with love."
|
||||
|
||||
Reference in New Issue
Block a user