Merge version_4 into main #4
149
src/app/page.tsx
149
src/app/page.tsx
@@ -31,44 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#products"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Order via WhatsApp", href: "https://web.whatsapp.com/send/?phone=96555080728&text&type=phone_number&app_absent=0"}}
|
||||
text: "Order via WhatsApp", href: "https://wa.me/96555080728"
|
||||
}}
|
||||
brandName="Laila's Bakery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Taste of Home, Baked Fresh Daily."
|
||||
description="Authentic Filipino breads, pastries, and desserts crafted with love in the heart of our neighborhood."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order via WhatsApp", href: "https://web.whatsapp.com/send/?phone=96555080728&text&type=phone_number&app_absent=0"},
|
||||
{ text: "Order via WhatsApp", href: "https://wa.me/96555080728" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=1", imageAlt: "Spanish bread and Ube loaf"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bagel-with-rosemary-cinnamon_23-2148368240.jpg", imageAlt: "Freshly baked pastries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastry-rose-petals-board_23-2147742723.jpg", imageAlt: "Artisan bakery showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-near-oils-jug_23-2147930115.jpg", imageAlt: "Warm bakery atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-cabbage-with-vegetable-grater-grated-cabbage-dark-wooden-background-horizontal_176474-5246.jpg", imageAlt: "Traditional Filipino bread"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/basket-loaves-with-golden-crust_23-2147761317.jpg", imageAlt: "Golden brown pastries"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=1", imageAlt: "Spanish bread and Ube loaf" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-bagel-with-rosemary-cinnamon_23-2148368240.jpg", imageAlt: "Freshly baked pastries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pastry-rose-petals-board_23-2147742723.jpg", imageAlt: "Artisan bakery showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bread-near-oils-jug_23-2147930115.jpg", imageAlt: "Warm bakery atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-cabbage-with-vegetable-grater-grated-cabbage-dark-wooden-background-horizontal_176474-5246.jpg", imageAlt: "Traditional Filipino bread" },
|
||||
{ imageSrc: "http://img.b2bpic.net/basket-loaves-with-golden-crust_23-2147761317.jpg", imageAlt: "Golden brown pastries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,12 +68,9 @@ export default function LandingPage() {
|
||||
title="Tradition in Every Bite"
|
||||
description="Laila's Bakery started in a tiny home kitchen, driven by a passion to share the comforting flavors of the Philippines with our neighbors. Today, we continue to use time-honored techniques."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+", title: "Years Baking"},
|
||||
{
|
||||
value: "5k+", title: "Happy Neighbors"},
|
||||
{
|
||||
value: "20+", title: "Traditional Recipes"},
|
||||
{ value: "15+", title: "Years Baking" },
|
||||
{ value: "5k+", title: "Happy Neighbors" },
|
||||
{ value: "20+", title: "Traditional Recipes" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-baked-products_23-2148234239.jpg?_wi=1"
|
||||
imageAlt="The heart of Laila's Bakery"
|
||||
@@ -99,12 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Fresh Daily", description: "We bake our goods from scratch every single morning.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-oktoberfest-celebration_23-2149557109.jpg", imageAlt: "minimalist bakery logo stamp"},
|
||||
{
|
||||
id: "f2", title: "Authentic Ingredients", description: "Sourced carefully for the most authentic Filipino flavors.", tag: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=2", imageAlt: "minimalist bakery logo stamp"},
|
||||
{
|
||||
id: "f3", title: "Community Love", description: "Supporting local growers and our lovely neighbors.", tag: "Community", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-baked-products_23-2148234239.jpg?_wi=2", imageAlt: "minimalist bakery logo stamp"},
|
||||
{ id: "f1", title: "Fresh Daily", description: "We bake our goods from scratch every single morning.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-oktoberfest-celebration_23-2149557109.jpg", imageAlt: "minimalist bakery logo stamp" },
|
||||
{ id: "f2", title: "Authentic Ingredients", description: "Sourced carefully for the most authentic Filipino flavors.", tag: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/bread-baguette-board-with-sesame-buns-table_140725-11058.jpg?_wi=2", imageAlt: "minimalist bakery logo stamp" },
|
||||
{ id: "f3", title: "Community Love", description: "Supporting local growers and our lovely neighbors.", tag: "Community", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-baked-products_23-2148234239.jpg?_wi=2", imageAlt: "minimalist bakery logo stamp" },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Experience the authentic taste of tradition."
|
||||
@@ -118,21 +101,20 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Spanish Bread", price: "$2.50", variant: "Pack of 6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruity-pastries-sweet-baked-grey-light-wall-cake-pastry-bake-tea_140725-37684.jpg"},
|
||||
{
|
||||
id: "p2", name: "Ube Loaf", price: "$6.00", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-blueberry-cake-slice-wooden-board_114579-61339.jpg"},
|
||||
{
|
||||
id: "p3", name: "Ensaymada", price: "$3.00", variant: "Cheesy", imageSrc: "http://img.b2bpic.net/free-photo/two-kinds-dried-fruit-bowl-marble-table_114579-72623.jpg"},
|
||||
{
|
||||
id: "p4", name: "Pandesal", price: "$1.50", variant: "Dozen", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-with-coconut-powder-wooden-background_181624-25074.jpg"},
|
||||
{
|
||||
id: "p5", name: "Hopia", price: "$2.00", variant: "Mung Bean", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bred-wooden-surface_181624-58277.jpg"},
|
||||
{
|
||||
id: "p6", name: "Leche Flan", price: "$8.00", variant: "Small Tray", imageSrc: "http://img.b2bpic.net/free-photo/sliced-piroshki-with-potatoes-blue-plate_114579-88869.jpg"},
|
||||
{ id: "p1", name: "Spanish Bread", price: "$2.50", variant: "Pack of 6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruity-pastries-sweet-baked-grey-light-wall-cake-pastry-bake-tea_140725-37684.jpg" },
|
||||
{ id: "p2", name: "Ube Loaf", price: "$6.00", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-blueberry-cake-slice-wooden-board_114579-61339.jpg" },
|
||||
{ id: "p4", name: "Pandesal", price: "$1.50", variant: "Dozen", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookie-with-coconut-powder-wooden-background_181624-25074.jpg" },
|
||||
{ id: "p3", name: "Ensaymada", price: "$3.00", variant: "Cheesy", imageSrc: "http://img.b2bpic.net/free-photo/two-kinds-dried-fruit-bowl-marble-table_114579-72623.jpg" },
|
||||
{ id: "p5", name: "Hopia", price: "$2.00", variant: "Mung Bean", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bred-wooden-surface_181624-58277.jpg" },
|
||||
{ id: "p6", name: "Leche Flan", price: "$8.00", variant: "Small Tray", imageSrc: "http://img.b2bpic.net/free-photo/sliced-piroshki-with-potatoes-blue-plate_114579-88869.jpg" },
|
||||
]}
|
||||
title="Our Daily Bakes"
|
||||
description="Discover your new favorite Filipino treat."
|
||||
buttons={[
|
||||
{ text: "Order Spanish Bread", href: "https://wa.me/96555080728?text=Hi%20Laila's%20Bakery!%20I%20would%20like%20to%20order%20the%20Spanish%20Bread" },
|
||||
{ text: "Order Ube Loaf", href: "https://wa.me/96555080728?text=Hi%20Laila's%20Bakery!%20I%20would%20like%20to%20order%20the%20Ube%20Loaf" },
|
||||
{ text: "Order Pandesal", href: "https://wa.me/96555080728?text=Hi%20Laila's%20Bakery!%20I%20would%20like%20to%20order%20the%20Pandesal" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,16 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Absolute Best!", quote: "The Ube loaf is to die for. Reminds me of home.", name: "Maria C.", role: "Loyal Patron", imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-tender-romantic-cute-blond-girlfriend-prepared-delicious-desse_1258-92636.jpg"},
|
||||
{
|
||||
id: "t2", title: "Consistently Good", quote: "My go-to place for fresh pandesal every morning.", name: "David L.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-basket-pastries_23-2148334511.jpg"},
|
||||
{
|
||||
id: "t3", title: "So Authentic", quote: "Finally, a place that gets the flavors exactly right.", name: "Sarah P.", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/mid-aged-couple-love-home_23-2147986280.jpg"},
|
||||
{
|
||||
id: "t4", title: "Warm & Cozy", quote: "Service is friendly and the bread is always fresh.", name: "John D.", role: "Local Neighbor", imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg"},
|
||||
{
|
||||
id: "t5", title: "Five Stars!", quote: "Highly recommend the Ensaymada. Absolutely delicious.", name: "Elena R.", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-proudly-confidently-making-number-one_1194-413976.jpg"},
|
||||
{ id: "t1", title: "Absolute Best!", quote: "The Ube loaf is to die for. Reminds me of home.", name: "Maria C.", role: "Loyal Patron", imageSrc: "http://img.b2bpic.net/free-photo/holidays-spring-party-concept-tender-romantic-cute-blond-girlfriend-prepared-delicious-desse_1258-92636.jpg" },
|
||||
{ id: "t2", title: "Consistently Good", quote: "My go-to place for fresh pandesal every morning.", name: "David L.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-basket-pastries_23-2148334511.jpg" },
|
||||
{ id: "t3", title: "So Authentic", quote: "Finally, a place that gets the flavors exactly right.", name: "Sarah P.", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/mid-aged-couple-love-home_23-2147986280.jpg" },
|
||||
{ id: "t4", title: "Warm & Cozy", quote: "Service is friendly and the bread is always fresh.", name: "John D.", role: "Local Neighbor", imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-checking-products_23-2148366518.jpg" },
|
||||
{ id: "t5", title: "Five Stars!", quote: "Highly recommend the Ensaymada. Absolutely delicious.", name: "Elena R.", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-proudly-confidently-making-number-one_1194-413976.jpg" },
|
||||
]}
|
||||
title="Neighborly Love"
|
||||
description="What our wonderful community says about us."
|
||||
@@ -162,7 +139,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Business Network", "Neighborhood Association", "Community Foodie Hub", "Regional Bakers Guild", "City News Daily", "Daily Treats Magazine", "Authentic Eats Review"]}
|
||||
"Local Business Network", "Neighborhood Association", "Community Foodie Hub", "Regional Bakers Guild", "City News Daily", "Daily Treats Magazine", "Authentic Eats Review"]
|
||||
}
|
||||
title="Community Partners"
|
||||
description="Proud to be a recognized member of our vibrant local community."
|
||||
/>
|
||||
@@ -174,18 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Freshness Guaranteed", items: [
|
||||
"No preservatives", "Natural ingredients"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "500+", title: "Pandesal Daily", items: [
|
||||
"Traditional batch", "Golden brown"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "10k+", title: "Smiles Delivered", items: [
|
||||
"Happy neighbors", "Community focus"],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Freshness Guaranteed", items: ["No preservatives", "Natural ingredients"] },
|
||||
{ id: "m2", value: "500+", title: "Pandesal Daily", items: ["Traditional batch", "Golden brown"] },
|
||||
{ id: "m3", value: "10k+", title: "Smiles Delivered", items: ["Happy neighbors", "Community focus"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our bakery is powered by tradition and quality ingredients."
|
||||
@@ -195,16 +164,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Visit Laila's Bakery Today"
|
||||
description="We are open daily from 6 AM to 6 PM. Drop by for fresh bread!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "https://www.google.com/maps"},
|
||||
{
|
||||
text: "Message Us", href: "https://web.whatsapp.com/send/?phone=96555080728&text&type=phone_number&app_absent=0"},
|
||||
{ text: "Get Directions", href: "https://www.google.com/maps" },
|
||||
{ text: "Message Us", href: "https://wa.me/96555080728" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,30 +179,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Laila's Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Process", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Breads", href: "#products"},
|
||||
{
|
||||
label: "Pastries", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "https://web.whatsapp.com/send/?phone=96555080728&text&type=phone_number&app_absent=0"},
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
],
|
||||
},
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Our Process", href: "#about" }] },
|
||||
{ title: "Products", items: [{ label: "Breads", href: "#products" }, { label: "Pastries", href: "#products" }] },
|
||||
{ title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/96555080728" }, { label: "Instagram", href: "https://instagram.com" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Laila's Bakery. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user