Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -16,80 +16,52 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Crafted with Passion, Served with Love"
|
||||
description="Welcome to Brew & Bean, where every cup tells a story. We source the finest beans to bring you an unparalleled coffee experience in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Our Menu", href: "#menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://pixabay.com/get/g35d1aebc40ea95a9fc9103d5c29f3cfefcef7a6573afab626484a91db1eb782ed3192c5437ea81caa5ec30e365def575e88d4aa86e79c10bbd9de2f183e35afa_1280.jpg",
|
||||
imageAlt: "Coffee Scene 1",
|
||||
},
|
||||
id: "1", imageSrc: "https://pixabay.com/get/g35d1aebc40ea95a9fc9103d5c29f3cfefcef7a6573afab626484a91db1eb782ed3192c5437ea81caa5ec30e365def575e88d4aa86e79c10bbd9de2f183e35afa_1280.jpg", imageAlt: "Coffee Scene 1"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://pixabay.com/get/gc47f7bb088ca56279147bd70c3a2dc025a8bc2ae18035bc2fb08ec0759e5814feeefee2ccc4d4cc8bdeff9b88414a83a85cb86a0b3515eebde934856fb5900e8_1280.jpg",
|
||||
imageAlt: "Coffee Scene 2",
|
||||
},
|
||||
id: "2", imageSrc: "https://pixabay.com/get/gc47f7bb088ca56279147bd70c3a2dc025a8bc2ae18035bc2fb08ec0759e5814feeefee2ccc4d4cc8bdeff9b88414a83a85cb86a0b3515eebde934856fb5900e8_1280.jpg", imageAlt: "Coffee Scene 2"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://pixabay.com/get/g5abac3417914da2c99b564d06033a37179210848b53ff74b8998f0b69954e2f913e076ce35106270cb3c1efb5fbf09cc015d126a4c6d3c738ee946e26f435bb2_1280.jpg",
|
||||
imageAlt: "Coffee Scene 3",
|
||||
},
|
||||
id: "3", imageSrc: "https://pixabay.com/get/g5abac3417914da2c99b564d06033a37179210848b53ff74b8998f0b69954e2f913e076ce35106270cb3c1efb5fbf09cc015d126a4c6d3c738ee946e26f435bb2_1280.jpg", imageAlt: "Coffee Scene 3"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://pixabay.com/get/g4c27c8d081f417ce335c4f2e493738f4a85ba0b27ecbb1da44d4ce43da4c2f205fcefd9163160aada6748a8d24d9d098247993f28c313c53cd19914563774ebd_1280.jpg",
|
||||
imageAlt: "Coffee Scene 4",
|
||||
},
|
||||
id: "4", imageSrc: "https://pixabay.com/get/g4c27c8d081f417ce335c4f2e493738f4a85ba0b27ecbb1da44d4ce43da4c2f205fcefd9163160aada6748a8d24d9d098247993f28c313c53cd19914563774ebd_1280.jpg", imageAlt: "Coffee Scene 4"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://pixabay.com/get/gb7df913946be6459cd263ef3292bfb19a483c33e288ff4efae73cec4bf46c0e0de1898e65b61fd6d8de52b3eb10216428612ec359b553ea1e4e5a761f46a4b2d_1280.jpg",
|
||||
imageAlt: "Coffee Scene 5",
|
||||
},
|
||||
id: "5", imageSrc: "https://pixabay.com/get/gb7df913946be6459cd263ef3292bfb19a483c33e288ff4efae73cec4bf46c0e0de1898e65b61fd6d8de52b3eb10216428612ec359b553ea1e4e5a761f46a4b2d_1280.jpg", imageAlt: "Coffee Scene 5"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://pixabay.com/get/ge586c0c94271abf0ecebe2bb2a8c7527f9c22fd27370f749d7176baeebd4d69192f35d0deffcb43ca5f29731d6d73cee2e470fa3c554fdb9f9bc33b0471b6641_1280.jpg",
|
||||
imageAlt: "Coffee Scene 6",
|
||||
},
|
||||
id: "6", imageSrc: "https://pixabay.com/get/ge586c0c94271abf0ecebe2bb2a8c7527f9c22fd27370f749d7176baeebd4d69192f35d0deffcb43ca5f29731d6d73cee2e470fa3c554fdb9f9bc33b0471b6641_1280.jpg", imageAlt: "Coffee Scene 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,17 +73,11 @@ export default function LandingPage() {
|
||||
description="From farm to cup, we are committed to ethical sourcing and master craftsmanship. Every batch is roasted daily to ensure the freshest flavors for our community."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Ethically Sourced",
|
||||
},
|
||||
value: "100%", title: "Ethically Sourced"},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Unique Blends",
|
||||
},
|
||||
value: "12+", title: "Unique Blends"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Neighbors",
|
||||
},
|
||||
value: "5k+", title: "Happy Neighbors"},
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g57a9fd7439bd590659ee28e52e652a402fb826c6fce0ad545d67cb093a016df71896e1520d29bd65f016c39235452f5257894a3d27c3005d56b68afd3275161f_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -127,32 +93,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brew & Bean",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://pixabay.com/get/g0ab7e5e801d4bb8e0a619a07668b928a593816f7fd9883c899abe846ad26159df2d74b15be537db3c2a4fde29abc4fc30672474535a36e747ad7e1b91044fd9b_1280.jpg",
|
||||
},
|
||||
id: "p1", brand: "Brew & Bean", name: "Classic Cappuccino", price: "$4.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://pixabay.com/get/g0ab7e5e801d4bb8e0a619a07668b928a593816f7fd9883c899abe846ad26159df2d74b15be537db3c2a4fde29abc4fc30672474535a36e747ad7e1b91044fd9b_1280.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Brew & Bean",
|
||||
name: "Double Shot Espresso",
|
||||
price: "$3.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://pixabay.com/get/gd840e944b29d8af114e0c6409b7229ec47d373f0cce96e19da076b81e3e51b6778bba0fb381e3c1657dbf5fa650596758355611b0b6b8596f526be175477172a_1280.jpg",
|
||||
},
|
||||
id: "p2", brand: "Brew & Bean", name: "Double Shot Espresso", price: "$3.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "https://pixabay.com/get/gd840e944b29d8af114e0c6409b7229ec47d373f0cce96e19da076b81e3e51b6778bba0fb381e3c1657dbf5fa650596758355611b0b6b8596f526be175477172a_1280.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Brew & Bean",
|
||||
name: "Signature Iced Latte",
|
||||
price: "$5.25",
|
||||
rating: 4,
|
||||
reviewCount: "98",
|
||||
imageSrc: "https://pixabay.com/get/g3c8fcc4b59280aa8404030e8fa3f2e5bfd14f71f2a83f851026fcbd82c45469330a4a26080bc456025e91bf29ce05beb7f73d8ef1b38cbfd6307c50b0bfeb92f_1280.jpg",
|
||||
},
|
||||
id: "p3", brand: "Brew & Bean", name: "Signature Iced Latte", price: "$5.25", rating: 4,
|
||||
reviewCount: "98", imageSrc: "https://pixabay.com/get/g3c8fcc4b59280aa8404030e8fa3f2e5bfd14f71f2a83f851026fcbd82c45469330a4a26080bc456025e91bf29ce05beb7f73d8ef1b38cbfd6307c50b0bfeb92f_1280.jpg"},
|
||||
]}
|
||||
title="Signature Brews"
|
||||
description="Discover our curated collection of signature coffees, from classic espressos to refreshing iced specialties."
|
||||
@@ -164,30 +112,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "https://pixabay.com/get/g6f59cc96fd56ce817e07a8ae6cdcbe1e709868d500650f981612c2b4eaf18e751161f5f9a51c9270748aaff8209e4a66938509620f57cdd8d81125c2da43e669_1280.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "https://pixabay.com/get/g6f59cc96fd56ce817e07a8ae6cdcbe1e709868d500650f981612c2b4eaf18e751161f5f9a51c9270748aaff8209e4a66938509620f57cdd8d81125c2da43e669_1280.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "https://pixabay.com/get/ge9fab8a6d0b7b743e08895e1c856175c0e2a81bc2336992e8d4ec1bf0431d9f67db9aa157b2abe0d428bcbf0202d1e8ccaf669c902cc4b6576d47860989becf7_1280.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", imageSrc: "https://pixabay.com/get/ge9fab8a6d0b7b743e08895e1c856175c0e2a81bc2336992e8d4ec1bf0431d9f67db9aa157b2abe0d428bcbf0202d1e8ccaf669c902cc4b6576d47860989becf7_1280.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "https://pixabay.com/get/ge92657ffdf34def017d1a0192dd9b03bd4febcd54a927b424c2301bf5ae03af24f7dc4388c9f24e48257e1964e7927beebdd4079dde7166225c6500a89d207ce_1280.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", imageSrc: "https://pixabay.com/get/ge92657ffdf34def017d1a0192dd9b03bd4febcd54a927b424c2301bf5ae03af24f7dc4388c9f24e48257e1964e7927beebdd4079dde7166225c6500a89d207ce_1280.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "https://pixabay.com/get/g9352af073d80ca87e3933338fa92431e6e55a984bfff9da71124986f62f9f8148d24b0393099b8a5277508ebfa80df0bff6e617e4a37891fb75562cd7995f9a4_1280.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", imageSrc: "https://pixabay.com/get/g9352af073d80ca87e3933338fa92431e6e55a984bfff9da71124986f62f9f8148d24b0393099b8a5277508ebfa80df0bff6e617e4a37891fb75562cd7995f9a4_1280.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julian B.",
|
||||
imageSrc: "https://pixabay.com/get/g6f59cc96fd56ce817e07a8ae6cdcbe1e709868d500650f981612c2b4eaf18e751161f5f9a51c9270748aaff8209e4a66938509620f57cdd8d81125c2da43e669_1280.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Julian B.", imageSrc: "https://pixabay.com/get/g6f59cc96fd56ce817e07a8ae6cdcbe1e709868d500650f981612c2b4eaf18e751161f5f9a51c9270748aaff8209e4a66938509620f57cdd8d81125c2da43e669_1280.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by locals"
|
||||
cardTag="Community Voices"
|
||||
@@ -199,8 +132,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Visit us at our downtown location for your morning routine or join us for a slow afternoon brew. We're open daily from 7 AM to 6 PM."
|
||||
/>
|
||||
</div>
|
||||
@@ -210,29 +142,19 @@ export default function LandingPage() {
|
||||
logoText="Brew & Bean"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "123 Coffee Lane",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Coffee Lane", href: "#"},
|
||||
{
|
||||
label: "hello@brewbean.com",
|
||||
href: "#",
|
||||
},
|
||||
label: "hello@brewbean.com", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user