Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
184
src/app/page.tsx
184
src/app/page.tsx
@@ -30,24 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
button={{ text: "Order Now", href: "#features" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,36 +44,16 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Brew & Bean"
|
||||
description="Your neighborhood sanctuary for freshly roasted coffee, hand-crafted lattes, and artisanal treats. Start your day with the perfect cup."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g6c762149c07edc54189c8728f19463734e46b04d611e25009a930bc81a06373c6043683c2392868a2efda7754d3bd988120440987b52167b5e7504327a937912_1280.jpg",
|
||||
imageAlt: "Barista pouring latte art",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Our Menu", href: "#features" }]}
|
||||
slides={[{ imageSrc: "https://pixabay.com/get/g6c762149c07edc54189c8728f19463734e46b04d611e25009a930bc81a06373c6043683c2392868a2efda7754d3bd988120440987b52167b5e7504327a937912_1280.jpg", imageAlt: "Barista pouring latte art" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Perfection, One Cup at a Time",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Crafting Perfection, One Cup at a Time" }]}
|
||||
buttons={[{ text: "Learn Our Story", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -95,21 +64,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "House Blend",
|
||||
description: "A smooth, balanced medium roast with nutty notes.",
|
||||
imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Single Origin",
|
||||
description: "High-altitude beans with vibrant, fruity undertones.",
|
||||
imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Cold Brew",
|
||||
description: "Slow-steeped for 18 hours for a clean, rich finish.",
|
||||
imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg?_wi=1",
|
||||
},
|
||||
{ title: "House Blend", description: "A smooth, balanced medium roast with nutty notes.", imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg" },
|
||||
{ title: "Single Origin", description: "High-altitude beans with vibrant, fruity undertones.", imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg" },
|
||||
{ title: "Cold Brew", description: "Slow-steeped for 18 hours for a clean, rich finish.", imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg" },
|
||||
]}
|
||||
title="Signature Roasts"
|
||||
description="Our signature selection of ethically sourced, masterfully roasted coffee beans."
|
||||
@@ -122,39 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Source",
|
||||
description: "Ethically sourced beans from sustainable farms.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg?_wi=2",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Roast",
|
||||
description: "Batch roasted by hand to highlight natural sweetness.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg?_wi=2",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Brew",
|
||||
description: "Precise extraction for the best flavor profile.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg?_wi=3",
|
||||
},
|
||||
},
|
||||
{ id: 1, title: "Source", description: "Ethically sourced beans from sustainable farms.", phoneOne: { imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg" }, phoneTwo: { imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg" } },
|
||||
{ id: 2, title: "Roast", description: "Batch roasted by hand to highlight natural sweetness.", phoneOne: { imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg" }, phoneTwo: { imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg" } },
|
||||
{ id: 3, title: "Brew", description: "Precise extraction for the best flavor profile.", phoneOne: { imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg" }, phoneTwo: { imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg" } },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="The Daily Ritual"
|
||||
@@ -164,30 +91,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pastries" data-section="pastries">
|
||||
<FeatureCardMedia
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Butter Croissant",
|
||||
description: "Flaky, golden, and rich with real French butter.",
|
||||
tag: "Bakery",
|
||||
imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Cinnamon Roll",
|
||||
description: "Swirled with dark sugar and house-made glaze.",
|
||||
tag: "Bakery",
|
||||
imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Scone of the Day",
|
||||
description: "Seasonal fruit and herb combinations.",
|
||||
tag: "Bakery",
|
||||
imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg?_wi=4",
|
||||
},
|
||||
{ id: "p1", title: "Butter Croissant", description: "Flaky, golden, and rich with real French butter.", tag: "Bakery", imageSrc: "https://pixabay.com/get/g0cbe1d4088fb0afddb6061ec2daf80b8a4220dde161f2da2215a51a214af4b4509750827459854d3c09c4838e60ce94ef6e52fc4c1e79ffeb8f645a727d26fea_1280.jpg" },
|
||||
{ id: "p2", title: "Cinnamon Roll", description: "Swirled with dark sugar and house-made glaze.", tag: "Bakery", imageSrc: "https://pixabay.com/get/geaecfdabe93df7eb9067b1fda8dc1498bd8a4b6c695ba16d7039c246fb5bd98c724952ca4d73009562e2746588ae6db1e1d7b5dcc79f73b9013cc0ba2454276b_1280.jpg" },
|
||||
{ id: "p3", title: "Scone of the Day", description: "Seasonal fruit and herb combinations.", tag: "Bakery", imageSrc: "https://pixabay.com/get/ged1f6d261b7ac20784f574d051397f1b263a8e5944d56e85614797716a2d9afc4da63daa65e9701a9a5ee6adda8838ea5667263d6e15dfe2f88cad71a4a97326_1280.jpg" },
|
||||
]}
|
||||
title="Artisanal Pairings"
|
||||
description="Hand-made pastries fresh from our oven daily."
|
||||
@@ -199,46 +109,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
date: "Jan 2025",
|
||||
title: "Regular",
|
||||
quote: "The best latte in town, hands down!",
|
||||
tag: "Coffee Lover",
|
||||
avatarSrc: "https://pixabay.com/get/g32a172f92642d74e9040f2ca36127d673d9376f56e0306ca41d1a9df5efdd25cfff3310a84d784882582a17b264301d78bbfbd7a7509ead88e2ac8ea4a98f732_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/g95cb2cb5a82e30c2f50e97b1b96c5251a5b830e58ff20f05288938c8aad9252bbc32690229dba104593a67fea7679ef979b4301389d08c700a1cf37919a354aa_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Brian K.",
|
||||
date: "Feb 2025",
|
||||
title: "Local",
|
||||
quote: "My morning ritual is not complete without Brew & Bean.",
|
||||
tag: "Daily Regular",
|
||||
avatarSrc: "https://pixabay.com/get/g682e2cdff52df059ba47ab4c4708f372badfe72867df3fc1ad44f53db75eafae5487a3796a186c979f6486c7a9f456f86bdd6c6b6a54d250ecfc8250d9bd5c09_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/g4e02af4b0b5f16528fd49da3a685cee035645879c24ff907f62b59babca778de72decefd9dff98966a1edac37b1051806f871fd469a6148ef49f2fff8916a63b_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe S.",
|
||||
date: "Mar 2025",
|
||||
title: "Student",
|
||||
quote: "Perfect spot for studying and a great cappuccino.",
|
||||
tag: "Remote Worker",
|
||||
avatarSrc: "https://pixabay.com/get/ge6e3ac0a1ace79d2ad42e6967a69880ef226d4a92dc32dc80f73628b16916cc32b77550dfa2aebb47f4b018cf244038c935e22a0e5c9b3f11cf6d71dd78857e7_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/g874527fe41408571fd839218e3465412ada068f779ec5f0b4895385274bf61fc587d70088deec586299c62fac502299b321dcc685cbb84c4614b2588b0cac5c3_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Apr 2025",
|
||||
title: "Designer",
|
||||
quote: "Clean roasts and even cleaner vibes.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "https://pixabay.com/get/gc4a2947df72f423402ca61aa808f9272a425eb06414a299a7f8c0005c7690a664d4ee5ffe280b87e7a8ebd6396886e99795e6fa6c2702f2c85e0e71ce0e9c02f_1280.jpg",
|
||||
imageSrc: "https://pixabay.com/get/g706ad6554bd27575ca47d028b64e92c7bf24550edc758456ce412be68259d2fb7e6053e1fac8d701c07dc4ce1782a7560eb64f5516e8b2808a85f8950836ff35_1280.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", date: "Jan 2025", title: "Regular", quote: "The best latte in town, hands down!", tag: "Coffee Lover", avatarSrc: "https://pixabay.com/get/g32a172f92642d74e9040f2ca36127d673d9376f56e0306ca41d1a9df5efdd25cfff3310a84d784882582a17b264301d78bbfbd7a7509ead88e2ac8ea4a98f732_1280.jpg", imageSrc: "https://pixabay.com/get/g95cb2cb5a82e30c2f50e97b1b96c5251a5b830e58ff20f05288938c8aad9252bbc32690229dba104593a67fea7679ef979b4301389d08c700a1cf37919a354aa_1280.jpg" },
|
||||
{ id: "t2", name: "Brian K.", date: "Feb 2025", title: "Local", quote: "My morning ritual is not complete without Brew & Bean.", tag: "Daily Regular", avatarSrc: "https://pixabay.com/get/g682e2cdff52df059ba47ab4c4708f372badfe72867df3fc1ad44f53db75eafae5487a3796a186c979f6486c7a9f456f86bdd6c6b6a54d250ecfc8250d9bd5c09_1280.jpg", imageSrc: "https://pixabay.com/get/g4e02af4b0b5f16528fd49da3a685cee035645879c24ff907f62b59babca778de72decefd9dff98966a1edac37b1051806f871fd469a6148ef49f2fff8916a63b_1280.jpg" },
|
||||
{ id: "t3", name: "Chloe S.", date: "Mar 2025", title: "Student", quote: "Perfect spot for studying and a great cappuccino.", tag: "Remote Worker", avatarSrc: "https://pixabay.com/get/ge6e3ac0a1ace79d2ad42e6967a69880ef226d4a92dc32dc80f73628b16916cc32b77550dfa2aebb47f4b018cf244038c935e22a0e5c9b3f11cf6d71dd78857e7_1280.jpg", imageSrc: "https://pixabay.com/get/g874527fe41408571fd839218e3465412ada068f779ec5f0b4895385274bf61fc587d70088deec586299c62fac502299b321dcc685cbb84c4614b2588b0cac5c3_1280.jpg" },
|
||||
{ id: "t4", name: "David W.", date: "Apr 2025", title: "Designer", quote: "Clean roasts and even cleaner vibes.", tag: "Creative", avatarSrc: "https://pixabay.com/get/gc4a2947df72f423402ca61aa808f9272a425eb06414a299a7f8c0005c7690a664d4ee5ffe280b87e7a8ebd6396886e99795e6fa6c2702f2c85e0e71ce0e9c02f_1280.jpg", imageSrc: "https://pixabay.com/get/g706ad6554bd27575ca47d028b64e92c7bf24550edc758456ce412be68259d2fb7e6053e1fac8d701c07dc4ce1782a7560eb64f5516e8b2808a85f8950836ff35_1280.jpg" },
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our wonderful neighbors are saying about us."
|
||||
@@ -251,16 +125,8 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Find us at the corner of 5th and Main. Open daily from 7 AM to 6 PM."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g75ede7f1dce24e0bf08fa95d1365f71c45af93c372be358bc3f913a697114cf02e488ff8198e7167c6ef89d1665067d22b09bac42c4f844d171b8d0ce846def7_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user