Update src/app/page.tsx
This commit is contained in:
245
src/app/page.tsx
245
src/app/page.tsx
@@ -30,105 +30,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Selection",
|
||||
id: "featured",
|
||||
},
|
||||
name: "Selection", id: "featured"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit Us", id: "visit"},
|
||||
]}
|
||||
brandName="Harold's"
|
||||
button={{
|
||||
text: "Order Online", href: "#visit"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Baked Slow. Loved Deeply."
|
||||
description="Golden crusts. Warm centers. The kind of baking you don’t rush—and never forget."
|
||||
kpis={[
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Small Batches",
|
||||
},
|
||||
value: "Daily", label: "Small Batches"},
|
||||
{
|
||||
value: "Handmade",
|
||||
label: "Process",
|
||||
},
|
||||
value: "Handmade", label: "Process"},
|
||||
{
|
||||
value: "Fresh",
|
||||
label: "Every Morning",
|
||||
},
|
||||
value: "Fresh", label: "Every Morning"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
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"
|
||||
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/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/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/free-photo/person-doing-diy-activity-online-content-creation_23-2151515853.jpg", alt: "Bakery fan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/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/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",
|
||||
},
|
||||
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: "Sourdough"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Croissants",
|
||||
},
|
||||
type: "text", text: "Croissants"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Tarts",
|
||||
},
|
||||
type: "text", text: "Artisan Tarts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Pastries",
|
||||
},
|
||||
type: "text", text: "Fresh Pastries"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Flours",
|
||||
},
|
||||
type: "text", text: "Organic Flours"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,38 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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: "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: "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."
|
||||
@@ -194,59 +137,23 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -261,25 +168,15 @@ export default function LandingPage() {
|
||||
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/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/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/free-photo/person-doing-diy-activity-online-content-creation_23-2151515853.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/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/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",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24663.jpg", alt: "Customer"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -290,12 +187,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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."
|
||||
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"
|
||||
imageAlt="Harold's Bakery counter"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -305,46 +201,29 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Harold's",
|
||||
items: [
|
||||
title: "Harold's", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Selection",
|
||||
href: "#featured",
|
||||
},
|
||||
label: "Selection", href: "#featured"},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "#visit",
|
||||
},
|
||||
label: "Visit", href: "#visit"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user