Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -28,122 +28,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Birr Coffee"
|
||||
button={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Coffee, Brewed with Soul."
|
||||
description="At Birr, we believe every cup tells a story. From farm to roast to your first morning sip, we bring artisanal excellence to your daily ritual."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Miller",
|
||||
handle: "@alicem",
|
||||
testimonial: "The best roast in town. Perfectly balanced every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g61c807b76088ba6f1f702a513760188cd8d05e212da9ca67648b499c8c2570b3cce5d3d4b381a01434d2f0d0e3f25bf15d53bc5509fe22d85f2c522fe16731be_1280.jpg?_wi=1",
|
||||
imageAlt: "fresh artisan coffee pouring in cup",
|
||||
},
|
||||
{
|
||||
name: "Bob Chen",
|
||||
handle: "@bobcoffee",
|
||||
testimonial: "A quiet oasis for true coffee lovers. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g0dfbfddb962e111fc688e8eb91774fdb737682fa68f44004a534702a1e10bcec23e7c0d18f65218c141d61a0b0c2cef960cde27a73f964e5d68bec64810bab86_1280.jpg",
|
||||
imageAlt: "coffee beans pile close up macro",
|
||||
},
|
||||
{
|
||||
name: "Charlie D.",
|
||||
handle: "@charlied",
|
||||
testimonial: "Consistent, fresh, and always welcoming. Birr is my daily go-to.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g1516972564d39ad0fef9034ce76fc44b8e068c026bd3ea5f0cc911cab0e37030db16e12614cb82efc41209e5e6f5eff0b2672a85fa91391191db668cf6ac41e9_1280.jpg?_wi=1",
|
||||
imageAlt: "fresh espresso coffee shot wood table",
|
||||
},
|
||||
{
|
||||
name: "Diana Ross",
|
||||
handle: "@diana",
|
||||
testimonial: "Exquisite attention to detail in their latte art. Simply perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/ga0314a6bc4779c9f6e1e2f87a31e6c4708f7539d3144aabd58316169b3c11bf4ce85b2aec19730a1183737d7b6dede817f90d0bca77e60a456ce56338f5371e4_1280.jpg?_wi=1",
|
||||
imageAlt: "cappuccino with latte art top view",
|
||||
},
|
||||
{
|
||||
name: "Evan G.",
|
||||
handle: "@evang",
|
||||
testimonial: "The atmosphere is unmatched. A true hidden gem.",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g569761b1dc349cde557e2fb127d78c4e887a9f33684ce5ccc23aecd0a265fce6816fe653c73b5eb08bab0aafd42b160ab2a5c8f54422eb8062fad8089c2a758b_1280.jpg?_wi=1",
|
||||
imageAlt: "iced americano refreshing summer drink",
|
||||
},
|
||||
{ name: "Alice Miller", handle: "@alicem", testimonial: "The best roast in town. Perfectly balanced every single time.", rating: 5, imageSrc: "https://pixabay.com/get/g61c807b76088ba6f1f702a513760188cd8d05e212da9ca67648b499c8c2570b3cce5d3d4b381a01434d2f0d0e3f25bf15d53bc5509fe22d85f2c522fe16731be_1280.jpg", imageAlt: "fresh artisan coffee pouring in cup" },
|
||||
{ name: "Bob Chen", handle: "@bobcoffee", testimonial: "A quiet oasis for true coffee lovers. Highly recommended.", rating: 5, imageSrc: "https://pixabay.com/get/g0dfbfddb962e111fc688e8eb91774fdb737682fa68f44004a534702a1e10bcec23e7c0d18f65218c141d61a0b0c2cef960cde27a73f964e5d68bec64810bab86_1280.jpg", imageAlt: "coffee beans pile close up macro" },
|
||||
{ name: "Charlie D.", handle: "@charlied", testimonial: "Consistent, fresh, and always welcoming. Birr is my daily go-to.", rating: 5, imageSrc: "https://pixabay.com/get/g1516972564d39ad0fef9034ce76fc44b8e068c026bd3ea5f0cc911cab0e37030db16e12614cb82efc41209e5e6f5eff0b2672a85fa91391191db668cf6ac41e9_1280.jpg", imageAlt: "fresh espresso coffee shot wood table" },
|
||||
{ name: "Diana Ross", handle: "@diana", testimonial: "Exquisite attention to detail in their latte art. Simply perfect.", rating: 5, imageSrc: "https://pixabay.com/get/ga0314a6bc4779c9f6e1e2f87a31e6c4708f7539d3144aabd58316169b3c11bf4ce85b2aec19730a1183737d7b6dede817f90d0bca77e60a456ce56338f5371e4_1280.jpg", imageAlt: "cappuccino with latte art top view" },
|
||||
{ name: "Evan G.", handle: "@evang", testimonial: "The atmosphere is unmatched. A true hidden gem.", rating: 5, imageSrc: "https://pixabay.com/get/g569761b1dc349cde557e2fb127d78c4e887a9f33684ce5ccc23aecd0a265fce6816fe653c73b5eb08bab0aafd42b160ab2a5c8f54422eb8062fad8089c2a758b_1280.jpg", imageAlt: "iced americano refreshing summer drink" }
|
||||
]}
|
||||
imageSrc="https://pixabay.com/get/g61c807b76088ba6f1f702a513760188cd8d05e212da9ca67648b499c8c2570b3cce5d3d4b381a01434d2f0d0e3f25bf15d53bc5509fe22d85f2c522fe16731be_1280.jpg?_wi=2"
|
||||
imageSrc="https://pixabay.com/get/g61c807b76088ba6f1f702a513760188cd8d05e212da9ca67648b499c8c2570b3cce5d3d4b381a01434d2f0d0e3f25bf15d53bc5509fe22d85f2c522fe16731be_1280.jpg"
|
||||
imageAlt="Artisan coffee preparation at Birr"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://pixabay.com/get/ga72e4926f23f711e9a6b3ce85b037f2c8a701af63d22fb8df6c131a324085cb5e25921e868b5be834df36af46cec2d942d62b8192235952be8b90b857f7ce159_1280.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g82a69ac097735b146c2800baa714a5223f158a9ebe909f20c3f604a77f8c4bfeb0dd109b2612e493ad625833e963313591e080bcc3c7f221f6a095c61c041d7d_1280.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g54b2430a2e336dd2077aa94e64b59826e702649cb232ae5360007942397607bd05e84587120330bf64431e0376d5fb7af29413a2f0e4de39cd38d46d6fc89de6_1280.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/gbf8e9b374e85f52a57edaf452c53519bf0272f7d00717a64a37f0f16af93634490b413ff2fd3cb3e4617a73cbef1f986a5f17f451e0d8e4df90d8f3749287e94_1280.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://pixabay.com/get/g61c807b76088ba6f1f702a513760188cd8d05e212da9ca67648b499c8c2570b3cce5d3d4b381a01434d2f0d0e3f25bf15d53bc5509fe22d85f2c522fe16731be_1280.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "https://pixabay.com/get/ga72e4926f23f711e9a6b3ce85b037f2c8a701af63d22fb8df6c131a324085cb5e25921e868b5be834df36af46cec2d942d62b8192235952be8b90b857f7ce159_1280.jpg", alt: "Customer 1" },
|
||||
{ src: "https://pixabay.com/get/g82a69ac097735b146c2800baa714a5223f158a9ebe909f20c3f604a77f8c4bfeb0dd109b2612e493ad625833e963313591e080bcc3c7f221f6a095c61c041d7d_1280.jpg", alt: "Customer 2" },
|
||||
{ src: "https://pixabay.com/get/g54b2430a2e336dd2077aa94e64b59826e702649cb232ae5360007942397607bd05e84587120330bf64431e0376d5fb7af29413a2f0e4de39cd38d46d6fc89de6_1280.jpg", alt: "Customer 3" },
|
||||
{ src: "https://pixabay.com/get/gbf8e9b374e85f52a57edaf452c53519bf0272f7d00717a64a37f0f16af93634490b413ff2fd3cb3e4617a73cbef1f986a5f17f451e0d8e4df90d8f3749287e94_1280.jpg", alt: "Customer 4" },
|
||||
{ src: "https://pixabay.com/get/g61c807b76088ba6f1f702a513760188cd8d05e212da9ca67648b499c8c2570b3cce5d3d4b381a01434d2f0d0e3f25bf15d53bc5509fe22d85f2c522fe16731be_1280.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Beans",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertly Brewed",
|
||||
},
|
||||
{ type: "text", text: "Locally Roasted" },
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Small Batch" },
|
||||
{ type: "text", text: "Organic Beans" },
|
||||
{ type: "text", text: "Expertly Brewed" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,12 +74,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Craft"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Beans",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn About Our Beans", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,24 +85,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "House Blend",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://pixabay.com/get/g1516972564d39ad0fef9034ce76fc44b8e068c026bd3ea5f0cc911cab0e37030db16e12614cb82efc41209e5e6f5eff0b2672a85fa91391191db668cf6ac41e9_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Latte",
|
||||
price: "$5.25",
|
||||
imageSrc: "https://pixabay.com/get/ga0314a6bc4779c9f6e1e2f87a31e6c4708f7539d3144aabd58316169b3c11bf4ce85b2aec19730a1183737d7b6dede817f90d0bca77e60a456ce56338f5371e4_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cold Brew Special",
|
||||
price: "$6.00",
|
||||
imageSrc: "https://pixabay.com/get/g569761b1dc349cde557e2fb127d78c4e887a9f33684ce5ccc23aecd0a265fce6816fe653c73b5eb08bab0aafd42b160ab2a5c8f54422eb8062fad8089c2a758b_1280.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "House Blend", price: "$4.50", imageSrc: "https://pixabay.com/get/g1516972564d39ad0fef9034ce76fc44b8e068c026bd3ea5f0cc911cab0e37030db16e12614cb82efc41209e5e6f5eff0b2672a85fa91391191db668cf6ac41e9_1280.jpg" },
|
||||
{ id: "p2", name: "Signature Latte", price: "$5.25", imageSrc: "https://pixabay.com/get/ga0314a6bc4779c9f6e1e2f87a31e6c4708f7539d3144aabd58316169b3c11bf4ce85b2aec19730a1183737d7b6dede817f90d0bca77e60a456ce56338f5371e4_1280.jpg" },
|
||||
{ id: "p3", name: "Cold Brew Special", price: "$6.00", imageSrc: "https://pixabay.com/get/g569761b1dc349cde557e2fb127d78c4e887a9f33684ce5ccc23aecd0a265fce6816fe653c73b5eb08bab0aafd42b160ab2a5c8f54422eb8062fad8089c2a758b_1280.jpg" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our hand-selected range of specialty coffees."
|
||||
@@ -194,50 +96,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/ga72e4926f23f711e9a6b3ce85b037f2c8a701af63d22fb8df6c131a324085cb5e25921e868b5be834df36af46cec2d942d62b8192235952be8b90b857f7ce159_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
role: "Writer",
|
||||
company: "Independent",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g82a69ac097735b146c2800baa714a5223f158a9ebe909f20c3f604a77f8c4bfeb0dd109b2612e493ad625833e963313591e080bcc3c7f221f6a095c61c041d7d_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily V.",
|
||||
role: "Architect",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/g54b2430a2e336dd2077aa94e64b59826e702649cb232ae5360007942397607bd05e84587120330bf64431e0376d5fb7af29413a2f0e4de39cd38d46d6fc89de6_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ken K.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/gbf8e9b374e85f52a57edaf452c53519bf0272f7d00717a64a37f0f16af93634490b413ff2fd3cb3e4617a73cbef1f986a5f17f451e0d8e4df90d8f3749287e94_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia P.",
|
||||
role: "Photographer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "https://pixabay.com/get/ga72e4926f23f711e9a6b3ce85b037f2c8a701af63d22fb8df6c131a324085cb5e25921e868b5be834df36af46cec2d942d62b8192235952be8b90b857f7ce159_1280.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Designer", company: "Local Agency", rating: 5, imageSrc: "https://pixabay.com/get/ga72e4926f23f711e9a6b3ce85b037f2c8a701af63d22fb8df6c131a324085cb5e25921e868b5be834df36af46cec2d942d62b8192235952be8b90b857f7ce159_1280.jpg" },
|
||||
{ id: "t2", name: "Mark L.", role: "Writer", company: "Independent", rating: 5, imageSrc: "https://pixabay.com/get/g82a69ac097735b146c2800baa714a5223f158a9ebe909f20c3f604a77f8c4bfeb0dd109b2612e493ad625833e963313591e080bcc3c7f221f6a095c61c041d7d_1280.jpg" },
|
||||
{ id: "t3", name: "Emily V.", role: "Architect", company: "Studio X", rating: 5, imageSrc: "https://pixabay.com/get/g54b2430a2e336dd2077aa94e64b59826e702649cb232ae5360007942397607bd05e84587120330bf64431e0376d5fb7af29413a2f0e4de39cd38d46d6fc89de6_1280.jpg" },
|
||||
{ id: "t4", name: "Ken K.", role: "Student", company: "University", rating: 5, imageSrc: "https://pixabay.com/get/gbf8e9b374e85f52a57edaf452c53519bf0272f7d00717a64a37f0f16af93634490b413ff2fd3cb3e4617a73cbef1f986a5f17f451e0d8e4df90d8f3749287e94_1280.jpg" },
|
||||
{ id: "t5", name: "Julia P.", role: "Photographer", company: "Freelance", rating: 5, imageSrc: "https://pixabay.com/get/ga72e4926f23f711e9a6b3ce85b037f2c8a701af63d22fb8df6c131a324085cb5e25921e868b5be834df36af46cec2d942d62b8192235952be8b90b857f7ce159_1280.jpg" }
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="Hear what our regulars have to say about Birr."
|
||||
@@ -250,24 +118,10 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="We are open daily at 123 Artisan Lane. Stop by for a cup!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ask us anything!",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ask us anything!", rows: 4 }}
|
||||
imageSrc="https://pixabay.com/get/g74d57d0c9fbada3601455954237ee2c208ef9f7a379e0c08e2ec8b3c38b9749ff95916df29d38a22669a0e1e6a06c261059497e4ea4e4fb8559f7b0da364e4cb_1280.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -276,32 +130,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Birr Coffee",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Birr Coffee", items: [{ label: "About Us", href: "#" }, { label: "Our Menu", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "FAQ", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | Birr Coffee Shop"
|
||||
/>
|
||||
@@ -309,4 +139,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user